/*--------------------------------------------------
    project:ygsoft-DAP
    producer:Chan.
    date:2021-08-23
--------------------------------------------------*/


/*
    初始化
*/
body{ margin: 0; padding: 0; width:100%; height: 100%; font-family: 'Microsoft YaHei'; background: #fff; position: relative;}
h1,h2,h3,h4,h5,h6,ul,ol,li,p,figure{list-style: none; padding: 0; margin: 0;}
a,a:hover{text-decoration: none;}
.color-blue{background: #2663ff; color: #2663ff;}
.container{width: 1360px; max-width: 1360px;}


/* 
    首页
*/
.header{position: fixed; top: 0; left: 0; width: 100%; display: block; height: 80px; z-index: 99; transition: all .3s;}
.header.scroll{background: rgba(0, 0, 0, 0.5);}
.header .logo{float: left; line-height: 80px;}
.header .menu{float: right;}
.header .menu li{float: left; margin-left: 50px; position: relative;}
.header .menu li::after{ content: ''; width: 0; height: 5px; background: #fff; position: absolute; left: 50%; bottom: 0; transform: translatex(-50%); transition:  all .3s; opacity: 0;}
.header .menu li.active::after{width: 100%; opacity: 1;}
.header .menu li a{line-height: 80px; display: block; font-size: 18px; color: #fff; opacity: .85; transition: all .3s;}
.header .menu li:hover a{width: 100%; opacity: 1;}
.header .icon-caidan{display: none;}

.pageHead{background: #fff;}
.pageHead#header{background: #fff;}
.pageHead .menu li a{ font-size: 18px; color: #909aa5;}
.pageHead .menu li a:hover,.pageHead .menu li a:active{color: #2663ff;}
.pageHead .menu li.active::after{background: none;}

.banner{background: #05052e; width: 100%; height: 730px; overflow: hidden;}
.banner .container{position: relative; height: 100%;}
.banner .logo img{position: static; width: auto; height: auto;}
.banner .text{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.banner .text h5{font-size: 48px; color: #fff; font-weight: bold; margin-bottom: 40px;}
.banner .text h6{font-size: 30px; color: #fff; margin: 50px 0;}
.banner .text a{width: 180px; line-height: 50px; display: block; text-align: center; background: #2256eb; border-radius: 30px; color: #fff; font-size: 20px; transition: all .3s;} 
.banner .text a:hover{background: #ff2222; color: #fff;}
.bannerDAP{width: 1000px; position: absolute; right: -100px; top: 50%; transform: translateY(-50%);}
.bannerDAP img{width: 100%; position: relative; z-index: 2;}
.bannerDAP::after{content: ''; position: inherit; left: 50%; top: 50%; border-radius: 50%; background: #2256eb; width: 300px; height: 300px; z-index: 1; transform: translate(-20%,-50%); 
	filter: blur(300px);}

/* 远光DAP是什么？ */
.intro{background: url('../images/inbg.jpg') no-repeat; width: 100%; height: auto; padding: 70px 132px; margin-top: -50px; position: relative;}
.intro::before{content: ''; position: absolute; right: -10px; top: 10px; z-index: -1; background: #ddd; filter: blur(16px); width: 98%; height: 100%;}
.intro h5{font-size: 36px; color: #394147; text-align: center; border-bottom: 1px solid #d1dbdf; padding-bottom: 20px; position: relative;}
.intro h5::before{content: ''; position: absolute; left: 0; bottom: 0; width: 150px; height: 3px; background: #d80c18; border-left: solid 100px #2256eb;}
.intro p{font-size: 16px; color: #6a7075; line-height: 26px; margin-top: 30px;}

.introPic{background: url('../images/DAPkjBG.png') no-repeat; width: 100%; height: auto; overflow: hidden; position: relative; padding: 30px; margin: 60px 0 80px;}
.introPic img{float: left; transform: translate(-150px,0) scale(.9);}
.introPic .con{ padding: 70px 40px; position: absolute; right: 0; top: 50%; width: 528px; z-index: 1; transform: translateY(-25%);}
.introPic .con::before{content: ''; position: inherit; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #e1e7ff 0%, #d8dbff 31%, #ceceff 100%); z-index: -1; opacity: .1;}
.introPic .con p{font-size: 16px; color: #6a7075; line-height: 26px; margin-bottom: 20px; text-align: justify;}

/* 六大产品特性 */
.productSp{background: url('../images/productSp.jpg') no-repeat; width: 100%; height: auto; padding: 120px 0 60px; background-size: cover;}
.productSp .ti{font-size: 36px; color: #fff; margin-bottom: 30px; text-align: center;}
.productSp .col-12{margin-bottom: 30px;}
.productSp .box{background: rgba(255, 255, 255, .15); height: 100%; text-align: center; padding: 40px 30px; box-shadow: inset  0 1px 3px rgba(255, 255, 255, .3); position: relative;}
.productSp .box .p{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(2, 11, 27, 0.85); z-index: 999; padding: 40px; visibility: hidden; backdrop-filter: blur(20px); opacity: 0;  transition: all .3s;}
.productSp .box:hover .p{visibility: visible; opacity: 1;}
.productSp .box h5{font-size: 18px; color: #fff; margin-bottom: 15px;}
.productSp .box p{font-size: 13px; color: #9eaac0; text-align: justify; margin-bottom: 1em; position: relative; padding-left: 1em; line-height: 1.8em;}
.productSp .box p::before{content: ''; background: #fff; width: 5px; height: 5px; border-radius: 50%;position: absolute; left: 0 ; top: 0.5em; opacity: .6;}
.productSp .col-12 .img{transition: all .3s; margin-bottom: 20px;}
.productSp .col-12:hover .img{transform: translateY(-10px);}

/* 坚实技术支撑 强大服务能力 */
.ti{font-size: 36px; color: #394147; text-align: center;}
.TechnicalSupport {padding-top: 120px;}
.TechnicalSupport .gray-txt{width: 900px; display: table; margin: 20px auto;}
.gray-txt p{font-size: 16px; line-height: 26px; color: #6a7075; text-align: center;}
.TechnicalSupport .nav{width: 1380px; display: table; margin: 40px auto 0 !important; text-align: center; position: relative; border-bottom: 1px solid #d1dbdf;}
.TechnicalSupport .nav::after{content: ''; width: 1px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #d1dbdf;}
.TechnicalSupport .nav-item{display: inline-block; margin: 0 100px;}
.TechnicalSupport .nav-link{min-width: 140px; font-size: 20px; outline: none; border-radius: 0; color: #6a7075;}
.TechnicalSupport .nav-link.active{background: none; color: #2256eb; border-bottom: 2px solid #2256eb; font-weight: bold;}
.TechnicalSupport .tab-content{position: relative;}
.TechnicalSupport .tab-content::after{content: ''; width: 100%; height: 50%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, #f4f7f8 , #fff); z-index: -1;}
.TechnicalSupport .tab-content .container{position: relative; height: 640px;}
.TechnicalSupport .tab-content .con{width: 450px; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.TechnicalSupport .tab-content .con h6{font-size: 24px; color: #394147; margin-bottom: 25px;}
.TechnicalSupport .tab-content .con p{font-size: 14px; color: #6a7075; line-height: 24px; margin-bottom: 15px; text-align: justify;}
.TechnicalSupport .tab-content .con a{font-size: 16px; color: #2256eb; }

.TechnicalSupport .tab-content .JT{position: absolute; right: 150px; top: 50%; transform: translateY(-50%);} 
.TechnicalSupport .tab-content .JT .JTpic{max-width: 480px; border-radius: 50px;}
.TechnicalSupport .tab-content .JT .conText{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.TechnicalSupport .tab-content .JT .conText .li{position: absolute; z-index: 9;}
.TechnicalSupport .tab-content .JT .conText .li p{background: #fff; padding: 10px; border-radius: 10px; position: absolute; left: 110%; top: 30px; width: 120px; transform: translate(0,-20%); visibility: hidden; transition: all .3s; opacity: 0; border: solid 2px #e9757c;}
.TechnicalSupport .tab-content .JT .conText .li p::after{
	content: '';
	position: absolute;
	left: 0; top: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	width: 10px; height: 10px;
	background: #e9757c;
	/* border: solid 1px #2256eb; */
	z-index: -1;
}

.TechnicalSupport .tab-content .JT .conText .li:nth-child(1){left: 50px; top: 80px;}
.TechnicalSupport .tab-content .JT .conText .li:nth-child(2){left: 160px; top: 0;}
.TechnicalSupport .tab-content .JT .conText .li:nth-child(3){left: 302px; top: 24px;}
.TechnicalSupport .tab-content .JT .conText .li:nth-child(4){left: 387px; top: 116px;}
.TechnicalSupport .tab-content .JT .conText .li:nth-child(5){left: 396px; top: 251px;}
.TechnicalSupport .tab-content .JT .conText .li:nth-child(6){left: 323px; top: 355px;}
.TechnicalSupport .tab-content .JT .conText .li:nth-child(7){left: 205px; top: 382px;}
.TechnicalSupport .tab-content .JT .conText .li:nth-child(8){left: 82px; top: 338px;}
.TechnicalSupport .tab-content .JT .conText .li:nth-child(9){left: 21px; top: 224px;}

.TechnicalSupport .tab-content .JT .conText .li:hover p{visibility: visible; transform: translate(0,-50%); opacity: 1;}
/* .TechnicalSupport .tab-content .JT .conText .li:nth-child(1) p{} */
.TechnicalSupport .tab-content .JT .conText .hover{background: rgba(0, 0, 0, 0); width: 60px; height: 90px;}
.TechnicalSupport .tab-content .JT .circle{border: solid 1px #ddd; width: 520px; height: 520px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-44%) rotateX(60deg); border-radius: 50%; box-shadow: inset 0 0 30px #f4f7f8; z-index: -1;}
.TechnicalSupport .tab-content .JT .circle::before{content: ''; width: 320px; height: 320px; border: solid 1px #ddd; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
.TechnicalSupport .tab-content .JT .circle::after{content: ''; background: #2256eb; width: 100%;height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; animation:circle 2s infinite;-webkit-animation:circle 2s infinite; }
@keyframes circle
{
from {transform: translate(-50%,-50%) scale(0); opacity: .2;}
to {transform: translate(-50%,-50%) scale(1); opacity: 0;}
}
.TechnicalSupport .tab-content .JT .conText::after{
	content: '';
	position: absolute;
	width: 100%;height: 100%;
	background-color: #2256eb;
	left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; animation:circle 2s infinite;-webkit-animation:circle 2s infinite;
	z-index: 0;

}

.TechnicalSupport .tab-content .JT .center{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-30%); background: url('../images/JTC.png') no-repeat; width: 178px; height: 102px; }
.TechnicalSupport .tab-content .JT .logoGroup{}
.TechnicalSupport .tab-content .JT .logoGroup li{display: inline-block; position: relative;}
.TechnicalSupport .tab-content .JT .logoGroup li:nth-child(1){transform: translateY(-28px); z-index: 999;}
.TechnicalSupport .tab-content .JT .logoGroup li:nth-child(2){transform: translateY(80px);}
.TechnicalSupport .tab-content .JT .logoGroup li:nth-child(3){transform: translateY(-120px);}
.TechnicalSupport .tab-content .JT .logoGroup li:nth-child(4){transform: translateY(130px);}
.TechnicalSupport .tab-content .JT .logoGroup li:nth-child(5){transform: translateY(-150px);}
.TechnicalSupport .tab-content .JT .logoGroup li:nth-child(6){transform: translateY(130px);}
.TechnicalSupport .tab-content .JT .logoGroup li:nth-child(7){transform: translateY(-120px);}
.TechnicalSupport .tab-content .JT .logoGroup li:nth-child(8){transform: translateY(80px);}
.TechnicalSupport .tab-content .JT .logoGroup li:nth-child(9){transform: translateY(-28px);}
.TechnicalSupport .tab-content .JT .pic{position: relative; z-index: 0; text-align: center;}
.TechnicalSupport .tab-content .JT .pic img{display: inline-block; position: relative; z-index: -1;}
.TechnicalSupport .tab-content .JT .name{background: url('../images//JTB.png') no-repeat; width: 60px; height: 67px; display: block; text-align: center; font-size: 16px; color: #2256eb; font-weight: bold; background-position: 50% bottom;}
.TechnicalSupport .tab-content .JT .text{ position: absolute; left: 50%; bottom: 0; width: 150px; background: #fff; border-top: 2px solid #e9757c; border-radius: 5px; box-shadow: 0 3px 10px #ddd; transform: translate(-50%,95%); padding: 20px 12px; font-size: 12px; color: #6a7075; visibility: hidden; opacity: 0; transition: all .3s; z-index: 999; text-align: left;}
.TechnicalSupport .tab-content .JT .text::after, .TechnicalSupport .tab-content .JT .text:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.TechnicalSupport .tab-content .JT .text:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 7px;
	margin-left: -7px;
}
.TechnicalSupport .tab-content .JT .text:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #e9757c;
	border-width: 9px;
	margin-left: -9px;
}
.TechnicalSupport .tab-content .JT li:hover .text{visibility:visible; transform: translate(-50%,105%); opacity: 1;}
.TechnicalSupport .tab-content .gif{width: 800px; position: absolute; top: 50%; right: 40px; transform: translateY(-50%);}
.TechnicalSupport .tab-content .gif img{width: 100%; border-radius: 0;}
.JTP{display: none;}


/* 五大核心应用 */
.Applications{background-color: #f6f8fb; padding: 90px 0; min-height: 900px;}
.Applications .container{width: 900px; padding: 0 0 0 60px;}
.Applications .gray-txt{margin: 30px 0 60px;}
.Applications .content{position: relative;}
.Applications .nav{position: absolute; left: -200px; top: 0; border-right: solid 1px #ddd;}
.Applications  .nav-link{outline: none; width: 100px; margin-bottom: 60px;  border-radius: 10px; font-size: 16px; color: #6a7075; transition: all .3s;}
.Applications  .nav-link:last-child{margin-bottom: 0;}
.Applications  .nav-link.active{ color: #2256eb; position: relative; background: none; font-weight: bold;}
.Applications  .nav-link.active::before{content: ''; width: 3px; height: 20px; border-radius: 3px; background: #2663ff; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.Applications  .tab-content{}
.Applications  .tab-content .con h5{font-size: 24px; color: #394147; margin-bottom: 20px;}
.Applications  .tab-content .con p{font-size: 16px; color: #909aa5;  line-height: 2em;}
.Applications  .tab-content .con .pic{display: table; margin: 60px auto 0;}
.Applications  .tab-content .con .pic img{max-width: 100%;}
.Applications  .tab-content .con .more{display: block; margin: 40px auto 0; width: 160px; line-height: 48px; border-radius: 10px; text-align: center; border: solid 1px #909aa5; color: #323332; transition: all .3s; font-size: 18px;}
.Applications  .tab-content .con .more:hover{background: #2663ff; color: #fff;}

/* 数字技术应用 */
.digitalTechnology{padding: 120px 0 80px; background: url('../images/BTBG.jpg') no-repeat; background-size: cover; width: 100%;}
.digitalTechnology .ti{color: #fff;}
.digitalTechnology .row{margin: 60px -10px 0;}
.digitalTechnology .col-12{padding: 0 10px;}
.digitalTechnology .box{height: 100%; background: rgba(255, 255, 255, .85); position: relative; padding-bottom: 30px;}
.digitalTechnology .box h5{ width: 100%; line-height: 114px; background-size: cover; font-size: 24px; color: #fff; padding: 0 20px;}
.digitalTechnology .col-12:nth-child(1) h5{background: url('../images/DT01.jpg') no-repeat;}
.digitalTechnology .col-12:nth-child(2) h5{background: url('../images/DT02.png') no-repeat;}
.digitalTechnology .col-12:nth-child(3) h5{background: url('../images/DT03.png') no-repeat;}
.digitalTechnology .box p{font-size: 14px; color: #394147; padding: 35px; line-height: 1.8em;}
.digitalTechnology .box .more{position: absolute; left: 50%; bottom: 30px; transform: translate(-50%,0); color: #2256eb;}

/*  */
.customer{padding: 120px 0 80px; background: #fbfbff;}
.customer .caseSwiper{position: relative; width: 100%;}
.customer .swiper-container{margin: 60px 0;}
.customer .swiper-container .swiper-slide{padding: 12px;}
.customer .swiper-container .box{background: #fff; box-shadow: 0 0 20px #e6e6e6; overflow: hidden; display: flex;}
.customer .swiper-container .pic{height: 100%; flex: 0 0 50%;}
.customer .swiper-container .pic img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.customer .swiper-container .con{padding: 40px 70px 0 40px; flex: 0 0 50%;}
.customer .swiper-container .con h5{font-size: 24px; color: #394147; margin: 20px 0; position: relative; z-index: 2;}
.customer .swiper-container .con h5::after{content: ''; background: url('../images/fh.png') no-repeat; width: 60px; height: 60px; background-size: cover; position: absolute; left: -20px; top: -20px; z-index: -1;}
.customer .swiper-container .con p{font-size: 14px; color: #6a7075; line-height: 26px; text-align: justify;}
.customer .swiper-button-prev , .customer .swiper-button-next{background: #eef3f9; width: 40px; height: 40px; border-radius: 50%; outline: none;}
.customer .swiper-button-prev{left: -80px;}
.customer .swiper-button-next{right: -80px;}
.customer .swiper-button-next:after,.customer  .swiper-button-prev:after{font-size: 20px; color: #80868b;}
.customer .swiper-pagination{width: 100px; right: 22%; left: unset; bottom: 25px;}
.customer .swiper-pagination-bullet{width: 20px; height: 3px; border-radius: 3px;}

.customer .nav{width: 100%;  height: 80px; justify-content: center; margin: 0 0 50px !important; border-bottom: 1px solid #d1dbdf;}
.customer .nav-link{background: none !important; outline: none !important; color: #6a7075 !important; font-size: 20px; line-height: 78px; padding: 0 1em !important; position: relative;}
.customer .nav-link.active{color: #2256eb !important;}
.customer .nav-link.active::after{content: ''; width: 80px; height: 2px; background: #2256eb; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-radius: 3px;}
.customer .row{margin: 0 -10px -40px;}
.customer .col-lg-2{flex: 0 0 12.5%; max-width: 12.5%; padding: 0 10px; margin-bottom: 40px;}
.customer .col-lg-2:nth-child(n+17){display: none;}
.customer .img{ border-radius: 20px; overflow: hidden; border: solid 1px #e6e6e6; background: #fff;}
.customer img{max-width: 100%; max-height: 100%; mix-blend-mode: multiply;}
.customer p{font-size: 16px; text-align: center; margin-top: 10px; color: #909aa5;}
.customer .logoBtn{background: #eef3f9; width: 40px; line-height: 40px; display: block; margin: 40px auto 0; text-align: center; border-radius: 50%; cursor: pointer;}
.customer .logoBtn.rotate{transform: rotate(180deg);}



/* 联系我们 */
.contacts{background: url('../images/bottomBG.jpg') no-repeat; text-align: center; background-size: cover; width: 100%; height: auto; padding: 70px 0;}
.contacts .icon{ border-radius: 50%; display: inline-block;}
.contacts p{font-size: 16px; color: #fbfbfb; margin-top: 30px;}
.contacts img{transition: all .3s;}
.contacts .box:hover img{ transform: translateY(-5px);}
.contacts a.box{display: block;}
.contacts a.box p{color: #fbfbfb; transition: all .3s;}
.contacts a.box .icon{position: relative;}
.contacts a.box .icon img{z-index: 99; position: relative; border-radius: 50%;}
.contacts a.box:hover p{color: #2256eb;}

/* 页脚 */
.footer{background: #151821; color: #909aa5;  font-size: 14px; line-height: 60px; text-align: center;}

/* 内页 */
.pageMain{background: #f6f8fb; padding: 80px 0;}
.conBox{width: 1360px; padding: 80px; display: block; margin: 80px auto 0;border-radius: 40px; background: #fff; position: relative;}
.conBox.topcon {border: solid 1px #ddd;}
.conBox.topcon .ti{font-size: 42px; font-weight: bold; }
.conBox .ti{font-size: 36px; color: #232428; text-align: center; padding-bottom: 40px; margin-bottom: 50px; position: relative;}
.conBox .ti::after{content: ''; background: #2256eb; width: 100px; height: 10px; border-radius: 5px; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); }
.conBox.topcon  .ti::after{content: ''; background: #ff2222; }
.conBox p{font-size: 18px; color: #909aa5; line-height: 40px; text-align: justify; text-indent: 2em;}
.conBox .img{margin: 80px auto 0; display: table;}
.conBox .img{mix-blend-mode: multiply;}
.pageMain .introPicA{background: none; margin: 80px auto; display: table;}
.conBox .felx-box{display: flex; flex-wrap: wrap; margin: 0 -20px;}
.conBox .felx-box .box{flex-basis: 33.33333%; padding: 0 20px;}
.conBox .felx-box .box-3{flex-basis: 25%; padding: 0 20px;}
.conBox .felx-box .box-6{flex-basis: 50%; padding: 0 20px;}
.conBox .felx-box .box h5{font-size: 24px; margin-bottom: 1em;}
.conBox .felx-box .box ul{padding-left: 1em;}
.conBox .felx-box .box ul li{list-style: circle; line-height: 1.5em; color: #888; margin-top: 20px;}

.conBox .Wbutton{display: table; margin: 0 auto;}
.conBox .Wbutton li{display: inline-block; padding: 0 15px;}
.conBox .Wbutton li a{display: block; padding: .5em 2em; font-size: 18px; border: solid 1px #e6e6e6; color: #666; border-radius: 10px; transition: all .3s;}
.conBox .Wbutton li a:hover{background: #2663ff; color: #fff;}

/* 弹窗 */
.contactModal{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999999; display: none;}
.contactModal .box{width: 1000px; height: 72%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-40%); background: #f1f4f9; border-radius: 0; padding: 60px 200px; overflow-y: auto; transition: all .5s; border-radius: 20px;}
.contactModal .box::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}

.contactModal .box::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: hsl(231, 20%, 80%);
  -webkit-box-shadow: none;
  border-radius: 10px;
}

.contactModal .box::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
}
.contactModal .title{font-size: 36px; color: #232527; text-align: center; margin-bottom: 60px;}
.contactModal .input{margin-bottom: 40px;}
.contactModal .input h6{font-size: 20px; color: #232527; margin-bottom: 20px;}
.contactModal .input input{width: 100%; height: 50px; box-shadow: inset 5px 5px 20px rgba(81, 113, 187, 0.20), inset -5px -5px 20px #fff; border: none; outline: none; background: #f1f4f9; border-radius: 10px; padding: 0 20px; color: #909aa5;}
.contactModal .input input::placeholder{color: #909aa5;}
.contactModal .input textarea{width: 100%; height: 200px; box-shadow: inset 5px 5px 20px rgba(81, 113, 187, 0.20), inset -5px -5px 20px #fff; border: none; outline: none; background: #f1f4f9; border-radius: 10px; padding: 20px 20px; color: #909aa5;}
.contactModal .input textarea::placeholder{color: #909aa5;}
.contactModal .inputFlex{display: flex; margin: 0 -20px 40px;}
.contactModal .inputFlex .inputS{flex: 0 0 50%; max-width: 50%; padding: 0 20px;}
.contactModal .send{width: 160px; line-height: 50px; text-align: center; display: table; margin: 40px auto 0; background: #2663ff; color: #fff; box-shadow:  8px 5px 20px rgba(38, 99, 255, 0.5),  -5px -5px 20px #fff; border-radius: 10px;}
.contactModal .icon-guanbi{position: absolute; top: 20px; right: 20px; color: #000; width: 50px; line-height: 50px; font-size: 30px; text-align: center; cursor: pointer;}

.doneModal{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999999; display: none;}
.doneModal .box{ width: 800px;;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-40%); background: #f1f4f9; border-radius: 0; padding: 60px 200px; overflow-y: auto; transition: all .5s;}
.doneModal .title{font-size: 36px; color: #232527; text-align: center; margin-bottom: 60px;}
.doneModal .okay{width: 160px; line-height: 50px; text-align: center; display: table; margin: 40px auto 0; background: #2663ff; color: #fff; box-shadow:  8px 5px 20px rgba(38, 99, 255, 0.5),  -5px -5px 20px #fff; border-radius: 10px;}
.doneModal .icon-guanbi{position: absolute; top: 20px; right: 20px; color: #000; width: 50px; line-height: 50px; font-size: 30px; text-align: center; cursor: pointer;}

.rightFixed{position: fixed; right: 20px; bottom: 100px; z-index: 999;}
.rightFixed li{position: relative; margin-bottom: 10px;}
.rightFixed li a{display: block; width: 50px; height: 50px; line-height: 48px; border: solid 1px #e1e7ed; background: #fff; text-align: center; font-size: 14px; position: relative;  color: #999; border-radius: 3px; position: relative;}
.rightFixed li a .iconfont.icon-lianxi1{font-size: 24px;}
.rightFixed li a .iconfont.icon-zixun1{font-size: 30px;}
.rightFixed li a .iconfont.icon--jiantou-shang{font-size: 30px;}
.rightFixed li a .iconfont.icon-bianjisekuai{font-size: 30px;}
.rightFixed li a.gw img{position: absolute; top: 0; right: 60px; transform: translate(10px,-30%); transition: all .3s; opacity: 0; visibility: hidden;}
.rightFixed li a.gw:hover img{transform: translate(0,-30%); opacity: 1; visibility:visible;}
.rightFixed li span{font-size: 14px;line-height: 1.2em; width: 50px; height: 50px; padding: 8px 5px; display: block; text-align: center;  border: solid 1px #e1e7ed; background: #fff; color: #999; border-radius: 3px; cursor: pointer;}
.rightFixed .con{position: absolute; right: 55px; bottom: 0; background: #fff; padding: 3px; width: 270px; border-radius: 3px; visibility: hidden; transform: translateY(10px); transition: all .3s; opacity: 0;}
.rightFixed .con .contactsW{border: solid 1px #e1e7ed; border-radius: 3px; padding: 30px 20px;}
.rightFixed .con .contactsW li{padding-left: 40px; font-size: 14px; color: #6a7075; line-height: 20px; margin-bottom: 30px;}
.rightFixed .con .contactsW li:last-child{margin-bottom: 0;}
.rightFixed .con .contactsW li::after{content: ''; width: 30px; height: 30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.rightFixed .con .contactsW li:nth-child(1)::after{background: url('../images/ri01.png') no-repeat;}
.rightFixed .con .contactsW li:nth-child(2)::after{background: url('../images/ri02.png') no-repeat;}
.rightFixed .con .contactsW li:nth-child(3)::after{background: url('../images/ri03.png') no-repeat;}
.rightFixed .con .contactsW li:nth-child(4)::after{background: url('../images/ri04.png') no-repeat;}
.rightFixed .con .contactsW li:nth-child(5)::after{background: url('../images/ri05.png') no-repeat;}
.rightFixed li:hover a{background: #2256eb; color: #fff; border: none;}
.rightFixed li:hover span{background: #2256eb; color: #fff; border: none;}
.rightFixed li:hover .con{visibility: visible;  transform: translateY(0); opacity: 1;}


/* 手机端 */
@media all and (max-width:767px) {
	.header{display: block; padding: 0 15px; background: #000; height: 60px;}
	.header.scroll{background: #000;}
	.header.pageHead{background: #fff;}
	.header .logo{line-height: 60px;}
	.header .logo img{width: 108px;}
	.header .menu{background: #000; position: absolute; left: 0; top: 60px; width: 100%; display: none; opacity: 1; padding: 20px 0;}
	.header .menu li{float: none; width: 100%; margin-left: 0;}
	.header .menu li a{padding: 0 20px; line-height: 50px;}
	.header .icon-caidan{position: absolute; right: 0 ; top: 0; width: 60px; line-height: 60px; color: #fff; font-size: 30px; text-align: center;}
	.header.pageHead .icon-caidan{color: #000;}
	.header.pageHead  .menu{background: #fff;}
	.header .icon-caidan{display: block;}
	.header .menu li.active{background: #2256eb;}
	.header .menu li::after{background: none;}
	.pageHead .menu li.active a{color: #fff;}
  
	.banner{width: 100%; height: auto; background: #040420; padding-top: 60px; overflow: hidden;}
	.banner .text{position: static; transform: none; padding: 50px 30px 30px;}
	.banner .text h5{font-size: 24px;}
	.banner .text h6{font-size: 20px; margin: 30px 0;}
	.banner .text a{font-size: 16px; width: 140px; line-height: 40px;}
	.banner .logo img{transform: unset;  max-width: 280px;}
	.bannerDAP{width: 100%; position: static; transform: none; text-align: center;}
	.banner img{position: static; width: 130%; height: auto; object-fit: cover; transform: translateX(-16%);}

	.ti{font-size: 30px;}
	.intro h5{font-size: 30px;}
	.intro{padding: 15px 0;margin: 0;}
	.intro::before{display: none;}
	.introPic{padding: 30px 0; margin: 0;}
	.introPic img{float: none; transform: none;}
	.introPic .con{position: static; width: 100%; transform: none; padding: 30px 0 0;}
  
	.mainbox{padding: 60px 15px;}
	.pageMain{padding-top: 120px;}
	.blue-ti{font-size: 36px; margin-bottom: 30px;}
  
	.container{width: 100%; max-width: 100%; padding: 0;}
	.gray-txt{width: 100% !important;}
	.introPic img{width: 100%;}
	.intro .video img{width: 100%;}
  
	.productSp .ti{font-size: 30px;}
	.productSp .col-lg-4{margin-bottom: 60px;}
	.productSp .box .p{padding: 25px;}

	.TechnicalSupport .nav{width: 100%;}
	.TechnicalSupport .nav-item{margin: 0;}
	.TechnicalSupport .nav-link{}
	.TechnicalSupport .tab-content .container{height: auto;}
	.TechnicalSupport .tab-content .JT{display: none;}
	.TechnicalSupport .tab-content .con{width: 100%; position: static; transform: none; padding: 60px 15px;}
	.TechnicalSupport .tab-content .con h6{text-align: center;}
	.TechnicalSupport .tab-content .gif{width: 100%; transform: none; position: static;}
	.JTP{display: block;}
	.JTP img{width: 100%;}
	
  
	.Applications .container{width: 100%; padding: 0;}
	.Applications .nav{margin: 0 0 40px !important; flex-direction: row !important; justify-content: space-between; position: static; border: none;}
	.Applications .NavArea{width: 100%;}
	.Applications .d-flex{display: block !important;}
	.Applications .nav-link{flex: 0 0 46%; max-width: 46%; width: 46%; margin-bottom: 30px; border-radius: 0;}
	.Applications .nav-link:nth-child(odd){border-right: solid 1px #ddd;}
	.Applications .nav-link.active::before{left: 10px;}
	.Applications .nav-link.active::after{display: none;}
	.Applications .tab-content{padding: 0; display: block; width: 100%;}
	.Applications .tab-content .con h5{text-align: center;}
  
	.digitalTechnology .row{margin: 80px 0 0;}
	.digitalTechnology .col-lg-4{margin-bottom: 40px; padding: 0;}
	.digitalTechnology .box{height: auto;}

	.customer .swiper-button-prev,.customer .swiper-button-next{display: none;}
	.customer .swiper-container .box{display: block; height: 100%;}
	.customer .swiper-container .pic{}
	.customer .swiper-container .con{padding: 40px 15px; height: 100%;}
	.customer .swiper-pagination{bottom: -5px; left: 50%; right: 0; transform: translate(-50%,0);}
  
	.customer .case{margin: 0 0 60px  !important;}
	.customer .case .col-12{padding: 0; margin-bottom: 30px;}
	.customer .row{margin: 0 ;}
	.customer .nav{width: 100%; height: auto;}
	.customer .nav-item{min-width: 50%;}
	.customer .nav-link{width: 100%; line-height: 60px;}
	.customer .col-6{flex: 0 0 50%; max-width: 50%; padding: 0 15px;}
	.customer .col-6:nth-child(n+7){display: none;}
  
	.contacts{padding: 40px 0 0;}
	.contacts .row{margin: 0;}
	.contacts .col-12{margin-bottom: 40px; padding: 0;}
	
	.conBox {width: 100%; padding: 50px 30px; margin: 60px auto 0;}
	.conBox .img img{ width: 100%;}
	.conBox .Wbutton{display: block; margin: 0 -10px;}
	.conBox .Wbutton li{display: block; padding: 0 10px; margin-bottom: 15px;}
	.conBox .Wbutton li a{display: block; padding: .5em 0; font-size: 18px; border: solid 1px #e6e6e6; color: #666; border-radius: 10px; transition: all .3s; width: 100%; text-align: center;}
	.conBox .Wbutton li a:hover{background: #2663ff; color: #fff;}
  
	.contactModal .box{width: 96%; height: 96vh; padding: 30px 20px;}
	.doneModal .box{width: 96%; height: auto; padding: 80px 20px;}
	.doneModal .title{font-size: 30px;}

	.rightFixed{display: none;}
	.pageMain{padding-top: 40px;}
	.conBox .ti{margin-bottom: 40px;}
	.pageMain .introPicA{margin-bottom: 0;}
	.pageMain .introPicA img{max-width: 100%;}

	.conBox .felx-box .box{flex-basis: 100%; padding: 0 20px;}
	.conBox .felx-box .box-3{flex-basis: 100%; padding: 0 20px;}
	.conBox .felx-box .box-6{flex-basis: 100%; padding: 0 20px;}
  }
  
  /* ipad - ipadPro */
  @media all and (min-width: 768px) and (max-width:1024px) {
  
	.header{display: block; padding: 0 15px; background: #000; height: 60px;}
	.header.scroll{background: #000;}
	.header.pageHead{background: #fff;}
	.header .logo{line-height: 60px;}
	.header .logo img{width: 108px;}
	.header .menu{background: #000; position: absolute; left: 0; top: 60px; width: 100%; display: none; opacity: 1; padding: 20px 0;}
	.header .menu li{float: none; width: 100%; margin-left: 0;}
	.header .menu li a{padding: 0 20px; line-height: 50px;}
	.header .icon-caidan{position: absolute; right: 0 ; top: 0; width: 60px; line-height: 60px; color: #fff; font-size: 30px; text-align: center;}
	.header.pageHead .icon-caidan{color: #000;}
	.header.pageHead  .menu{background: #fff;}
	.header .icon-caidan{display: block;}
	.header .menu li.active{background: #2256eb;}
	.header .menu li::after{background: none;}
	.pageHead .menu li.active a{color: #fff;}
  
	.banner{width: 100%; height: auto; background: #040420; padding-top: 60px; overflow: hidden;}
	.banner .text{position: static; transform: none; padding: 60px 30px;}
	.banner .text h5{font-size: 24px;}
	.banner .text h6{font-size: 20px; margin: 30px 0;}
	.banner .text a{font-size: 16px; width: 180px; line-height: 50px;}
	.banner .logo img{transform: unset;  max-width: 40%;}
	.bannerDAP{width: 80%; right: 0; transform: translate(10%, -50%);}
	.banner img{position: static; width: 100%; height: auto;}

	.ti{font-size: 30px;}
	.intro h5{font-size: 30px;}
	.intro{padding: 0;margin: 0 0 60px;}
	.intro::before{display: none;}
	.introPic{padding: 30px 0; margin: 0;}
	.introPic img{float: none; transform: none;}
	.introPic .con{position: static; width: 100%; transform: none; padding: 30px 0 0;}
  
	.mainbox{padding: 60px 15px;}
	.pageMain{padding-top: 120px;}
	.blue-ti{font-size: 36px; margin-bottom: 30px;}
  
	.container{width: 100%; max-width: 100%; padding: 0;}
	.gray-txt{width: 100% !important;}
	.introPic img{width: 100%;}
	.intro .video img{width: 100%;}
  
	.productSp .ti{font-size: 30px;}
	.productSp .col-lg-4{margin-bottom: 60px;}

	.TechnicalSupport .nav{width: 100%;}
	.TechnicalSupport .nav-item{margin: 0;}
	.TechnicalSupport .nav-link{}
	.TechnicalSupport .tab-content .container{height: auto;}
	.TechnicalSupport .tab-content .JT{display: table; top: unset; bottom: 0; position: relative; right: unset; transform: unset; margin: 150px auto;}
	.TechnicalSupport .tab-content .con{width: 100%; position: static; transform: none; padding: 60px 15px;}
	.TechnicalSupport .tab-content .con h6{text-align: center;}
	.TechnicalSupport .tab-content .gif{width: 100%; transform: none; position: static;}
	.JTP{display: none;}
	.JTP img{width: 100%;}
  
	.Applications .container{width: 100%; padding: 0;}
	.Applications .nav{margin: 0 0 40px !important; flex-direction: row !important; justify-content: space-between; position: static; border: none;}
	.Applications .NavArea{width: 100%;}
	.Applications .d-flex{display: block !important;}
	.Applications .nav-link{flex: 0 0 20%; max-width: 20%; width: 20%; margin-bottom: 0; border-radius: 0;}
	.Applications .nav-link{border-right: solid 1px #ddd;}
	.Applications .nav-link:last-child{border-right: none;}
	.Applications .nav-link.active::before{left: 10px;}
	.Applications .nav-link.active::after{display: none;}
	.Applications .tab-content{padding: 0; display: block; width: 100%;}
	.Applications .tab-content .con h5{text-align: center;}
  
	.digitalTechnology .row{margin: 80px 0 0;}
	.digitalTechnology .col-lg-4{margin-bottom: 40px; padding: 0;}
	.digitalTechnology .box{height: auto;}
	.digitalTechnology .box h5{background-size: cover !important; height: 160px; font-size: 28px;}

	.customer .swiper-button-prev,.customer .swiper-button-next{display: none;}
	.customer .swiper-container .box{display: block; height: 100%;}
	.customer .swiper-container .pic{}
	.customer .swiper-container .con{padding: 40px 15px; height: 100%;}
	.customer .swiper-pagination{bottom: -5px; left: 50%; right: 0; transform: translate(-50%,0);}
  
	.customer .case{margin: 0 0 60px  !important;}
	.customer .case .col-12{padding: 0; margin-bottom: 30px;}
	.customer .row{margin: 0 ;}
	.customer .nav{width: 100%; height: auto;}
	.customer .nav-item{min-width: 20%;}
	.customer .nav-link{width: 100%; line-height: 60px;}
	.customer .col-6{flex: 0 0 33.3333%; max-width: 33.3333%; padding: 0 15px;}
	.customer .col-6:nth-child(n+7){display: none;}
	.customer .swiper-container{margin-top: 30px;}
  
	.contacts{padding: 40px 0 0;}
	.contacts .row{margin: 0;}
	.contacts .col-12{margin-bottom: 40px; padding: 0; flex: 0 0 33.3333%;}
	
	.conBox {width: 100%; padding: 50px 30px; margin: 60px auto 0;}
	.conBox .img img{ width: 100%;}
  
	.contactModal .box{width: 96%; height: 96vh; padding: 30px 20px;}
	.doneModal .box{width: 96%; height: auto; padding: 80px 20px;}
	.doneModal .title{font-size: 30px;}
	.container{width: 100%; max-width: 100;}
	.mainbox{padding: 80px 30px 20px;}
	.pageMain{padding-top: 40px;}
	.conBox .ti{margin-bottom: 40px;}
	.pageMain .introPicA{margin-bottom: 0;}
	.pageMain .introPicA img{max-width: 100%;}
  
	.rightFixed{display: none;}
	.introPic img{max-width: 1200px;}
  
	.customer .nav-link{font-size: 16px;}
	.conBox{margin-top: 80px;}

}
  
  /* 1280-1366 */
  @media all and (min-width: 1280px) and (max-width:1366px) {
  
	.banner .text{left: 0;}
	.container{width: 1200px; max-width: 1200px;}
	.mainbox{padding: 80px 0;}
	.pageMain{padding-top: 140px;}
	.bannerDAP{width: 1000px; right: -120px;}
  
	.introPic img{max-width: 850px;}
	.TechnicalSupport .tab-content .gif{width: 640px;}
  
	.customer .nav-link{font-size: 16px;}
	.conBox{margin-top: 80px;}
	.p0{padding: 0;}
	.TechnicalSupport .nav{width: 100%;}
	.pageMain{padding-top: 60px;}
	.conBox{width: 1200px;}
	.customer.animate .swiper-container .box{height: 440px;}

}

/* 1440-1600 */
@media all and (min-width: 1440px) and (max-width:1600px) {
	.container{width: 1300px;}
	.customer.animate .swiper-container .box{height: 440px;}

}

/* 首页动效 */
@media all and (min-width: 1200px) and (max-width:3840px) {

	.banner .logo{transform: translateY(30px); opacity: 0; transition: all .5s;}
	.banner.animate .logo{transform: translateY(0); opacity: 1;}

	.banner .text h6{transform: translateY(30px); opacity: 0; transition: all .5s; transition-delay: .3s;}
	.banner.animate  .text h6{transform: translateY(0); opacity: 1;}

	.banner .text a{transform: translateY(30px); opacity: 0; transition: all .5s; transition-delay: .6s;}
	.banner.animate  .text a{transform: translateY(0); opacity: 1;}

	.banner .bannerDAP img{opacity: 0; transition: all .5s; transform: scale(0);}
	.banner.animate .bannerDAP img{opacity: 1; transform: scale(1); transition-delay: .6s;}

	.intro{opacity: 0; transition: all .5s; transition-delay: .8s;}
	.intro::before{opacity: 0; transition: all .5s; transition-delay: 1.8s;}
	.intro h5{transform: translateY(30px); opacity: 0; transition: all .5s; transition-delay: 1s;}
	.intro h5::before{width: 0; border-left: 0; transition: all .5s;  transition-delay: 1.2s;} 
	.intro p{transform: translateY(30px); opacity: 0; transition: all .5s; transition-delay: 1.5s;}
	.intro.animate { opacity: 1;}
	.intro.animate  h5{transform: translateY(0); opacity: 1;}
	.intro.animate  h5::before{width: 150px; border-left: solid 100px #2256eb;}
	.intro.animate::before{opacity: 1;}
	.intro.animate  p{transform: translateY(0); opacity: 1;}

	.rightFixed{opacity: 0; transform: translateX(20px); transition: all .5s; transition-delay: 1.8s;}
	.rightFixed.animate{opacity: 1; transform: translateX(0);}

	.introPic img{transform: translate(-150px, 20px) scale(0); transition: all .8s;}
	.introPic .con{opacity: 0; transform: translateY(-15%); transition: all .5s; transition-delay: .8s;}
	.introPic.animate img{transform: translate(-150px,0) scale(.85); }
	.introPic.animate .con{opacity: 1; transform: translateY(-25%);}

	.productSp{opacity: 1; transform: translateY(30px); transition: all .5s;}
	.productSp .ti{transform: translateY(30px); opacity: 0; transition: all .5s; transition-delay: .3s;}
	.productSp .col-12{transform: translateY(30px); opacity: 0; transition: all .3s;}
	.productSp .col-12:nth-child(1){transition-delay: .6s;}
	.productSp .col-12:nth-child(2){transition-delay: .8s;}
	.productSp .col-12:nth-child(3){transition-delay: 1s;}
	.productSp .col-12:nth-child(4){transition-delay: 1.2s;}
	.productSp .col-12:nth-child(5){transition-delay: 1.4s;}
	.productSp .col-12:nth-child(6){transition-delay: 1.6s;}

	.productSp.animate{opacity: 1; transform: translateY(0); }
	.productSp.animate .ti{transform: translateY(0); opacity: 1; }
	.productSp.animate .col-12{transform: translateY(0); opacity: 1; }

	.TechnicalSupport .ti{transform: translateY(30px); opacity: 0; transition: all .5s;}
	.TechnicalSupport .gray-txt p{transform: translateY(30px); opacity: 0; transition: all .5s; transition-delay: .3s;}
	.TechnicalSupport .nav{transform: translateY(30px); opacity: 0; transition: all .5s; transition-delay: .6s;}
	.TechnicalSupport .tab-content .con{transform: translate(-30px,-50%); opacity: 0; transition: all .5s; transition-delay: .8s;}
	.TechnicalSupport .tab-content .JT{transform: translate(30px,-50%); opacity: 0; transition: all .5s; transition-delay: .8s;}
	.TechnicalSupport.animate .ti{transform: translateY(0); opacity: 1; }
	.TechnicalSupport.animate .gray-txt p{transform: translateY(0); opacity: 1;}
	.TechnicalSupport.animate .nav{transform: translateY(0); opacity: 1;}
	.TechnicalSupport.animate .tab-content .con{transform: translate(0,-50%); opacity: 1;}
	.TechnicalSupport.animate .tab-content .JT{transform: translate(0,-50%); opacity: 1;}

	.Applications .ti{transform: translateY(30px); opacity: 0; transition: all .5s;}
	.Applications .gray-txt p{transform: translateY(30px); opacity: 0; transition: all .5s; transition-delay: .3s;}
	.Applications .nav{transform: translateX(-30px); opacity: 0; transition: all .5s; transition-delay: .8s;}
	.Applications .tab-content{transform: translateX(30px); opacity: 0; transition: all .5s; transition-delay: .8s;}
	.Applications.animate .ti{transform: translateY(0); opacity: 1; }
	.Applications.animate .gray-txt p{transform: translateY(0); opacity: 1;}
	.Applications.animate .nav{transform: translateX(0); opacity: 1; }
	.Applications.animate .tab-content{transform: translateX(0); opacity: 1; }

	.digitalTechnology{opacity: 1; transition: all .5s;}
	.digitalTechnology .ti{transform: translateY(30px); opacity: 0; transition: all .5s; transition-delay: .3s;}
	.digitalTechnology .col-12{transform: translateY(30px); opacity: 0; transition: all .5s;}
	.digitalTechnology .col-12:nth-child(1){transition-delay: .6s;}
	.digitalTechnology .col-12:nth-child(2){transition-delay: .8s;}
	.digitalTechnology .col-12:nth-child(3){transition-delay: 1s;}
	.digitalTechnology.animate{opacity: 1;}
	.digitalTechnology.animate .ti{transform: translateY(0); opacity: 1;}
	.digitalTechnology.animate .col-12{transform: translateY(0); opacity: 1;}

	.customer .ti{transform: translateY(30px); opacity: 0; transition: all .5s;}
	.customer .swiper-container{transform: translateY(30px); opacity: 0; transition: all .5s; transition-delay: .3s;}
	.customer .swiper-button-next{transform: translateX(30px); opacity: 0; transition: all .5s; transition-delay: .6s;}
	.customer .swiper-button-prev{transform: translateX(-30px); opacity: 0; transition: all .5s; transition-delay: .6s;}
	.customer.animate .ti{transform: translateY(0); opacity: 1;}
	.customer.animate .swiper-container{transform: translateY(0); opacity: 1; }
	.customer.animate .swiper-button-next{transform: translateX(0); opacity: 1;}
	.customer.animate .swiper-button-prev{transform: translateX(0); opacity: 1;}

	.customer .nav{transform: translateY(30px); opacity: 0; transition: all .6s;}
	.customer .tab-content .col-lg-2{transform: translateY(30px); opacity: 0; transition: all .5s;}
	.customer .tab-content .col-lg-2:nth-child(1){transition-delay: .2s;}
	.customer .tab-content .col-lg-2:nth-child(2){transition-delay: .3s;}
	.customer .tab-content .col-lg-2:nth-child(3){transition-delay: .4s;}
	.customer .tab-content .col-lg-2:nth-child(4){transition-delay: .5s;}
	.customer .tab-content .col-lg-2:nth-child(5){transition-delay: .6s;}
	.customer .tab-content .col-lg-2:nth-child(6){transition-delay: .7s;}
	.customer .tab-content .col-lg-2:nth-child(7){transition-delay: .8s;}
	.customer .tab-content .col-lg-2:nth-child(8){transition-delay: .9s;}
	.customer .tab-content .col-lg-2:nth-child(9){transition-delay: 1s;}
	.customer .tab-content .col-lg-2:nth-child(10){transition-delay: 1.1s;}
	.customer .tab-content .col-lg-2:nth-child(11){transition-delay: 1.2s;}
	.customer .tab-content .col-lg-2:nth-child(12){transition-delay: 1.3s;}
	.customer .tab-content .col-lg-2:nth-child(13){transition-delay: 1.4s;}
	.customer .tab-content .col-lg-2:nth-child(14){transition-delay: 1.5s;}
	.customer .tab-content .col-lg-2:nth-child(15){transition-delay: 1.6s;}
	.customer .tab-content .col-lg-2:nth-child(16){transition-delay: 1.7s;}
	.customer .nav.animate{transform: translateY(0); opacity: 1;}
	.customer .tab-content.animate .col-lg-2{transform: translateY(0); opacity: 1; }


}

/* Message Board */
   .slides{position:fixed;right:0;top:45%}
.slides .slideul > li{position:relative;display:block;width:56px;height:56px;margin-bottom:10px;overflow:visible}
.slides .slideul > li.kefu{width:66px;padding-left:10px;margin-left:-10px}
.slides .slideul > li ul.kefulist{position:absolute;left:-150px;top:-1px;padding-right:10px;display:none}
.slides .slideul > li ul.kefulist li{margin-bottom:10px}
.slides .slideul > li ul.kefulist li a{display:block;width:156px;height:56px;line-height:30px;background:#01b0f1;color:#fff;text-align:center;text-decoration:none}
.slides .slideul > li ul.kefulist li a:hover{text-decoration:none}
.t1{font-size:15px;font-weight:bold}
#newBridge #nb_icon_wrap{display:none}