@charset "utf-8";
@import url(common.css);

/*首页第一屏 s*/
.HomeBan{position: fixed; z-index: 1; overflow:hidden;background: url(../images/loading.gif) center center no-repeat;height: 100vh;left: 0;width: 100%;top:0;transition: all 0.5s;}
.HomeBan .item{position:relative;height: 100vh;transition: all 0.3s;z-index: 10;opacity: 0;}
.HomeBan .info{left:50%;top:36%;z-index: 3;color:#fff;position: absolute;transform: translateX(-50%);max-width: 14.4rem;width: 88%;}
.HomeBan .info .moreBtn{margin-top: 0.5rem;display: block;}
.HomeBan .info h2{line-height: 1.26;font-size: 4.167vw;}
.HomeBan .info p{font-size: 0.2rem;text-transform: uppercase;}
.HomeBan .moreBtn{margin-top: 0.57rem;}
.HomeBan .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomeBan .item.slick-current{opacity: 1;}
.HomeBan .item.slick-current .info h2{animation:fadeInLeftSmall 0.5s .3s ease both;-webkit-animation:fadeInLeftSmall 0.5s .3s ease both;-moz-animation:fadeInLeftSmall 0.5s .3s ease both;}
.HomeBan .item.slick-current .info p{animation:fadeInRightSmall 0.5s .6s ease both;-webkit-animation:fadeInRightSmall 0.5s .6s ease both;-moz-animation:fadeInRightSmall 0.5s .6s ease both;}
.HomeBan .item.slick-current .info .moreBtn{animation:fadeInUp 0.5s .8s ease both;-webkit-animation:fadeInUp 0.5s .8s ease both;-moz-animation:fadeInUp 0.5s .8s ease both;}
.HomeBan .item.slick-current .imgbox{animation:fadeInscale 5.8s .3s ease both;-webkit-animation:fadeInscale 5.8s .3s ease both;-moz-animation:fadeInscale 5.8s .3s ease both;}

.HomeBan .slick-prev{left: -100px;}
.HomeBan .slick-next{right: -100px;}
.HomeBan:hover .slick-prev{left: 2%;}
.HomeBan:hover .slick-next{right: 2%;}
.HomeBan .slick-arrow{color: #fff;border:1px solid #fff;}
.HomeBan .slick-arrow:hover{border: 1px solid var(--blue-color);background-color: var(--blue-color);color: #fff;}
.HomeBan .dotsBox{width: 4rem;left: 50%;transform: translateX(-50%);bottom: 0.7rem;z-index: 10;position: absolute;text-align: center;color: #fff;}
.HomeBan .dotsBox .dots{border-bottom: 1px solid rgba(255,255,255,0.27);padding-top: 0.21rem;}
.HomeBan .dotsBox .slick-dots{margin: 0;background-color: transparent;}
.HomeBan .dotsBox .slick-dots li button{background-color: transparent;}
.HomeBan .dotsBox .slick-dots li.slick-active button{background-color: var(--orange-color);animation-duration: 7000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms;}

@media(max-width:1024px){
 .HomeBan .slick-arrow{display: none !important;}
	.HomeBan{height: auto;}
	.HomeBan .item{height: auto;padding-top: 60vw;}
}
@media(max-width:640px){
	.HomeBan .info h2{}
}

.TitHead{position: relative;margin-bottom: 0.63rem;}
.TitHead h2{font-size: 0.24rem;color: var(--orange-color);margin-bottom: 1.458vw;}
.TitHead h3{line-height: 1.2;font-size: 2.604vw;color: #222222;}

.MainBox{position: relative;z-index: 1;}
.page{position: relative;z-index: 2;overflow: hidden;padding: 1rem 0 1.2rem 0;background: #fff;}

.HomeAbout{background: url(../images/homeaboutbg.jpg) no-repeat 0 top/cover;position: relative;margin-top: 50vw;padding: 0.8rem 0 0.55rem;}
.HomeAbout .info{width: 43%;}
.HomeAbout .text{margin: 0.26rem 0 5.26vw 0;}
.HomeAbout .imgbox{overflow: visible;width: 50%;position: relative;-webkit-perspective: 2000px;	perspective: 2000px;}
.HomeAbout .imgbox img{width: 42.813vw;max-width: none;
	transition: transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);}

.HomePro{padding: 7.083vw 0 8.698vw;background: #fff url(../images/homenewsbg.jpg) no-repeat center top;}
.HomePro .slider{padding-right: 0.17rem;}
.HomePro .slick-list{width: 120%;padding-right: 20%;}
.HomePro .moreBtn{position: absolute;right: 0;top: 0.09rem;}
.HomePro .item{padding-right: 1.875vw;}
.HomePro .item a{display: block;position: relative;	-webkit-transform-style: preserve-3d;	transform-style: preserve-3d;	-webkit-perspective: 1000px;	perspective: 1000px;}
.HomePro .item .info{position: absolute;left: 0;bottom: 0;padding: 2.083vw;z-index: 15;font-weight: bold;transition: all 0.7s ease-out 0s;width: 100%;}
.HomePro .item .ti{padding-bottom: 0.16rem;position: relative;color: #fff;}
.HomePro .item .ti:after{position: absolute;bottom: 0;left: 0;width: 0.45rem;height: 0.03rem;content: "";background-color: rgba(255,255,255,0.3);transition: all 0.5s;}
.HomePro .imgbox{padding-top: 121%;}
.HomePro .imgbox:After{height: 50%;width: 100%;bottom: 0;content: "";position: absolute;z-index: 2;background-image: linear-gradient(to bottom, rgba(0,78,162,0) , rgba(0,78,162,0.8));}
.HomePro .imgbox:before {filter: blur(20px);background-color: var(--blue-color);position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.7s;opacity: 0;content: "";z-index: 3;}
.HomePro .imgbox {	-webkit-transform: rotateY(0deg);	transform: rotateY(0deg);	-webkit-transform-style: preserve-3d;	transform-style: preserve-3d}
.HomePro .item:hover .imgbox:before  {filter: blur(0);opacity: 0.8;}
.HomePro .item:hover .info{bottom: auto;bottom: 25%;transform: translateY(-50%);}
.HomePro .slick-arrow{border-radius: 0;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.HomePro .slick-prev{left: -0.7rem;}
.HomePro .slick-next{background-color: var(--orange-color);color: #fff;border: 1px solid var(--orange-color);}

.HomeArea{padding: 1.16rem 0;background: url(../images/homeprobg2.jpg) no-repeat 0 top/cover;}
.HomeArea .info{width: 44.09%;}
.HomeArea h3{line-height: 1.2;font-size: 2.604vw;color: #222222;margin-bottom: 2.344vw;}
.HomeArea .content{position: relative;}
.HomeArea .text{margin: 0.27rem 0 0 0;position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all 0.5s;transform: scale(0.95);min-height: 30vw;}
.HomeArea .text.on{opacity: 1;position: static;transform: scale(1);}

.HomeArea .tabInfo{width: 54.23%;}
.HomeArea .inner{width: 33.542vw;height: 33.542vw;border-radius: 50%;position: relative;z-index: 9;}
.HomeArea .guang_in{width:100%;height:100%;position: absolute;left: 0;top: 0;background: url(../images/cricle.png) no-repeat center center/contain;}
.HomeArea .guang_out{width:38.75vw;height:38.75vw;position: absolute;left: 50%;top: 50%;margin:-19.375vw 0 0 -19.375vw;background: url(../images/cricle_guang.png) no-repeat center center/contain;transition: all 0.5s;}
.HomeArea .imgbox{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;width: 27.2vw;height: 27.2vw;border-radius: 50%;}
.HomeArea .TabNav{position:absolute;right: -6.208vw;top: 0;height: 100%;display: flex;flex-direction: column;z-index: 11;justify-content: center;}
.HomeArea .TabNav .item{flex-grow: 1;color: rgba(255,255,255,0.6);cursor: pointer;position: relative;}
.HomeArea .TabNav .item em{position: absolute;width: 0.09rem;height: 0.09rem;background-color: #fff;border-radius: 50%;opacity: 0;transition: all 0.5s;}
.HomeArea .TabNav .item .dot{position: absolute;width: 0.17rem;height: 0.17rem;background-color: var(--blue-color);border-radius: 50%;opacity: 0;transition: all 0.5s;transform: scale(0);}
.HomeArea .TabNav .item .dot i{width: 0.09rem;height: 0.09rem;position: absolute;left: 50%;top: 50%;margin:-0.045rem 0 0 -0.045rem;content: "";background-color: #fff;border-radius: 50%;}
.HomeArea .TabNav .item .dot::before,
.HomeArea .TabNav .item .dot::after {	width: 100%;	height: 100%;	background-color: rgba(255,255,255,0.9);	position: absolute;	left: 0;	top: 0;	content: '';	border-radius: 50%;
		-webkit-animation: scaleAnimate 2s linear infinite;	opacity: 0;z-index: -1;}
.HomeArea .TabNav .item .dot::after {	-webkit-animation-delay: .5s;}
.HomeArea .TabNav .item:nth-child(1) .dot{left: -12.4vw;top: 1.5vw;}
.HomeArea .TabNav .item:nth-child(1) em{left: -6.5vw;}
.HomeArea .TabNav .item:nth-child(2){transform: translateX(4.896vw);}
.HomeArea .TabNav .item:nth-child(2) .dot{left: -7.6vw;}
.HomeArea .TabNav .item:nth-child(2) em{left: -3.3vw;}
.HomeArea .TabNav .item:nth-child(3){transform: translateX(6vw);}
.HomeArea .TabNav .item:nth-child(3) .dot{left: -6.4vw;}
.HomeArea .TabNav .item:nth-child(3) em{left: -2.5vw;}
.HomeArea .TabNav .item:nth-child(4){transform: translateX(3vw);}
.HomeArea .TabNav .item:nth-child(4) .dot{left: -6.4vw;}
.HomeArea .TabNav .item:nth-child(4) em{left: -1.7vw;}
.HomeArea .TabNav .item.on .dot{opacity: 1;transform: scale(1);}
.HomeArea .TabNav .item.on em{opacity: 1;}
.HomeArea .TabNav .item.on {color: rgba(255,255,255,1);}

.HomeArea .TabCon.fadeIn span{animation:fadeInscale 5.8s .3s ease both;-webkit-animation:fadeInscale 5.8s .3s ease both;-moz-animation:fadeInscale 5.8s .3s ease both;}

.HomeArea:after{position: absolute;right: 0;top: 0;height: 100%;width: 36.458vw;background:url(../images/homeprobg.jpg) no-repeat center center/cover;content: "";}

.homeNews{background: url(../images/homeaboutbg.jpg) no-repeat 0 top/cover;padding: 1.34rem 0 1.21rem;}
.homeNews .slick-list{padding: 0 55% 0 20%;width: 145%;margin-left: -20%;}
.homeNews .item{padding-right: 4.688vw;opacity: 0.3;transition: all 0.5s;}
.homeNews .date{border-bottom: 3px solid var(--blue-color);line-height: 15px;padding-bottom: 0.18rem;color: var(--blue-color);margin-bottom: 2.604vw;}
.homeNews .imgbox{padding-top: 3.15rem;width: 47.19%;}
.homeNews .info{width: 48.08%;padding: 0.03rem 0 0 0;}
.homeNews .info .ti{margin-bottom: 2.292vw;}
.homeNews .info .desc{margin-bottom: 2.708vw;color: #333;}
.homeNews .slick-current{opacity: 1;}
.homeNews .slick-arrow{border-radius: 0;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.homeNews .slick-prev{left: -0.7rem;}
.homeNews .slick-next{background-color: var(--orange-color);color: #fff;border: 1px solid var(--orange-color);right: 31.5%;}

@media(max-width:1024px){
	.HomeAbout{margin-top: 58vw;}
	.HomePro .slick-prev{left: -15px;}
}
@media(max-width:768px){
	.page{padding: 0.8rem 0 !important;}
	.TitHead h2{font-size: 18px;}
	.HomeArea h3{font-size: 20px;}

	.HomeAbout .info{width: 100%;}
	.HomeAbout .imgbox{width: 100%;}
	.HomeAbout .imgbox img{width: 90%;margin: 0px auto;display: block;}

	.HomeArea .info{width: 100%;padding-bottom: 0.25rem;}
	.HomeArea:after{display: none;}
	.HomeArea .tabInfo{width: 100%;background:url(../images/homeprobg.jpg) no-repeat center center/cover;padding: 0.3rem;}
	.HomeArea .inner{margin: 0px auto;width: 5rem;height: 5rem;transform:translateX(-0.2rem);}
	.HomeArea .guang_out{width: 6rem;height: 6rem;margin: -3rem 0 0 -3rem;}
	.HomeArea .imgbox{width: 4rem;height: 4rem;}

	.homeNews .slick-list{padding: 0 20% 0 20%;width: 140%;margin: 0 -20%;}
	.homeNews .slick-prev{left: -15px;}
	.homeNews .slick-next{right: -15px;}
}
@media(max-width:640px){
	.HomePro .moreBtn{top: -0.25rem;}
	.TitHead h3{font-size: 16px;}
	.HomePro .item .ti{font-size: 15px;}
}
/* 首页 end*/

/*common s*/
.SubPage{position: relative;background: #fff;z-index: 1;height: auto !important;height: 100px;min-height: 100px;padding:1rem 0 1rem 0;clear: both;overflow: hidden;}

.SubBan{position: relative;overflow: hidden;transition: all 0.3s;color: #fff;}
.SubBan .img img{width: 100%;transform: scale(1.1);transition: all 5s;}
.SubBan.on .img img{transform: scale(1);}

.ColName{display: none;line-height: 32px;background-color:#004898;border-radius: 0 0 5px 5px;font-size:16px;color: #fff;padding:0 18px;position: relative;margin-bottom: 5px;}
.ColName i{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}

.SubMenu{background: #f9f9f9;position: relative;z-index: 10;}
.SubMenu .w1440{min-height: 0.7rem;}
.SubMenu li{position: relative;line-height: 0.7rem;min-width: 1.4rem;text-align: center;}
.SubMenu li a{ display:block; position: relative;z-index: 1;padding: 0 0.2rem;}
.SubMenu li:after{content: '';	position: absolute;	left: 0;	bottom: 0;	background: #b1702b;height: 0;width:100%;transition: all 0.3s;}
.SubMenu li span a:hover,.SubMenu li.onli span a{color: #fff;}
.SubMenu li:hover:after,.SubMenu li.onli:after{height: 100%;}

.Place{color: #999999;}
.Place:before{width:14px;height: 15px;background: url(../images/ico_home.svg) no-repeat center center/contain;content: "";display: inline-block;vertical-align: middle;margin:-4px 0.08rem 0 0;}
.Place a{color: #999999;margin-right: 0.3rem;position: relative;}
.Place a:After{position: absolute;text-align: center;width: 5px;height:8px;right: -0.15rem;background:url(../images/arr_gray.svg) no-repeat center center/contain;content: "";top: 50%;transform: translateY(-50%);}
.Place i{vertical-align: middle;font-size: 20px;margin: -4px 9px 0 0;}
.Place a:hover{color: #b1702b;}

.SubTit{padding-bottom: 3.5vw;position: relative;text-align: center;}
.SubTit h2{font-size: 0.5rem;line-height: 1.36;}
.SubTit h2 span{color: var(--blue-color);}
.SubTit .desc{margin-top: 0.2rem;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;line-height: 1.67;}

@media(max-width:768px){
	.SubPage{padding: 0.7rem 0;}

	.SinglePage{line-height: 24px !important;}
	.SinglePage img{width: auto !important;height: auto !important;}

	.ColName{display: block;}

	.SubMenu{height: auto;line-height: 0.5rem;margin-bottom: 0;padding-bottom:10px;}
	.SubMenu .w1440{display: block;width: 100%;}
	.SubMenu ul{float: none;clear: both;line-height: 30px;flex-wrap: wrap;justify-content: flex-start;}
	.SubMenu li a{color: var(--blue-color);}
	.SubMenu li{float: none;min-width: 33.333%;text-align: center;}
	.SubMenu li:not(:last-child){margin-right: 0;}
	.SubMenu li a:after{display: none;}
}
@media(max-width:640px){
	.Place{font-size: 14px;}	
	.SinglePage table td{font-size: 12px;}
	.SinglePage table td, .SinglePage table th{padding:5px;}
	.SinglePage table th{font-size: 14px !important;}
	.SubTit h2{font-size: 20px;}
}
/*common end*/

/* 产品中心 */
.proList .item .imgbox{width: 50%;padding-top: 25vw;background-color: #f8f9fe}
.proList .item .info{width: 50%;;padding: 2vw 3.542vw;position: relative;z-index: 5;}
.proList .item:not(:last-child){margin-bottom: 2.552vw;}
.proList .item .ti{color: #1a1a1a;line-height: 1.25;margin-bottom: 2.708vw;}
.proList .item .mores{margin-top: 3.021vw;}
.proList .item:hover .ti{color: var(--blue-color);}
.proList .item:nth-child(even) a{flex-direction: row-reverse;}

.proProcess{background-position: right top;background-size: cover;}
.proProcess .list{max-width: 6.7rem;margin-left: -1.563vw;}
.proProcess .list .item{width: calc(100% / 2 - 1.563vw);margin: 0 0 1.563vw 1.563vw;min-height: 0.9rem;padding: 0.17rem;background-color: #fff;}
.proProcess .list .icon{width: 0.3rem;margin-right: 0.1rem;}
.proProcess .list .ti{flex: 1;}

.proFeature{background: #fafafb url(../images/protdbg.jpg) 0 bottom repeat-x;}
.proFeature .item{text-align: center;flex: 1;}
.proFeature .item .icon img{height: 0.49rem;}
.proFeature .item .ti{margin: 0.34rem 0 0.13rem;}
.proFeature .item .desc{max-width: 1.72rem;margin: 0px auto;}

.proCase .slick-list{margin: 0 -1.146vw;}
.proCase .item{padding: 0 1.146vw;}
.proCase .item a{display: block;background-color: #f8f9fe;padding: 0.22rem 0.22rem 0 0.22rem;text-align: center;position: relative;}
.proCase .item .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;background-color: rgba(0,78,162,0.9);color: #fff;display: flex;flex-direction: column;justify-content: center;text-align: left;padding: 0 0.25rem;transition: all 0.5s;transform: scale(0);overflow: hidden;}
.proCase .item .info .ti{border-top: 0;opacity: 1 !important;}
.proCase .item .info .ti:after{display: none;}
.proCase .item .imgbox{padding-top: 66.9%;margin-bottom: 0.22rem;}
.proCase .item .ti{border-top: 1px solid hsl(220, 17%, 93%);line-height: 0.63rem;position: relative;}
.proCase .item .ti:after{position: absolute;left: 50%;transform: translateX(-50%);top: 0;background-color: var(--blue-color);width:0;height: 1px;content: "";transition: all 0.5s;z-index: 1;}
.proCase .item:hover .ti:after{width: 100%;}
.proCase .item:hover .info{transform: scale(1);}
.proCase .item:hover .ti{opacity: 0;}
.proCase .slick-arrow{top: auto;transform: translateY(0);bottom: -0.25rem;}

@media(max-width:768px){
	.proList .item .imgbox{width: 100%;padding-top: 60%;}
	.proList .item .info{width: 100%;}
	.proList .item .desc{-webkit-line-clamp: 2;}

	.proFeature .list{justify-content: flex-start;}
	.proFeature .item {width: 50%;padding-bottom: 0.28rem;flex: none;}
	.proFeature .item .desc{max-width: 2rem;}
	.proCase .item .info{line-height: 20px;}
}
@media(max-width:640px){
	.proProcess .list .icon{width: 20px;}
	.proProcess .list .item{padding: 0.2rem;}
	.proCase .item .info{font-size: 12px;opacity: 0;}
	.proCase .item .ti{opacity: 1 !important;}
}

/* 新闻中心 */
.newsFocus{margin-bottom: 4.167vw;}
.newsFocus .imgbox{width: 48.61%;padding-top: 27.344vw;}
.newsFocus .info{width: 47.08%;}
.newsFocus .date{line-height: 0.54rem;color: var(--blue-color);}
.newsFocus .date:after{display: block;width: 0.48rem;height: 2px;margin-bottom: 2.813vw;content: "";background-color: var(--blue-color);}
.newsFocus .desc{margin: 0.31rem 0 0.39rem;}
.newsFocus .slick-dots{width: auto;left: auto;right: 8.958vw;bottom: 3.385vw;width: calc(47.08% - 8.958vw);position: absolute;margin: 0;}
.newsFocus .slick-arrow{top: auto;transform: translateY(0);bottom: 2.344vw;}
.newsFocus .slick-prev{left:auto;right: 4.063vw;}

.newsList{padding-bottom: 1.042vw;}
.newsList .item{margin-bottom: 2.604vw;}
.newsList .item a{position: relative;}
.newsList .item a:After{position: absolute;left: 0;top: 0;width: 100%;content: "";height: 2px;background-color: #d5dbe0;transition: all 0.5s;}
.newsList .item a:before{position: absolute;right: 0;top: 0;width: 0;content: "";height: 2px;background-color: var(--blue-color);transition: all 0.8s;}
.newsList .item .imgbox{width: 27.77%;padding-top: 16.667vw;z-index: 10;}
.newsList .item .info{width: 67.56%;padding: 2.604vw 0.1rem 0 0;}
.newsList .item .date{color: #bbbbbb;}
.newsList .item .desc{margin: 1.927vw 0 2.5vw 0;}
.newsList .item:hover a:After{width: 0;}
.newsList .item:hover a:before{width: 100%;}

.TitInfo{padding-bottom: 0.37rem;margin-bottom: 0.5rem;border-bottom: 1px solid #ededed;}
.TitInfo h1{font-size: 0.36rem;line-height: 1.16;color: #111111;font-weight: normal;margin-bottom: 0.35rem;}
.TitInfo .other span{display: inline-block;vertical-align: middle;}
.TitInfo .other span:not(:last-child){margin-right: 2.604vw;}
.TitInfo .other{color: #888888;}

.NewsInfo .SinglePage p{text-indent: 2em;}
.NewsInfo .SinglePage ul,.NewsInfo .SinglePage li{list-style: inside;}
.NewsInfo .SinglePage img{max-width: 9.8rem;display: block;margin: 0px auto;}

.PrevNextInfo{padding: 0.38rem 2.2rem 0 0;margin-top: 0.75rem;border-top: 1px solid #ededed;position: relative;}
.PrevNextInfo dl{position: relative;padding-left: 68px;min-height: 36px;line-height: 36px;}
.PrevNextInfo dl dt{position: absolute;left: 0;top: 0;color:#999999;}
.PrevNextInfo .back{position: absolute;right: 0;top: 0.48rem;width: 1.5rem;line-height: 0.5rem;text-align: center;border-radius: 0.1rem;transition: all 0.3s;color: #fff;background-color: var(--blue-color);}
.PrevNextInfo .back i{margin: -2px 0.15rem 0 0;}
.PrevNextInfo .back:hover{background-color: var(--orange-color);}

@media(max-width:1280px){
	.newsList .item .info{padding-top: 2vw;}
	.newsList .item .desc{margin-bottom: 1.927vw;}
}
@media(max-width:1024px){
	.newsFocus .slick-dots{width: calc(47.08% - 16.958vw);}
}
@media(max-width:768px){
	.newsFocus {margin-bottom: 0.5rem;}
	.newsFocus .imgbox{width: 100%;padding-top: 60%;}
	.newsFocus .info{width: 100%;padding-top: 0.25rem;}
	.newsFocus .slick-arrow{bottom: 0;}
	.newsFocus .slick-dots{right: 80px;width: 50%;}
	.newsFocus .slick-prev{right: 45px;}
	.newsList .item .imgbox{width: 100%;padding-top: 60%;}
	.newsList .item .info{width: 100%;padding: 0.25rem 0;}
	.newsList .item .desc{-webkit-line-clamp: 2;}
}

/* 应用领域 */
.areaItem .item{width: 48.61%;position: relative;}
.areaItem .imgbox{padding-top: 4.5rem;}
.areaItem .imgbox:After{z-index: 2;left: 0;bottom: 0;width: 100%;height: 65%;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,78,162,0.6));content: "";position: absolute;}
.areaItem .info{position: absolute;left: 0;bottom: 0;z-index: 3;padding: 2.604vw;width: 100%;color: #fff;transition: all 0.5s;}
.areaItem .info .ti{line-height: 1.25;}
.areaItem .info .desc{margin-top: 0.28rem;}
.areaItem .item:hover .info {padding-bottom: 3.2vw;}

.areaInfo{background-color: #fbfbfb;margin-bottom: 0.6rem;}
.areaInfo .imgbox{background-color: #f3f9ff;width: 50%;text-align: center;padding: 3.021vw;}
.areaInfo:last-child{margin-bottom: 0;}
.areaInfo .info{width: 50%;padding: 0.46rem 0.3rem;}
.areaInfo .info .ti{line-height: 1.25;margin-bottom: 0.15rem;}
.areaInfo .info .text{margin-top: 0.24rem;}
.areaInfo table{font-size: 0.16rem;line-height: 22px;margin: 0.24rem 0 0 0;}
.areaInfo table th{color: #fff;background-color: var(--blue-color);font-weight: normal;border-left: 1px solid #dedede;border-bottom: 1px solid #dedede;padding: 0.1rem 0.05rem;}
.areaInfo table td{border-left: 1px solid #dedede;border-bottom: 1px solid #dedede;padding: 0.1rem 0.05rem;color: #666666;}
.areaInfo table td:last-child{border-right: 1px solid #dedede;}

.areaInfo2 .item{width: 50%;text-align: center;padding: 0.46rem 0.27rem 0.27rem;background-color: #fbfbfb;margin-bottom: 0.6rem;}
.areaInfo2 .item:nth-child(2n+2){background-color: #f3f9ff;}
.areaInfo2 .item .sti{margin: 0.14rem 0 0.23rem;}
.areaInfo2 .item .imgbox{padding-top: 3.1rem;}

@media(max-width:1024px){
	.areaInfo .imgbox{width: 100%;}
	.areaInfo .info{width: 100%;}
}
@media(max-width:640px){
	.areaInfo table{font-size: 12px;}
	.areaInfo table td,.areaInfo table th{padding: 1px;}

	.areaItem .item{width: 100%;}
	.areaItem .item:not(:last-child){margin-bottom: 0.25rem;}
}

/* 关于我们 */
.company{padding: 0.36rem 0 0;}
.company .item{width: 25%;background-color: #f6faff;border-radius: 0.1rem;text-align: center;padding: 0.21rem 0 0.13rem;}
.company .item .ti{padding: 0.16rem 0.25rem 0;margin-top: 0.19rem;border-top: 1px solid #ddedff;display: none;}
.company .item .imgbox{padding-top: 100%;}
.company .item .imgbox span{width: 80%;height: 80%;left: 10%;top: 10%;}
.company .item:not(:last-child){margin-right: 2.865vw;}

.culture .item{flex: 1;position: relative;border-top: 1px solid #ecf5fc;border-bottom: 1px solid #ecf5fc;border-left: 1px solid #ecf5fc;overflow: hidden;transition: all 0.5s;background-image: linear-gradient(to bottom, #fff , #f0f7fe);}
.culture .item:after{position: absolute;left: 50%;width: 100%;top: 0;line-height: 1;width: 0.85rem;height: 0.64rem;background-position: center bototm;background-size: contain;content: "";margin-left: -0.42rem;transition: all 0.8s;}
.culture .item:last-child{border-right: 1px solid #ecf5fc;}
.culture .imgbox{padding-top: 4.4rem;opacity: 0;transition: all 0.5s;transform: scale(1.4);}
.culture .imgbox:after{content: "";left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);position: absolute;}
.culture .info{position: absolute;text-align: center;left: 0;top: 1.23rem;width: 100%;z-index: 1;}
.culture .ti:after{width: 0.24rem;height: 0.22rem;border-bottom: 0.04rem solid rgba(255,255,255,0);content: "";display: block;margin-bottom: 0.23rem;}
.culture .desc{display: none;}
.culture .icon{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.48rem;}
.culture .icon img{height: 0.39rem;transition: all 0.9s;}
.culture .item:nth-child(1):after{background-image: url(../images/01.png);}
.culture .item:nth-child(2):after{background-image: url(../images/02.png);}
.culture .item:nth-child(3):after{background-image: url(../images/03.png);}
.culture .item:nth-child(4):after{background-image: url(../images/04.png);}
.culture .item:nth-child(5):after{background-image: url(../images/05.png);}

.culture .item:hover{color: #fff;flex: 2.5;}
.culture .item:hover .desc{display: block;}
.culture .item:hover:after{opacity: 0;top: -0.64rem;}
.culture .item:hover .ti:after{border-bottom: 0.04rem solid rgba(255,255,255,1);}
.culture .item:hover .info{padding: 0 3.125vw;top: 0.64rem;text-align: left;}
.culture .item:hover .icon img{transform: scale(0);}
.culture .item:hover .imgbox{opacity: 1;transform: scale(1);}

.manufacturing .slick-list{padding: 0 44%;margin: 0 -16.5%;}
.manufacturing .item{position: relative;padding: 0 0.781vw;}
.manufacturing .imgbox{padding-top: 3.5rem;}
/* .manufacturing .imgbox:before{z-index: 2;left: 0;bottom: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(255,255,255,0.8) , rgba(255,255,255,0.8));content: "";position: absolute;} */
.manufacturing .imgbox:After{z-index: 1;left: 0;bottom: 0;width: 100%;height: 50%;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.5));content: "";position: absolute;}
.manufacturing .ti{border-top: 1px solid rgba(255,255,255,0.3);padding: 0.16rem 0.3rem;position: absolute;left: 0;width: 100%;bottom: 0;z-index: 2;color: #fff;}
.manufacturing .slick-current .imgbox:before{opacity: 0;}
.manufacturing .slick-arrow{top: auto;transform: translateY(0);bottom: -0.25rem;}

.environment{position: relative;}
.environment .bigimg{margin-right: 9.635vw;}
.environment .bigimg .item{position: relative;}
.environment .bigimg .imgbox{padding-bottom: 38.021vw;}
.environment .bigimg .imgbox:after{left: 0;top: 0;width: 100%;height: 100%;z-index: 2;content: "";position: absolute;background-image: linear-gradient(to right, rgba(0,0,0,0) , rgba(0,78,162,0.2));}
.environment .bigimg .info{position: absolute;right: 13.802vw;top: 50%;transform: translateY(-50%);z-index: 3;color: #fff;width: 3.52rem;}
.environment .bigimg .desc{max-height: 3rem;overflow-y: auto;}
.environment .bigimg .ti{line-height: 1.14;margin-bottom: 0.33rem;font-size: 0.48rem;}
.environment .item.slick-current .ti{animation:fadeInLeftSmall 0.5s .3s ease both;-webkit-animation:fadeInLeftSmall 0.5s .3s ease both;-moz-animation:fadeInLeftSmall 0.5s .3s ease both;}
.environment .item.slick-current .desc{animation:fadeInRightSmall 0.5s .6s ease both;-webkit-animation:fadeInRightSmall 0.5s .6s ease both;-moz-animation:fadeInRightSmall 0.5s .6s ease both;}

.environment .tabnav{position: absolute;right: 0;top: 4.427vw;z-index: 10;background: var(--blue-color) url(../images/logobg3.jpg) no-repeat center bottom/contain;color: #fff;min-height: 29.167vw;padding: 4.271vw 3.438vw;width: 19.792vw;}
.environment .tabnav .item{border-bottom: 1px solid rgba(255,255,255,0.26);position: relative;cursor: pointer;}
.environment .tabnav .item a{min-height: 4.74vw;color: #fff;transition: all 0.5s;}
.environment .tabnav .item .icon{width: 0.49rem;margin-right: 1.4vw;text-align: center;}
.environment .tabnav .item .icon img{width: 0.3rem;}
.environment .tabnav .item .ti{flex: 1;}
.environment .tabnav .item:After{position: absolute;left: 0;bottom: 0;width: 0;bottom: -2px;height: 2px;content: "";background-color: #fff;transition: all 0.6s;}
.environment .tabnav .slick-current:After{width: 100%;}
.environment .tabnav .slick-current{font-size: 0.24rem;}

.hornorSlider{background: url(../images/hornorbg.jpg) no-repeat center top/cover;}
.hornorSlider .slick-list{margin: 0 -1.51vw;}
.hornorSlider .item{padding: 0 1.51vw;text-align: center;}
.hornorSlider .imgbox{background: linear-gradient(160deg,  #7ebffa 0%, #337cc5 100%);padding-top: 130%;overflow: visible;margin-bottom: 0.27rem;transform: all 0.5s;}
.hornorSlider .imgbox span{top: 0.12rem;left: 0.12rem;width: calc(100% - 0.24rem);height: calc(100% - 0.24rem);background-color: #fff;box-shadow: 0 0.25rem 0.5rem rgba(12,16,19,0.3);}
.hornorSlider .imgbox img{max-width: 80%;max-height: 80%;}
.hornorSlider .slick-arrow{top: auto;transform: translateY(0);bottom: -0.25rem;}
.hornorSlider .item:hover .imgbox{background: linear-gradient(0deg,  #7ebffa 0%, #337cc5 100%);}

.hornorSlider2 .slider{margin-bottom: -0.4rem;}
.hornorSlider2 .slick-list{margin: 0 -1.198vw;}
.hornorSlider2 .item{padding: 0 1.198vw;text-align: center;padding-bottom: 0.5rem;}
.hornorSlider2 .item a{color: #666666;box-shadow: 0 0.15rem 0.43rem rgba(0,27,38,0.08);display: block;}
.hornorSlider2 .imgbox{background: linear-gradient(160deg,  #7ebffa 0%, #337cc5 100%);padding-top: 80%;transform: all 0.5s;}
.hornorSlider2 .imgbox span{top: 0.05rem;left: 0.05rem;width: calc(100% - 0.1rem);height: calc(100% - 0.1rem);background-color: #fff;transition: all 0.5s;}
.hornorSlider2 .item:hover .imgbox span{transform: scale(0.95);}
.hornorSlider2 .ti{min-height: 1.04rem;display: flex;align-items: center;justify-content:center;padding: 0.15rem;background-color: #fff;}
.hornorSlider2 .slick-arrow{top: auto;transform: translateY(0);bottom: -0.25rem;}
.hornorSlider2 .item:hover .imgbox{background: linear-gradient(0deg,  #7ebffa 0%, #337cc5 100%);}
.hornorSlider2 .item:hover a{color: var(--orange-color);}

.hrPage{background-image: linear-gradient(to bottom, #f4f9ff , #fff);}
.HrList{padding-bottom: 0.3rem;}
.HrList .thead{background:#f2f2f2;height: 0.7rem;cursor: pointer;}
.HrList .thead dd{padding: 0 0.5rem;}
.HrList .item{background:#f9f9f9;margin-bottom: 0.2rem;}
.HrList .item .sti{color: var(--blue-color);margin-top: 0.28rem;}
.HrList .item .set i{width: 0.22rem;height: 0.22rem;position: relative;display: inline-block;}
.HrList .item .set i:after,.HrList .item .set i:before{content: "";left: 50%;top: 50%;width: 0.03rem;height: 100%;position: absolute;background-color: #cccccc;transition: all 0.5s;transform: translate(-50%,-50%);}
.HrList .item .set i:before{width: 100%;height: 0.03rem;}
.HrList .item:hover .set i:after,.HrList .item:hover .set i:before{background-color: var(--blue-color);}
.HrList .item.on .thead{color: #fff;background-color: var(--blue-color);}
.HrList .item.on .thead .ti{font-weight: bold;}
.HrList .item.on .set i:after{height: 0;}
.HrList .item.on .set i:before{background-color: #fff;}
.HrList .item .cell{height: 0.8rem;}
.HrList .detail{position: relative;display: none;padding: 0.35rem 0.5rem;}

@media(max-width:1024px){
	.environment .bigimg{margin: 0;}
	.environment .bigimg .imgbox{padding-bottom: 58%;}
	.environment .tabnav{position: static;width: auto;}
	.environment .bigimg .info{width: 80%;right: 10%;}

	.hornorSlider2 .slider{margin-bottom: 0;}
}
@media(max-width:640px){
	.manufacturing .slick-list{padding: 0 20%;}
	.environment .bigimg .desc{max-height: 96px;overflow-y: auto;}
}

/* 服务与支持 */
.contactUs{box-shadow: 0 0 0.48rem rgba(3,84,48,0.08);}
.contactUs .imgbox{width: 44.444%;}
.contactUs .info{flex: 1;padding: 1.969vw 4.167vw;}
.contactUs .info h2{font-size: 0.3rem;margin-bottom: 0.12rem;line-height: 1.375;}
.contactUs .info h3{color: var(--blue-color);}
.contactUs .info .line{border-bottom: 1px solid #ebebeb;margin: 1.3vw 0;}
.contactUs .contact .txt{flex: 1;}
.contactUs .contact .txt dl:not(:last-child){padding-bottom: 0.25rem;}
.contactUs .contact .txt dt{color: #999999;}
.contactUs .contact .ewm{width: 1.96rem;padding-left: 0.6rem;position: relative;}
.contactUs .contact .ewm:before{position: absolute;left: 0;top: 0.07rem;width: 1px;height: calc(100% - 0.07rem);background-color: #ebebeb;content: "";}
.contactUs .contact .ewm aside{margin-bottom: 0.49rem;color: #999999;}
.contactUs .contact .ewm img{display: block;width: 1.18rem;height: 1.18rem;border: 1px solid #ececec;padding: 0.07rem;}

.cooperationProcess{background: url(../images/hzbg.jpg) no-repeat center center/cover;}
.cooperationProcess .list{min-height: 2.61rem;position: relative;z-index: 10;}
.cooperationProcess .list:after{position: absolute;width: 87.5vw;left: 50%;transform: translateX(-50%);top: 3.333vw;border: 1px dashed var(--blue-color);height: 2.36rem;border-radius: 6.146vw;content: "";z-index: -1;}
.cooperationProcess .list .item{text-align: center;color: #666666;cursor: pointer;flex: 1;}
.cooperationProcess .list .ico{width: 6.771vw;height: 6.771vw;margin: 0px auto 0.15rem;background-color: #fff;box-shadow: 0 0.2rem 0.34rem rgba(0,0,0,0.05);border-radius: 50%;}
.cooperationProcess .list .ico:after{left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);content: "";position: absolute;background-color: var(--blue-color);width: 100%;height: 100%;border-radius: 50%;z-index: 1;transition: all 0.6s;}
.cooperationProcess .list .item:hover .ico:after,
.cooperationProcess .list .item.on .ico:after{transform: translate(-50%,-50%) scale(1);}
.cooperationProcess .list .item.on{color: var(--blue-color);}
.cooperationProcess .tabCon{text-align: center;position: relative;z-index: 10;}
.cooperationProcess .tabCon .item{display: none;}
.cooperationProcess .tabCon .item article{display: inline-block;padding: 0.18rem 0.8rem;text-align: center;background: var(--blue-color);color: #fff;border-radius: 0.73rem;}
.cooperationProcess .tabCon .item span:not(:last-child){margin-right: 0.59rem;position: relative;}
.cooperationProcess .tabCon .item span:not(:last-child):after{position: absolute;width: 0.13rem;height: 0.12rem;top: 50%;transform: translateY(-50%);right: -0.36rem;content: "";background: url(../images/arr.png) no-repeat center center/contain;}
.cooperationProcess .tabCon .item span{display: inline-block;}

.becomingPartner .info{position: absolute;right: 0;top: 0;height: 100%;display: flex;flex-direction: column;justify-content: center;padding: 0.45rem;color: #fff;background: rgba(0,78,162,0.7) url(../images/logobg4.png) no-repeat right bottom/65%;width: 41.66%;z-index: 2;}
.becomingPartner .desc{margin: -0.3rem 0 0.2rem;max-height: 3.8rem;overflow-y: auto;}

.onlineMessage {background: url(../images/messagebg.jpg) no-repeat center top/cover;}
.onlineMessage .w1440{background-image: linear-gradient(to bottom, #fff , #edf3f9);}
.onlineMessage .imgbox{width: 44.44%;}
.onlineMessage .message{flex: 1;padding: 1.604vw 5.208vw 1vw;}
.onlineMessage .form li{position: relative;width: 48%;}
.onlineMessage .form li label{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.onlineMessage .form li label i{color: var(--blue-color);}
.onlineMessage .form li .input{width: 100%;height: 0.8rem;border-bottom: 2px solid #d7dbde;}
.onlineMessage .form li .input:focus{border-bottom: 2px solid var(--blue-color);}
.onlineMessage .form li.auto{width: 100%;}
.onlineMessage .form li.tc{padding-top: 0.49rem;}
.onlineMessage .form .sendbtn{width: 100%;height: 0.6rem;color: #fff;background-color: var(--blue-color);}
.onlineMessage .form .sendbtn:hover{background-color: rgba(0,72,152,0.88);}

@media(max-width:1024px){
	.contactUs .imgbox{width: 100%;}
	.contactUs .info{width: 100%;}

	.cooperationProcess .list:after{width: 105%;}
	.cooperationProcess .list{min-height: 2.25rem;}

	.becomingPartner .info{position: static;width: 100%;}

	.onlineMessage .imgbox{display: none;}
	.onlineMessage .message{padding: 0.35rem;}
}
@media(max-width:768px){
	.cooperationProcess .list .item{width: 25%;padding-bottom: 0.5rem;flex: none;}
	.cooperationProcess .list:after{height: 2.15rem;}
	.onlineMessage .form .sendbtn{height: 35px;}
	.cooperationProcess .list .ico{width: 0.8rem;height: 0.8rem;}

	.contactUs .contact .ewm{width: 100%;padding: 0.25rem 0 0 0;margin-top: 0.25rem;display: flex;justify-content: space-between;}
	.contactUs .contact .ewm img{width: 1.8rem;height: 1.8rem;}
	.contactUs .contact .ewm:before{top: 0;width: 100%;height: 1px;}
}
@media(max-width:640px){
	.cooperationProcess .list:after{height: 2.9rem;}
	.cooperationProcess .list .item aside{font-size: 14px;line-height: 20px;}
}

/* 合作申请表 */
.popForm{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.5);display: none;}
.popForm .close{position: absolute;right: 0.25rem;top: 0.25rem;font-weight: bold;cursor: pointer;}
.popForm .close i{font-size: 0.3rem;color: #000;}
.popForm .close i{color: var(--blue-color);}
.popForm .content{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 14.4rem;background-color: #fff;}
.popForm .innerBox{max-height: 100vh;overflow-y: auto;padding: 4vw 5.729vw;}
.popForm .form .item{border: 1px solid #d9d9d9;width: 50%;margin: -1px 0 0 0;}
.popForm .form .item:nth-child(2n+1){border-right: 0;}
.popForm .form .item dt{width: 1.72rem;padding-left: 2.656vw;border-right: 1px solid #d9d9d9;position: relative;}
.popForm .form .item dt span{position: absolute;top: 50%;transform: translateY(-50%);}
.popForm .form .item dd{flex: 1;}
.popForm .form .item .input{width: 100%;height: 0.6rem;padding: 0 0.1rem;}
.popForm .form .auto{width: 100%;}
.popForm .form .item .item{border-left: 0;width: 100%;}
.popForm .form .item .item:nth-child(2n+1){border-right: 1px solid #d9d9d9;}
.popForm .form .item textarea{width: 100%;height: 2.5rem;padding: 0.15rem;}
.popForm .form .btn{padding-top: 0.6rem;}
.popForm .form .sendbtn{width: 4rem;height: 0.6rem;color: #fff;background-color: var(--blue-color);}
.popForm .form .sendbtn:hover{background-color: rgba(0,72,152,0.88);}

@media(max-width:1024px){
	.popForm .content{width: 88%;}
}
@media(max-width:640px){
	.popForm .form .item{width: 100%;}
	.popForm .form .item:nth-child(2n+1){border-right: 1px solid #d9d9d9;}
	.popForm .form .item .input,.popForm .form .sendbtn{height: 0.8rem;}
}