/* =====头部===== */ 
#c-placeholder {height: 1.23rem; min-height: 80px;}
.header {position: fixed; z-index: 1000; width: 100%; left: 0; top: 0;z-index: 1000; transition: .5s;}
.headerBox {box-sizing: border-box;}
.headerBox > .box {display: flex; justify-content: space-between; height: 1.23rem;  min-height: 80px; align-items: center; transition: .5s;}
.headlogo img {max-width: 3rem; transition: .5s;}
.headlogo .logo2{display: none;}
.headSearch .search2{display: none;}
img{max-width:100%}
/* 头部右侧 */
.headre {display: flex; justify-content: space-between;width: 72%; height: 100%;}
.headSearch {cursor: pointer;  display: flex; align-items: center;}
 .my-video { height:100%;  display: block; }
 .my-video1 {width:100%;text-align: center; }
/* 头部导航 */
nav {height: 100%;width: 76%;margin-right: 2%;}
nav > ul {display: flex; justify-content: space-between;height: 100%;}
nav > ul > li {height: 100%; display: flex; align-items: center;}
nav > ul > li > a {color: #fff; font-size: 18px; position: relative; line-height: initial; transition: .4s; }
nav > ul >li:hover > a , nav >ul >li.on > a {color: #fff;}
nav > ul >li > a::after {content: ""; width: 0; position: absolute; bottom: -5px; left: 50%; height: 1px; background: #004ea2; transition: .5s;}
nav > ul >li:hover > a::after , nav >ul >li.on > a::after  {width: 100%; left: 0%;}
.banner1{background: url(../images/banner1.jpg) no-repeat top;background-size: 100%;}


/* 下拉导航 */

.navSlideDown2 {display: none; top: 100%;left: 50%; transform: translate(-50%, -0%);position: absolute; background: #fff;width: max-content; padding: .1rem .3rem;}
.navSlideDown2 ul li {border-bottom: 1px solid #E9EAEB;}
.navSlideDown2 ul li:last-child {border: 0;}
.navSlideDown2 ul li a {display: block; padding: .1rem 0; transition: .5s;text-align: center;}
.navSlideDown2 ul li:hover a {color: #004ea2;}





/* 搜索下拉 */
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 0.9rem 0 1.06rem; display: none; border-top: 1px solid #eee; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font36);}
.hadbox-sec4 .form {display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem;font-size: 0.2rem; color: #333333;}
.hadbox-sec4 .form .f_sub {width: 1.8rem; height: 0.56rem; min-height: 45px; background: #ff9314;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}

/* 语言切换 */
.headlang { display: flex;align-items: center;}
.headlang .layui-nav {background: none; padding: 0;}
.headlang .layui-nav .layui-nav-item {line-height: initial;}
.headlang .layui-nav .layui-nav-item > a{ display: flex; align-items: center;}
.headlang .layui-nav .layui-nav-more {right: 0;top: 40%;transform: translateY(-50%);}
.headlang .layui-nav .layui-nav-more::before {content: '';width: 10px;height: 5px;background: url(../images/ver-icon.png) no-repeat center;background-size: contain;display: inline-block;}
.headlang .layui-nav-child{left: 9px!important; top: 0.75rem;}
.layui-nav-child-c dd{line-height: 30px;}
nav > ul > li:nth-child(3) .navSlideDown,nav > ul > li:nth-child(5) .navSlideDown,nav > ul > li:nth-child(7) .navSlideDown{background: #fff; box-shadow: inherit; border-top: 1px solid #dbe0e3;}
nav > ul > li:nth-child(3) .soulSlideDown li{width: 23%;}





/* 下滑头部 */
.header:hover {background: #fff;  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.41);}
.header:hover .headlogo .logo1{display: none;}
.header:hover .headlogo .logo2{display: block;}
.header:hover .headSearch .search1{display: none;}
.header:hover .headSearch .search2{display: block;}
.header:hover nav >ul >li >a {color: #333;}
.header:hover nav >ul >li.on >a{color: #004ea2;}
.header:hover nav >ul >li:hover >a{color: #004ea2;}
.header:hover .headSearch svg path {fill: #333;}
.header:hover .headlang span{color: #333;}
.header:hover .headlang .layui-nav .layui-nav-more::before{background: url(../images/ver-icon2.png) no-repeat center;}
.header:hover .mobmenu h4 {color: #333;}
.header:hover .mobmenu dl dd {background: #333;}

.header.fh {background: #fff;box-shadow: 0 1px 15px rgba(0, 0, 0, 0.21);}
.header.fh .headerBox > .box{height: 1rem;}
.header.fh .headlogo .logo1{display: none;}
.header.fh .headlogo .logo2{display: block;}
.header.fh .headSearch .search1{display: none;}
.header.fh .headSearch .search2{display: block;}
.header.fh nav >ul >li >a {color: #333;}
.header.fh nav >ul >li.on >a{color: #004ea2;}
.header.fh nav >ul >li:hover >a{color: #004ea2;}
.header.fh .headSearch svg path {fill: #333;}
.header.fh .headlang span{color: #333;}
.header.fh .headlang .layui-nav .layui-nav-more::before{background: url(../images/ver-icon2.png) no-repeat center;}
.header.fh .mobmenu h4 {color: #333;}
.header.fh .mobmenu dl dd {background: #333;}

.header.fh2 {background: #fff;}
.header.fh2 .headerBox > .box{height: 1rem;}
.header.fh2 .headlogo .logo1{display: none;}
.header.fh2 .headlogo .logo2{display: block;}
.header.fh2 nav >ul >li >a {color: #333;}
.header.fh2 nav >ul >li.on >a{color: #004ea2;}
.header.fh2 nav >ul >li:hover >a{color: #004ea2;}
.header.fh2 .headSearch svg path {fill: #333;}
.header.fh2 .headlang span{color: #333;}
.header.fh2 .headlang .layui-nav .layui-nav-more::before{background: url(../images/ver-icon2.png) no-repeat center;}
.header.fh2 .mobmenu h4 {color: #333;}
.header.fh2 .mobmenu dl dd {background: #333;}





/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#004ea2 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #004ea2; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.preloader-1 {position: relative; margin-top: .5rem;}
.preloader-1 span { width:.24rem; height: .24rem; background: #fff;border-radius: 50%; display: inline-block;}
.preloader-1 span:nth-child(1){animation: cross-1 1.5s infinite linear; opacity: .5;}
.preloader-1 span:nth-child(2){opacity: 1; animation: cross-2 1.5s infinite linear;}
.preloader-2 span {background: #004ea2;}
@keyframes cross-1 {
  0%{transform: translateX(0);}
  50%{transform: translateX(100%);}
  100%{transform: translateX(0);}
}
@keyframes cross-2 {
  0%{transform: translateX(100%);}
  50%{transform: translateX(0);}
  100%{transform: translateX(100%);}
}

.more1 {display: inline-flex;background: #004ea2;border-radius: 100px; padding: .16rem .35rem; transition: .5s; color: #fff;}
.more1 span {margin-right: .2rem;}
.more1 i {transform: rotate(180deg); font-size: var(--font15);}
.more1:active {box-shadow: 0 0 .1rem #004ea2;}

.more2 {background: none;border: 1px solid #f8f8f8;}
@media (any-hover: hover) {
  .more1:hover {box-shadow: 0 0 .1rem #004ea2;}
  .more2:hover {background: #004ea2; border-color: #004ea2;}
}

/* 首页banner */
.bannerSwiper {height: 100vh; position: relative;}
.bannerSwiper .slide-inner {height: 100%;}
.bannerSwiper .slide-inner .imgBox {height: 100%;}
.bannerSwiper .slide-inner .imgBox img {height: 100%; object-fit: cover;width: 100%;}
.bannerSwiper .swiper-slide {overflow: hidden;}
.bannerSwiper .swiper-slide .info{}
.bannerSwiper .swiper-slide .info h2{font-size: 0.7rem; display: block; margin-bottom: .19rem;}
.bannerSwiper .swiper-slide .info h3{letter-spacing: 0.13rem; font-weight: lighter; /* font-family: "PFLight";*/ margin-bottom: 1.23rem;} 
.index-more a{width: 0.58rem; height: 0.58rem; background: #0b60bc; border-radius: 50%; min-width: 35px; min-height: 35px; transition: 0.6s;}
.index-more a img{width: .09rem;}
.index-more a:hover{-webkit-box-shadow: 0 0 0 0.1rem rgba(11, 96, 188,.2); box-shadow: 0 0 0 0.1rem rgba(11, 96, 188,.2);}
.swiper-num{position: absolute; right: 5%; bottom: 0.75rem; z-index: 2;}
.swiper-num span{color: rgba(255,255,255,0.8);}
.swiper-num span.actives{font-style: italic; font-size: 0.5rem; color: rgba(255,255,255,1);}
.swiper-num em{color: rgba(255,255,255,0.8);}
.bannerSwiper .swjt {flex-wrap: wrap;right: 3%;width: 28px;height: 27px;}
.bannerSwiper .swjt .i1 {width: 19px;height: 11px;opacity: .86;display: block;background: #fff;-webkit-clip-path: polygon(0 0, 40% 0, 100% 100%, 60% 100%);clip-path: polygon(0 0, 40% 0, 100% 100%, 60% 100%);transition: .5s;}
.bannerSwiper .swjt .i2 {transform: rotateX(-180deg);width: 19px;height: 11px;position: relative;left: 34%;opacity: 1;display: block;background: #004ea2;-webkit-clip-path: polygon(0 0, 40% 0, 100% 100%, 60% 100%);clip-path: polygon(0 0, 40% 0, 100% 100%, 60% 100%);transition: .5s;}
.bannerSwiper .swjt.swiper-button-prev {transform: rotateY(180deg); left: 3%;}
.bannerSwiper .swjt:hover .i1 {background: #004ea2;}
.bannerSwiper .swjt:hover .i2 {left: 0; height: 11px; background: #fff;}
.bannerSwiper .arrow {position: absolute;  bottom: 0.44rem; left: 50%;transform: translate(-50%, -50%); z-index: 3;}
.bannerSwiper .arrow img {display: block; opacity: 0; animation: arrow-animation 2s linear infinite; margin-top: -6px;}
.bannerSwiper .arrow .jt1 {animation-delay: 0s; transform: scale(.5);}
.bannerSwiper .arrow .jt2 {animation-delay: 1s;transform: scale(.75);}
.bannerSwiper .arrow .jt3 {animation-delay: 1.5s;transform: scale(1);}
@keyframes arrow-animation {0% {opacity: 0;}33.33% { opacity: 1; }100% { opacity: 0;}}
#banner-num{display: none;}


/* 产品与解决方案 */
.product-bg{background: url(../images/wel1.jpg) no-repeat center; background-size: cover; padding: 1.02rem 0 2.7rem; box-sizing: border-box; position: relative; overflow: hidden;}
.index-title h2{color: #0b60bc;}
.product-bg .index-top{margin-bottom: .6rem;}
.product-list ul li .pic{overflow: hidden;}
.product-list ul li .pic img{display: block; max-width: 100%;}
.product-list ul li .info {position: absolute; z-index: 1; left: 50%; top: 100%; transform: translate(-50%, 20%); text-align: center; padding-top: .4rem; white-space: nowrap; opacity: 0; visibility: hidden; transition: .2s; display: flex;    flex-direction: column; align-items: center; }
.product-list ul li .info em{color: #004ea2;  font-weight: 400; margin-bottom: .07rem; }
.product-list ul li .info strong{color: #333; margin-bottom: .46rem; }
.product-list ul li .info span{width: 0.44rem; height: 0.44rem; background: #0b60bc; border-radius: 50%; min-width: 35px; min-height: 35px;}
.product-list ul li .info span img{max-width: 0.7rem;}
.product-list ul li.swiper-slide-active .info { transform: translate(-50%, -0%); opacity: 1; visibility: visible; transition: .5s; transition-delay: .5s;}
.index-top{position: relative;}
.index-prev,.index-next{width: 0.58rem;  height: 0.58rem; min-width: 40px; min-height: 40px;   border: 0.01rem solid rgba(55,55,55,0.2);  border-radius: 50%; background: transparent; opacity: 1; }
.index-prev{left: auto;right: 0;transform: translateX(-120%);}
.index-next{right: 0;}
.index-next {transform: rotate(180deg);}
.index-prev img,.index-next img{width: .09rem; min-width: 6px;}
.index-prev:hover,.index-next:hover{background: #004ea2; border-color:#004ea2 ;}
.index-prev:hover img,.index-next:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.index-num{display: none;}
@font-face {   font-family: "AlibabaSans";  src: url("../font/AlibabaSans-Bold.otf"); }
.product-en{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.product-en b{font-family: "AlibabaSans"; font-size: 3.69rem; color: rgba(51,51,51,0.06);}
.product-list ul li .pic {width: 100%; height: 100%;  position: relative; background: rgba(255, 255, 255,.75); border-radius: 50%;border:1px solid #e5e5e5;display: flex; align-items: center; justify-content: center;}
.tit-14 ul li .pic img {max-width: 85%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.single_product {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  transition: .3s;
  padding:20px;
  background-color:#FFF
}
.single_product .linex{ margin:15px 0;}
.single_product:hover {
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
}

.product_thumb {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-top:30px;
}
.product_thumb  img{
 width:100px;

  text-align: center;
  height:auto
}

.product_thumb a {
  display: inline-block;
}


.product_content {
  padding: 10px 0 20px 0;
  position: relative;
}

.product_content p {
  line-height: 24px;
  margin-bottom: 10px;
  color:#494949;
  height:50px; overflow:hidden

}
.single_product .product_content h4 {
  font-size: 19px;
  line-height: 24px;
  font-weight: 600;
  color:#000;
  margin: 0;
  text-align:center; margin-bottom:9px;
  
}


.single_product .product_content:hover h4{

  color:#004bae
  
}



.product_rating {
  margin-bottom: 6px;
}
.product_rating ul li {
  line-height: 16px;
  display: inline-block;
}
.product_rating ul li:last-child {
  margin-right: 0;
}
.product_rating ul li a {
  font-size: 12px;
  color: #1c4f9e;
}



.product_carousel .product_thumb a img {
  width: inherit;
  margin: 0 auto;
 
}
.product_carousel .col-lg-3 {
  flex: 0 0 100%;
  max-width: 100%;
}
.product_carousel:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
  left: 0;
}
.product_carousel:hover .owl-nav div.owl-next {
  right: 0;
}
.product_carousel .owl-nav.disabled {
  display: block;
}
.product_carousel .owl-nav div {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  font-size: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  width: 62px;
  height: 62px;
  line-height: 60px;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  left: 25px;
  border: 1px solid #e5e5e5;
}
.product_carousel .owl-nav div:hover {
  color: #fff;
  background: #1c4f9e;
  border-color: #1c4f9e;
}
.mt-50{margin-top:50px }
.mb-40 {margin-bottom: 40px;}
.text14{font-size:14px;line-height: 28px;}
.titles2{font-weight: 600;font-size:18px; color: #015aaa;line-height: 40px;}
.textbt{font-weight: 600;font-size:30px; color: #015aaa;line-height: 40px;padding-bottom:20px;}
.titles1 {
	font-weight: 300;
	color:#fff;
	font-size:20px;background: #015aaa;width:140px;padding:8px 10px; border-radius: 10px;text-align: center;
}
figure {
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.event-agile1 {
	
	margin:0;
	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	line-height:29px;
	font-weight:200;
	
}
.event-agile1:hover {
	color:#666;
}

.event-agile1:hover figure img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}


/* 关于我们 */
.about-bg{background: #004ea2; position: relative; overflow: hidden; padding: 1.55rem 0 1.45rem;}
.about-bg .info {position: relative; z-index: 2; width: 100%;}
.about-bg .info .index-title{margin-bottom: .5rem;}
.about-bg .info .index-title h2{color: #ffffff;}
.about-bg .info h4{margin-bottom: .5rem;color: #ffffff;}
.about-bg .info h4 p{color: #ffffff; line-height: 30px;}
.about-bg .info .index-more a{background: #ffffff;}
.about-bg .info .index-more a:hover{-webkit-box-shadow: 0 0 0 0.1rem rgba(255, 255, 255,.2); box-shadow: 0 0 0 0.1rem rgba(255, 255, 255,.2);}
.about-num{margin-top: .4rem;}
.about-num ul li{text-align: center;}
.about-num ul li b{font-size: 0.8rem; font-weight: 600; line-height: 1; margin-bottom: .03rem; display: block;}
.about-num ul li p{font-size: 0.6rem; font-weight: 600; line-height: 1; margin-bottom: .03rem; display: block;}
.about-en{position: absolute; top: 0; width: 100%; height: 100%; z-index: 0;}
.about-en .imgBox {position: relative;overflow: hidden;height: 100%;display: flex;align-items: flex-end;justify-content: flex-start; width: 100%; }
.about-en .imgBox img{margin-bottom: 0; max-width: 100%;}
.tit-16{color: #7B7E8E;line-height:30px;font-size:16px;}
.top-rg {width: 100%;max-height: 3rem;overflow-y: auto;padding-right: 1rem;color: #7B7E8E;line-height:30px;font-size:16px;margin-left:3%}
.top-rg::-webkit-scrollbar {width: 2px;}
.top-rg::-webkit-scrollbar-thumb {background: #008ad1;}
.top-rg::-webkit-scrollbar-track {background: #CCCCCC;}
.aboutmiddle ul{list-style:none; padding:0; margin:60px 0;}
.aboutmiddle ul li{ display:block; width:33.333333333333%; padding:0 1px 1px 0; float:left;list-style:none;}
.aboutmiddle ul:after{ content:""; display:block; clear:both;}
.aboutmiddle ul li:nth-child(3n){ padding-right:0px;list-style:none;}
.aboutmiddle ul li a{ display:block; position:relative; background-position:top; background-repeat:no-repeat; background-size:cover; height:360px;
    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;
	overflow:hidden;
	width:100%;



}
.aboutmiddle ul li a .text{ width:90%; text-align:center; position:relative; z-index:2;}
.aboutmiddle ul li a .text .title{ font-size:24px; line-height:1.4;}
.aboutmiddle ul li a .text .line{ width:24px; height:1px; background:rgba(255,255,255,.6); margin:2% auto;}
.aboutmiddle ul li a .text .view{ line-height:1.8; color:#ffffff}
.aboutmiddle ul li a:before{ content:""; display:block; width:100%; height:100%; border:1px solid #fff; left:0px; top:0px; z-index:1; opacity:0; position:absolute;transform:scale(1.2);}
.aboutmiddle ul li a:hover:before{opacity:.5;transform:scale(.9);}
.aboutmiddle ul li .pic3{width:100%; height:100%; position:relative;z-index:1;}
.aboutmiddle ul li .pic3:hover{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);}
.flat-row{ margin: 50px 0;}
.fzlct{background: #F5F5F5;} 

.historyList{ padding-top: 50px;  }
.historyList ul{float: left; width: 100%; position: relative; padding-top: 95px; padding-bottom: 80px; }
.historyList ul::before{content: "";display: block;position: absolute;left: 50%;top:0;width: 12px;height: 12px;background: #bdbdbd;margin-left: -6px;z-index: 1;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;}
.historyList ul::after{content: "";display: block;position: absolute;left: 50%;top: 0;width: 1px;height: 100%;margin-left: -0.5px;background: #e8e8e8;}

.historyList ul li{ float: left; width: 100%; margin-top: -35px; }
.historyList ul li .div{ float: left; width: 48%; padding: 22px 24px 26px 55px; border: 1px solid #e3e3e3; position: relative;z-index: 9;  cursor: pointer; line-height: 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	background:#FFF
}
.historyList ul li .div::after{content: "";display: block;position: absolute;right: -39px;top: 27px;background: url(../images/img_9_5.png) no-repeat center/100% 100%;width: 24px;height: 24px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.historyList ul li .div::before{content: "";display: block;position: absolute;right: -15px;top: 38px;width: 15px;height: 1px;background: #e3e3e3;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.historyList ul li img{ float: right; width: 158px; height: 114px;}
.historyList ul li .testwb{ float: left; width: 307px;}
.historyList ul li .testwb h2{float: left; width: 100%; line-height: 40px; font-size: 24px; color: #666; font-family: "Arial";
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.historyList ul li .testwb p{float: left; width: 100%; font-size: 16px; line-height: 26px; color: #666;}
.historyList .nr{float: left; width: 100%; font-size: 16px; line-height: 26px; color: #666;}
.historyList ul li:nth-child(2n){ margin-top: -90px;}
.historyList ul li:nth-child(2n) .div{float: right;padding: 22px 20px 26px 55px;  }
.historyList ul li:nth-child(2n) .div::after{left: -39px;}
.historyList ul li:nth-child(2n) .div::before{left: -15px;}
.historyList ul li:hover .div{border: 2px solid #f6ab00; padding: 21px 23px 25px 54px;}
.historyList ul li:hover .div::after {background:url(../images/img_9_5_h.png) no-repeat center/100% 100%;}
.historyList ul li:hover .div::before{background: #f6ab00;}
.historyList ul li:hover span h2{color: #f6ab00;}
@media screen and (max-width:991px){
	.historyList{ padding-top: 10px;  }
	.historyList ul{float: left; width: 100%; position: relative; padding-top: 15px; padding-bottom: 80px; }
	.historyList ul::before{content: "";display: block;position: absolute;left: 50%;top:0;width: 0;height: 0;background: #bdbdbd;margin-left: -6px;z-index: 1;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;}
.historyList ul::after{content: "";display: block;position: absolute;left: 50%;top: 0;width: 0px;height: 100%;margin-left: -0.5px;background: #e8e8e8;}
	.historyList ul li{  width: 100%; margin-top: 30px;display: block; }
.historyList ul li .div{ width: 100%; padding: 22px 24px 26px 15px; border: 1px solid #e3e3e3; position: relative; background:#FFF;display: block;}

.historyList ul li .div::before{content: "";display: block;position: absolute;right: -15px;top: 38px;width: 15px;height: 0px;background: #e3e3e3;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}	
.historyList ul li img{ float: left; width: 30%; height: 114px; margin-right:10px;}
.historyList ul li .testwb{ float: left; width: 65%;}
.historyList ul li:nth-child(2n){ margin-top: 20px;}
.historyList ul li:nth-child(2n) .div{float: left;padding: 22px 20px 26px 15px;  }
.historyList ul li:nth-child(2n) .div::after{left: -39px;}
.historyList ul li:nth-child(2n) .div::before{left: -15px;}
.historyList ul li:hover .div{border: 2px solid #f6ab00; padding: 21px 23px 25px 15px;}
.historyList ul li:hover .div::after {background:no-repeat center/100% 100%;}
.historyList ul li:hover .div::before{background: #f6ab00;}
.historyList ul li:hover span h2{color: #f6ab00;}
   
}



.contact_area {
  margin-bottom: 100px; margin-top:80px;
}

.contact_message h2 {
  font-size: .5rem;
  text-transform: capitalize;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 25px;
	
}
.contact_message .tel {
  font-size: 35px;
  text-transform: capitalize;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 25px;color: #FF7800  
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_message h3 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_message h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.contact_message p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
}
.contact_message ul li {
  padding: 13px 0;
  border-top: 1px solid #e5e5e5;
}
.contact_message ul li:last-child {
  padding-bottom: 0;
}
.contact_message ul li i {
  margin-right: 10px;
}
.contact_message ul li a:hover {
  color: #4ca89d;
}
.contact_message label {
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.contact_message input {
  border: 1px solid #e5e5e5;
  height: 45px;
  background: #ffffff;
  width: 100%;
  padding: 0 20px;
  color: #757575;
}
.contact_message textarea {
  height: 170px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  resize: none;
  margin-bottom: 20px;
  width: 100%;
  padding: 10px 20px;
  color: #222222;
}
.contact_message button {
  font-weight: 400;
  height: 42px;
  line-height: 42px;
  padding: 0 30px;
  text-transform: capitalize;
  border: none;
  background: #222222;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 4px;
}
.contact_message button:hover {
  background: #4ca89d;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_message.content {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_message.content {
    margin-bottom: 52px;
  }
}
.contact_message.form p.form-messege {
  margin-bottom: 0;
}

.contact_map {
  margin-bottom: 97px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_map {
    margin-bottom: 76px;
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_map {
    margin-bottom: 57px;
    margin-top: 60px;
  }
}

.map-area #googleMap {
  height: 460px;
  width: 100%;
}
.priduct_social{margin:50px 0;}
.priduct_social ul li a.facebook {
  background: #004ea2;padding:20px 80px; margin:40px 10px;color:#fff
}
.priduct_social ul li  a:hover.facebook {
  background:  #FFAB00;
}
/* 首页发展历史 */
.fzlc-bg{background: url(../images/wel3.jpg) #555555  no-repeat center top; padding: 0.9rem 0 1rem; position: relative; background-size: cover;}
.fzlc-bg .index-top{margin-bottom: 1.22rem;  }
.fzlc-list{overflow: hidden;}
.fzlc-list ul li{margin-bottom: .42rem; margin-top: 0!important;width:100%; }
.fzlc-list ul li .pic{ align-items: center; justify-content: center; mix-blend-mode: multiply;}
.fzlc-list ul li .pic img{display: block; max-width: 100%; }
.fzlc-list ul li .wznr{ background:#ffffff;padding:20px;}
.fzlc-list ul li .wznr span{ color:#004ea2;font-size:.5rem;font-weight:bold; dispay:block;width:100%}
.fzlc-list ul li .wznr p{ color:#666;font-size:.2rem; height:70px;display: flex;align-items: center; }


/* 首页企业动态 */
.news-bg{ padding: .72rem 0 1.32rem; }
.news-bg .index-top{margin-bottom: .56rem;}
.news-list{position: relative; overflow: hidden;}
.news-list ul li{padding: 0.22rem 0.16rem 0.34rem; box-sizing: border-box; background: #ffffff; border: 0.01rem solid #e7e7e7; transition: 0.6s; position: relative;}
.news-list ul li::after{position: absolute; content: ''; bottom: -1px; height: 0.04rem; background: #004ea2; left: 0; width: 0; transition: 0.6s;}
.news-list ul li .pic{overflow: hidden;}
.news-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li .info {padding:  0.3rem 3% 0; box-sizing: border-box;}
.news-list ul li .info h3{color: #333333; line-height: 1.2; min-height: .52rem; margin-bottom: .25rem;}
.news-list ul li .info p{ color: #666666; margin-bottom: .4rem;}
.news-list ul li .info div{align-items: flex-end;}
.news-list ul li .info span{width: 0.43rem; height: 0.43rem; background:  #c5c5c5; border-radius: 50%; min-width: 35px; min-height: 35px; transition: 0.6s;}
.news-list ul li .info span img{width: .07rem;}
.news-list ul li:hover{background: #f9f9f9;}
.news-list ul li:hover::after{width: 100%;}
.news-list ul li:hover .info span{background: #004ea2;}
.blog_page_section{margin-top:50px;}
.blog_wrapper .single_blog {
  margin-bottom: 35px;

  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
  background-color:#f8f8f8;
  padding:30px;
  transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.blog_wrapper .single_blog:hover {
	background-color:#fff;
	border: 1px solid #ededed;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
}
.blog_wrapper .single_blog img:hover {
transform: scale(1.05);
	-webkit-transform: scale(1.01);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.blog_carousel .single_blog  h4 a { font-size:18px;


}
.blog_carousel .single_blog:hover h4 {
color:#004bae
}


.blog_wrapper .blog_thumb {
  width: 30%;
  float: left;
}
.blog_wrapper .blog_content {
  width: 67%;
  float: right;
  padding-top: 0;
}
.blog_wrapper .blog_content h4 {
  font-size: 23px;
  line-height: 33px;
  font-weight: 500;
  margin-bottom: 10px;
}
.blog_wrapper .blog_content .btn_more {
  margin-top: 20px;
}
.blog_wrapper .blog_content .btn_more a {
  color: #fff;
  font-size: 13px;
  height: 36px;
  line-height: 36px;
  padding: 0 25px;
  display: inline-block;
  text-transform: capitalize;
  background: #333;
  font-weight: 500;
  border-radius: 20px;
}
.blog_wrapper .blog_content .btn_more a:hover {
  background: #1c4f9e;
}
.blog_wrapper .blog_meta {
  margin-bottom: 21px;
}

.dark-btn {
    background: #fff none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    
    font-family: montserrat;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 10px 25px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
	border-radius:20px;
	background:#e98e2e;
	overflow:hidden;
	margin:20px 0;
}
.dark-btn:hover,
.dark-btn:focus{color:#FFFFFF; }
.dark-btn i {
    display: inline-block;
    font-size: 24px;
    margin-right: 5px;
    vertical-align: middle;
}
.dark-btn:before,
.dark-btn:after{border-radius:40px;
    content: "";background:#0088d1;
    height: 100%;
    left: 0;
    opacity:1;
    position: absolute;
    top: 0;
    width:0;
    z-index: -1;
    -webkit-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -moz-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -o-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
        transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

    -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
    -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
.dark-btn:after{
    left:auto;
    right:-10px;
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -ms-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    transition-delay:0.2s;
}
.dark-btn:hover:before,
.dark-btn:hover:after{width:100%;}
.blog_details {
  background: url(../../images/bg.jpg) center;
  background-size:100% 100%;
background-attachment:fixed;
  padding-bottom:70px;
 
 
}
.blog_wrapper_details{ background:#FFF; padding:50px;margin-top:40px;}
.post_header {
  margin-bottom: 6px;
}
.post_header h3 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 600;
  margin-bottom: 4px;
  text-align:center;
}
.blog_wrapper .blog_meta {
  margin-bottom: 21px;
}
.blog_details .post_content img{max-width: 100%}
.blog_details .post_content > p {
  line-height: 30px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight:300;
}
/* 底部 */
.footer{background: #333; }
.footer-top{border-bottom: 1px solid rgba(255, 255, 255,.05); padding: 0.7rem 0 1.27rem; }
.footer-top .logo img{max-width: 1.8rem;}
.foot-nav{width: 56%;}
.foot-nav dl dt{color: #fff; margin-bottom: .16rem;}
.foot-nav dl dt a{color: #fff; }
.foot-nav dl dt a:hover{color: #FFD100; }
.foot-nav dl dd a{color: #e0e0e0; line-height: 2.2; display: block;}
.foot-nav dl dd a:hover{color: #fff;}
.foot-wechat{width: 11%; min-width: 135px;}
.foot-wechat img{display: block; width: 100%; border-radius: 5px; margin-bottom: 0.15rem;}
.foot-wechat em{display: block; color: #fff; text-align: center;}
.footer-copy{padding: .21rem 0;}
.footer-copy p,.footer-copy a{color: rgba(255, 255, 255,.5);}
.footer-copy span{margin: 0 0.17rem;}
.footer-copy a:hover{color: #fff;}


/* 内页banner */
.ny-banner{overflow: hidden; position: relative;}
.ny-banner .pic img{display: block; width: 100%;}
.ny-banner .info h2{font-size: 0.58rem; font-weight: 700;}
.mbx {display: flex; align-items: flex-start; padding: .2rem 0; top: auto; bottom: 0;}
.mbx .icBox {margin-right: .1rem;transform:translateY(-.02rem);}
.mbx .icBox img{width:25px;}
.mbx a {position: relative; color: #fff;}
.mbx a::after {content: ">";margin: 0 .1rem;}
.mbx a:last-child::after {display: none;}
.mbx a:hover {color: #f6ab00 !important;}


/* 内页产品二级列表页 */
.ny-header .headlogo .logo1{display: none;}
.ny-header .headlogo .logo2{display: block;}
.ny-header nav >ul >li >a {color: rgba(51,51,51,0.76)}
.ny-header nav >ul >li.on >a{color: #004ea2;}
.ny-header nav >ul >li:hover >a{color: #004ea2;}
.ny-header .headSearch svg path {fill: #333;}
.ny-header .headlang span{color: #333;}
.ny-header .headlang .layui-nav .layui-nav-more::before{background: url(../images/ver-icon2.png) no-repeat center;}


/* 内页栏目 */
.parameter ul li{padding: .32rem 0.15rem; position: relative; margin-right:1.5rem;}
.parameter ul li:last-child{margin-right: 0;}
.parameter ul li::after{position: absolute; content: ''; width: 0; bottom: 0; height: 0.04rem; background: #004ea2; left: 50%; transition: 0.6s;}
.parameter ul li a{display: block; font-size: var(--font20); color: #333;}
.parameter ul li:hover::after{width: 100%; left: 0;}
.parameter ul li:hover a{font-weight: 700;}
.pannel{background: #f5f5f5; }
.position img{ width: .22rem; }
.position a{display: inline-block;font-size: var(--font15);color: #666;position: relative;padding-left: .2rem;margin-left: .15rem;opacity: 0.6;}
.position a::after {content: "/";margin: 0;position: absolute;left: 0; top: 45%; transform: translateY(-50%);}
.position a:hover {color: #004ea2;}
.pannel-box{height: .92rem; min-height: 60px}

/* 成功案例 */
.team-member {
    overflow: hidden;
}
.team-member ,
.team-member .team-img {
    position: relative;
}
.team-member .team-img img{
    width: 100%;
    height: 300px;
}
.team-member .team-intro {
    padding: 10px 20px;
    border-bottom: 1px solid #e1e1e1;
	background:#f8f8fa
	
}
.team-member .team-intro h3{
	line-height:40px;
    font-size: 22px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.team-member .team-intro p{
    font-size: 15px;
    margin-bottom: 0;
    text-transform: uppercase;
	line-height:20px;
	color:#666
}
.team-member .social-link a{
    display: inline-block;
    width: 26px;
    height: 26px;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
}
.team-member .social-link a:hover{
    background-color: #fff;
    color: #77a86d;
    border-color: transparent; 
}

.team-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(245,135,29,.92);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
	transform: translateY(105%);
	transition: 0.5s;
      
}

.team-member:hover .team-hover{
    opacity: 1;
    visibility: visible;   
transform: translateY(0);

   
}

.team-member:hover .team-hover,
.team-member:hover .team-hover .desk,
.team-member:hover .team-hover .social-link {
    opacity: 1;
    visibility: visible;   

    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;

   
}

.team-member:hover .team-hover .social-link {
    bottom: 10%;
}
.team-member:hover .team-hover .desk {
    top: 40%;
}
.team-hover .desk {
    position: absolute;
    top: 0%;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    padding: 20px 20px;
	margin-top:50px;
	margin-right:20px;
}

.team-hover .social-link {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(45%);
    -ms-transform: translateY(45%);
    transform: translateY(45%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    font-size: 35px;
}
.desk h4 {
    color: #fff;
    margin-bottom: 25px;
    font-size: 27px;
	font-weight:600;
	line-height:33px;
	
}
.desk p {
    margin-bottom: 0;
    color: #fff;font-weight:300;font-size: 13px;
}