﻿@charset "utf-8";
@import url(common.css);


/*home s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; height:100%;}
.HomeBan .item{ position:relative;height: 100vh;}
.HomeBan .desc{ z-index:10; position:absolute; width:16rem;left:50%; top: 50%; transform: translate(-50%,-50%);color:#fff;}
.HomeBan .desc img{height: 2.21rem;}
.HomeBan .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%;}

.HomeBan:hover .slick-prev{left: 2%;}
.HomeBan:hover .slick-next{right: 2%;}
.HomeBan .slick-arrow{background-color:rgba(0,95,225,0.2);}

.HomeBan .slick-dots li button{border:2px solid rgba(255,255,255,0.5);}
.HomeBan .slick-dots li.slick-active button{border:2px solid #fff;background:#fff;}

.HomeBan .item:nth-child(1) .desc{ top: 38%;}
.HomeBan .item:nth-child(3) .desc{ top: 32%;text-align: center;}
.HomeBan .item:nth-child(4) .desc{ top: 43%;}

@media(max-width:1600px){
	.HomeBan .desc{width: 90%;}
}
@media(max-width:1024px){
	.HomeBan,.HomeBan .item{height: auto;}
	.HomeBan .imgbox{position: relative;padding-top: 49%;height: auto;}
}

.HomeEquipment{background:#0d1623;overflow: hidden;}
.HomeEquipment ul{margin-left: -0.6rem;}
.HomeEquipment .item{padding-left: 0.6rem;width: 25%;float: left;overflow: hidden;}
.HomeEquipment .item a{display: block;position: relative;background:#0c1a2d;color:#fff;}
.HomeEquipment .imgbox{padding-top: 3.95rem;margin-left: 0.6rem;margin-right: 0;transition: all 0.3s;}
.HomeEquipment .imgbox:After{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index: 2;transition: all 0.3s;}
.HomeEquipment .ti{margin:0 0 0.31rem 0.32rem;line-height: 0.89rem;font-size: 0.28rem;position: relative;z-index: 10;}
.HomeEquipment .ti i{display: inline-block;vertical-align: middle;width: 14px;height: 14px;background:url(../images/arr02.png);margin-left: 0.15rem;}
.HomeEquipment .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,95,225,0.5);z-index: 3;display: flex;flex-direction: column;padding:0 0.3rem 0.21rem;opacity: 0;visibility: hidden;transition: all 0.3s;}
.HomeEquipment .item .desc{opacity: 0.6;position: absolute;bottom: 0.21rem;padding:0 0.3rem;width: 100%;left: 0;line-height: 20px;}
.HomeEquipment .icon{position: absolute;left: 0rem;bottom: 0.65rem;opacity: 0;transition: all 0.5s;}
.HomeEquipment .icon img{height: 0.44rem;}
.HomeEquipment .item.on .ti i{background:url(../images/arr2.png);}
.HomeEquipment .item.on .info{opacity: 1;visibility: visible;}
.HomeEquipment .item.on .imgbox{opacity: 1;visibility: visible;margin-left:0;}
.HomeEquipment .item.on .imgbox:After{opacity: 0;}
.HomeEquipment .item.on .icon{opacity: 1;left: 0.3rem;}

.HomeApplication{background:#f0f2f5; position: relative;overflow: hidden;}
.HomeApplication .TitHead{padding-bottom: 0;}
.HomeApplication .AppCon{margin-top: -5px;}
.HomeApplication:After{content: "";position: absolute;bottom: 1.2rem;height: calc(100% - 4.35rem);left: 16.5%;background:url(../images/homeapp.jpg) center center no-repeat;background-size:cover;width: 83.5%;}
.HomeApplication .AppCon .item{height: 8rem;padding-left: 1.6rem;position: relative;}
.HomeApplication .AppCon .info{float: left;margin:1.92rem 0 0 1.6rem;width: 29.1%;line-height: 0.45rem;color: #fff;}
.HomeApplication .AppCon .ti{font-size: 0.3rem;position: relative;padding-bottom: 0.31rem;border-bottom: 1px solid rgba(255,255,255,0.1);margin-bottom: 0.3rem;color:#fff;}
.HomeApplication .AppCon .ti i{position:absolute;right:0;top:-10px;width: 0.6rem;height: 0.6rem;}
.HomeApplication .AppCon .ti i:before{content: "";width: 100%;height: 100%;left: 0;top: 0;position: absolute;background:url(../images/arr2.png) center center no-repeat;transition: all 0.3s;z-index: 10;}
.HomeApplication .AppCon .ti i:After{content: "";width: 0;height: 0;left: 50%;top: 50%;position: absolute;background:#fff;transition: all 0.3s;border-radius: 50%;z-index: 0;}
.HomeApplication .AppCon .info:hover .ti i:before{background: url(../images/arr02.png) center center no-repeat;}
.HomeApplication .AppCon .info:hover .ti i:After{width: 100%;height: 100%;top: 0;left: 0;}
.HomeApplication .AppCon .desc a{opacity: 0.8;color:#fff;}
.HomeApplication .AppCon .desc a:hover{opacity: 1;}
.HomeApplication .AppCon .imgbox{float: right;width: 51.4%;padding-top: 5.1rem;}
.HomeApplication .AppCon .num{position: absolute;left: 0;bottom: 2.4rem;line-height: 0.6rem;color:#005fe1;font-size: 14px;}
.HomeApplication .AppCon .num span{font-size: 20px;}

.HomeApplication .AppNav{position: absolute;bottom: 2.4rem;z-index: 10;left: 16.5%;width: 83.5%;padding:0 0.4rem 0 1.4rem;}
.HomeApplication .AppNav:After{top: 50%;height: 1px;content: "";background:rgba(255,255,255,0.2);position: absolute;width:1.4rem;left: 0}
.HomeApplication .AppNav:before{top: 50%;height: 1px;content: "";background:rgba(255,255,255,0.2);position: absolute;width: 0.4rem;right: 0}
.HomeApplication .AppNav .item{text-align: center;cursor: pointer;position: relative;overflow: hidden;}
.HomeApplication .AppNav .ti:after{top: 50%;height: 1px;content: "";background:rgba(255,255,255,0.2);position: absolute;width: 200%;left: -200%;}
.HomeApplication .AppNav .ti:before{top: 50%;height: 1px;content: "";background:rgba(255,255,255,0.2);position: absolute;width: 200%;left: 100%;}
.HomeApplication .AppNav .ti {border-radius: 0.35rem;border:2px solid rgba(255,255,255,0);display: inline-block;line-height: 0.52rem;position: relative;transition: all 0.3s;}
.HomeApplication .AppNav .ti em{font-size: 0.2rem;display:none;color:#fff;}
.HomeApplication .AppNav .ti .ico{width: 0.6rem;height: 0.6rem;border-radius: 50%;border:1px solid rgba(255,255,255,0.5);display: inline-block;}
.HomeApplication .AppNav .item.slick-current .ti{border:2px solid #fff;padding:0 0.3rem;}
.HomeApplication .AppNav .item.slick-current .ti .ico{border:0px solid rgba(255,255,255,0);}
.HomeApplication .AppNav .item.slick-current .ti em{display: inline-block;}
.HomeApplication .slick-arrow{top: auto;transform: translateY(0);}
.HomeApplication .slick-prev{left: 0;bottom: 3rem;}
.HomeApplication .slick-next{left: 0;right: auto;bottom: 1.8rem;}


.HomeFa{background:#0d1623;overflow: hidden;}
.HomeFa .imglist{width: 50%;float: right;}
.HomeFa .imglist li{display: none;}
.HomeFa .imgbox{padding-top: 7.2rem;}
.HomeFa .infolist{width: 42.5%;float: left;color:#fff;}
.HomeFa .infolist .item{border-bottom: 1px solid rgba(255,255,255,0.1);position: relative;}
.HomeFa .infolist .desc span{display: inline-block;min-width: 30%;position: relative;padding-left: 10px;}
.HomeFa .infolist .desc span:After{position: absolute;left: 0;top: 50%;width: 4px;height: 4px;border-radius: 50%;background:#fff;content: "";border-radius: 50%;}
.HomeFa .infolist .ti{line-height: 0.52rem;font-size: 0.24rem;padding:0.15rem 0;position: relative;transition: all 0.3s;cursor: pointer;}
.HomeFa .infolist .item:nth-child(1) .ti{margin-top: -0.15rem;}
.HomeFa .infolist .ti i{position:absolute;right:0;top:11px;width: 0.6rem;height: 0.6rem;}
.HomeFa .infolist .ti i:before{content: "";width: 100%;height: 100%;left: 0;top: 0;position: absolute;background:url(../images/arr02.png) center center no-repeat;transition: all 0.3s;z-index: 10;}
.HomeFa .infolist .ti i:After{content: "";width: 0;height: 0;left: 50%;top: 50%;position: absolute;background:#005fe1;transition: all 0.3s;border-radius: 50%;z-index: 0;}
.HomeFa .infolist .item:hover .ti i:before,.HomeFa .infolist .item.on .ti i:before{background: url(../images/arr2.png) center center no-repeat;}
.HomeFa .infolist .item:hover .ti i:After,.HomeFa .infolist .item.on .ti i:After{width: 100%;height: 100%;top: 0;left: 0;}
.HomeFa .infolist .desc{line-height: 0.5rem;opacity: 0.4;display: none;padding-bottom: 0;}
.HomeFa .infolist .item.on .ti{font-size: 0.28rem;padding-bottom: 0;}
.HomeFa .infolist .item.on a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;}
.HomeFa .infolist .item.on .desc{padding: 0.36rem 0;}

.HomeAbout{background:url(../images/aboutbg.jpg) center center no-repeat;background-size:cover;color:#fff;overflow: hidden;}
.HomeAbout .TitHead{float: left;}
.HomeAbout .TitHead .more{position: static;margin-top: 0.56rem;display: inline-block;}
.HomeAbout .About{float: right;width: 6.4rem;line-height: 0.36rem;text-align-last:right;}
.HomeAbout .video{margin-top: 0.42rem;width: 205px;border-radius: 10px;position: relative;float: right;cursor: pointer;}
.HomeAbout .video .imgbox{padding-top: 115px;border-radius: 10px;}
.HomeAbout .video .play{position:absolute;width: 50px;height: 50px;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff url(../images/play.png) center center no-repeat;z-index: 2;}
.HomeAbout .video .play:before {content: "";border-radius: 50%;position: absolute;width: 64px;height: 64px;border:7px solid rgba(255,255,255,0.3);left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
.HomeAbout .video:hover .play:before {width: 75px;height: 75px;}
.HomeAbout .tip{text-align: right;margin-bottom: -0.3rem;font-size: 14px;opacity: 0.6;}

.NumList{display: flex;justify-content:space-between; clear: both;padding: 2.16rem 0 0.68rem;}
.NumList .item{text-align: center;font-size: 0.22rem;min-width: 2.5rem;}
.NumList .item .num{font-size: 0.6rem;line-height: 1.07rem;}
.NumList .item .num *{display: inline-block;vertical-align: middle;}
.NumList .item span{font-size: 0.68rem;font-weight: bold;}
.NumList .item em{margin-right: 5px;}
.NumList .item i{line-height: 0.48rem;}

.HomeNews{overflow: hidden;}
.HomeNews .Focus{width: calc(100% - 4.93rem);float: left;}
.HomeNews .Focus .item{padding-right: 0.6rem;width: 50%;float: left;}
.HomeNews .Focus .imgbox{padding-top: 3.7rem;background:#e8eaed;}
.HomeNews .Focus .info{padding:0.34rem 0.4rem 0.32rem;background:#f5f7fa;}
.HomeNews .Focus .info .tit{font-size: 0.22rem;margin-bottom: 0.16rem;}
.HomeNews .Focus .info .desc{color:#999999;min-height: 0.6rem;margin-bottom: 0.43rem;}
.HomeNews .Focus .info .date{color:#005fe1;position: relative;}
.HomeNews .Focus .info .date i{display: inline-block;vertical-align: middle;width: 0.6rem;height: 1px;margin-left: 0.26rem;background:#e1e3e6;transition: all 0.3s;}
.HomeNews .Focus .info .date:After{width: 14px;height: 14px;position: absolute;right: 20px;top: 8px;opacity: 0;transition: all 0.3s;content: "";background:url(../images/arr02.png);}
.HomeNews .Focus .info:hover .date:After{right: 0;opacity: 1;}
.HomeNews .Focus .info:hover .date i{width: 1rem;}

.HomeNews .List{width: 4.93rem;float: right;background:#f5f7fa;min-height: 6.15rem;padding:0.06rem 0.4rem 0;}
.HomeNews .List a{display:block;border-bottom: 1px solid #e6e8eb;padding:0.38rem 0;}
.HomeNews .List .item:last-child a{border-bottom: 0;}
.HomeNews .List .tit{font-size: 0.22rem;margin-bottom: 0.14rem;}
.HomeNews .List .date{color:#005fe1;}

@media(max-width:1800px){
	.HomeApplication .AppNav .item.slick-current .ti {padding:0 0.2rem;}
}
@media(max-width:1366px){
	.NumList .item span {font-size: 0.55rem;}
}
@media(max-width:1024px){
	.HomeEquipment .item{padding-bottom: 0.6rem;width: 50%;}
	.HomeEquipment .item:nth-child(3),.HomeEquipment .item:nth-child(4){padding-bottom: 0;}

	.HomeApplication .AppCon{margin-top: 10px;}
	.HomeApplication .AppCon .item{padding-left: 0;}
	.HomeApplication .AppCon .info{margin-top: 1.3rem;}

	.NumList{flex-wrap: wrap;padding-top: 1.5rem;}
	.NumList .item{width: 33.333%;}

 .HomeNews .Focus{width: auto;float: none;margin-left: -0.3rem;}
	.HomeNews .Focus .imgbox{padding-top: 64%;}
	.HomeNews .Focus .item{padding:0 0 0.3rem 0.3rem;}
	.HomeNews .List{width: auto;float: none;min-height: auto;clear: both;}
}

@media(max-width:767px){
	.HomeEquipment ul{margin-left: -15px;}
	.HomeEquipment .item{padding:0 0 15px 15px;}
	.HomeEquipment .ti{font-size: 15px;}
	.HomeEquipment .img {bottom: 0.62rem;}
	.HomeEquipment .icon {bottom: 0.75rem;}

	.HomeApplication .AppCon .info{width: auto;margin:0 0 15px 0;float: none;}
	.HomeApplication .AppCon .imgbox{width: auto;float: none;padding-top: 64%;}
	.HomeApplication:After{left: 0;width: 100%;height: 100%;bottom: 0;}
	.HomeApplication .AppCon .ti{font-size: 16px;}
	.HomeApplication .TitHead {padding-bottom: 0.5rem;}
	.HomeApplication .TitHead h2{color: #fff;}
	.HomeApplication .TitHead .desc{color:rgba(255,255,255,0.6);}

	.HomeApplication .slick-prev{left: -14px;bottom: 2.2rem;}
	.HomeApplication .slick-next{left: auto;right: -14px;bottom: 2.2rem;}
	.HomeApplication .AppNav{position: relative;bottom: auto;left: auto;width: 100%;margin-top: 20px;padding:0 0;}
	.HomeApplication .AppNav .ti em{font-size: 16px;}
	.HomeApplication .AppNav .ti:after {width: 223%;left: -223%;}
	.HomeApplication .AppNav .item.slick-current .ti{padding:0 0.15rem 0 0.1rem;}
	.HomeApplication .AppNav:before {width: 0.5rem;}
	.HomeApplication .AppNav .ti .ico{width: 32px;height: 32px;}
	.HomeApplication .AppCon .ti{display: none;}
	.HomeApplication .AppCon .info{line-height: 24px;padding-top: 10px;}
	.HomeApplication .AppCon .item{height: auto;}
	.HomeApplication .AppCon .ti i{top: 0;}
	.HomeApplication .AppCon .num{display: none;}
	.HomeApplication .AppCon .info .desc a{min-width: 49%;display: inline-block;padding-left: 12px;position: relative;}
	.HomeApplication .AppCon .info .desc a:After{position: absolute;left: 0;top: 50%;width: 4px;height: 4px;border-radius: 50%;background:#fff;content: "";border-radius: 50%;margin-top: -2px;}
	.HomeApplication .AppCon .info .desc br{display: none;}
	

	.HomeFa .infolist{width: auto;float: none;margin-bottom: 15px;}
	.HomeFa .infolist .item.on .ti{font-size: 16px;line-height: 28px;}
	.HomeFa .infolist .ti{font-size: 15px;line-height: 28px;}
	.HomeFa .infolist .desc{line-height: 24px;}
	.HomeFa .infolist .desc span{min-width: 50%;}
	.HomeFa .imglist{width: auto;float: none;}
	.HomeFa .imgbox{padding-top: 64%;}

	.HomeAbout .About{width: auto;float: none;clear: both;line-height: 24px;text-align: left;text-align-last: left;}
	.HomeAbout .video{width: 88%;float: none;margin-left:auto;margin-right: auto;}
	.HomeAbout .video .imgbox{padding-top: 64%;}
	.HomeAbout .TitHead {float: none;}
	.HomeAbout .TitHead .more{position: absolute;right: 0;top: 0;margin: 4px;}
	.NumList .item{font-size: 14px;}
	.NumList .item span{font-size: 0.6rem;}
	.NumList{padding-top: 0.8rem;}
	
	.HomeNews .Focus .info .desc{min-height: 48px;margin-bottom: 8px;}
	.HomeNews .Focus .info{padding:10px;}
	.HomeNews .Focus .info .tit,.HomeNews .List .tit{font-size: 15px;}

	.HomePartner .aitem{width: 33.333%;}
}

/* 标题 */
.TitHead{padding-bottom: 0.56rem;position: relative;}
.TitHead h2{color:#1a1a1a;font-size: 0.54rem;line-height: 0.68rem;margin-bottom: 0.17rem;letter-spacing: 0.1em;}
.TitHead .desc{color:#666666;font-size: 0.22rem;letter-spacing: 0.1em;}
.TitHead .more{position: absolute;right: 0;top: 0.51rem;color:#005fe1;}
.TitHead .more i{display: inline-block;vertical-align: middle;width: 0.6rem;height: 0.6rem;margin-left: 0.21rem;background: #005fe1 url(../images/arr2.png) center center no-repeat;border-radius: 50%;transition: all 0.3s;}
.TitHead .more:hover i{transform: rotate(45deg);}
.TitHead.white h2{color:#fff;}
.TitHead.white .desc{color:rgba(255,255,255,0.6);}
.TitHead.white .more{color:#fff;}
.TitHead.white .more i{background: #fff url(../images/arr02.png) center center no-repeat;}

@media(max-width:767px){
	.TitHead.white h2{font-size: 20px;}
	.TitHead .desc{font-size: 14px;}
	.TitHead .more{top: 0.15rem;}
}
