@charset "utf-8";

/* ===================首页样式========================== */
.section {position: relative; padding: 100px 0px; background-color: #fff;overflow: hidden;}
.section .indBg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
.section .indBg img{width: 100%;height: 100%;object-fit: cover;}

.section.banner {padding: 0;background-color: #000000;}
.clockF{width: 27.7%; transform:scale(4); opacity: 0; transition:all 0.8s ease-in-out; padding-bottom: 31.875%; height: 0;   z-index: 1002; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.clockF img{width: 100%; height:auto;}
.clockF.active{transform:scale(1); opacity: 1;}
#clock{width: 280px; height: 280px; /*background: radial-gradient(circle at 50% 50%,rebeccapurple,royalblue); */ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; z-index: 20; }

.clockDevelNum{overflow: visible;}
.clockDevelNum .numP{position: absolute; height: 40px; opacity: 0.22;  line-height: 40px; color: #fff; }
.clockDevelNum .numP img{width: auto;}
.clockDevelNum .numP6{left: -40px; top: 22%; transition:all 0.5s; }
.clockDevelNum .numP1{left: 0; right: 0; text-align: center;top: 0; transition:all 0.5s;}
.clockDevelNum .numP2{top: 22%; right: -40px; text-align: center; transition:all 0.5s;}
.clockDevelNum .numP3{right: -40px;  bottom: 22%; transition:all 0.5s;}
.clockDevelNum .numP4{bottom: 0; left: 0; right: 0; text-align: center; transition:all 0.5s;}
.clockDevelNum .numP5{bottom: 22%; left: -40px; transition:all 0.5s;}
.clockDevelNum .numP.active {transform: scale(1); -webkit-transform: scale(1); opacity: 1; }

.pc-banner {width: 100%; height: 58.5%; transform:scale(1.35); opacity: 0; transition: all 4s;  position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 10000; }
.pc-banner.active {transform:scale(1); opacity: 1;}

.pc-banner .swiper-slide {-webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.7); transform: scale(0.7); }

@media screen and (max-width: 668px) {
	.pc-banner .swiper-slide {-webkit-transform: scale(0.97); transform: scale(0.97); }
}

.pc-banner .swiper-slide-active,.pc-banner .swiper-slide-duplicate-active {-webkit-transform: scale(1); transform: scale(1); }

@media screen and (max-width: 668px) {
	.pc-banner .swiper-slide-active,.pc-banner .swiper-slide-duplicate-active {-webkit-transform: scale(0.97); transform: scale(0.97); }
}

.pc-banner .none-effect {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
.pc-banner .swiper-slide a {background: #fff; padding:10px; display: block; border-radius: 6px; }
.pc-banner .swiper-slide img {width: 100%; display: block; }

.pc-banner .swiper-button-next,.pc-banner .swiper-button-prev {width: 100px;height: 100%;top: 0;background: none;}
.pc-banner .swiper-button-next {right: 0;}
.pc-banner .swiper-button-prev {left: 0;}

.indTitle {margin: 0px 0px 80px;font-family: "COLFAX Bold";position: relative;text-align: center;text-transform: uppercase;}
.indTitle span { display: block; width: 100%; color: transparent; font-size: 145px; line-height: 145px; position: relative; -webkit-text-stroke: 1px rgba(255, 255, 255, .2);}
.indTitle .indTitle-h4 {width: 100%; color: #ffffff;font-size: 70px;line-height: 1;position: absolute; top: 50%; text-align: center; font-weight: bold; -webkit-transform: translateY(-50%); }

.section.news .indTitle span {-webkit-text-stroke: 1px rgba(0, 0, 0, .2);}
.section.news .indTitle .indTitle-h4 {color: #333333;}

.section.into {background-color: #4612a4;}
.testSwiper {background-color: #ffffff;border-radius: 100px;}    
.testSwiper .swiper-slide {display: flex;align-items: center;}
.testSwiper .swiper-slide .info {display: flex;align-items: center;justify-content: center;width: 100px;height: 150px;position: relative; background: #fff; }
.testSwiper .swiper-slide .info .img {width: 60px; height: 60px; overflow: hidden; background-color: #4612a4; background-image: url(../images/test-info-icon.png); background-repeat: no-repeat; background-position: center; border-radius: 50%; line-height: 60px; font-size: 24px; }
.testSwiper .swiper-slide .info .img img {border:none;width: 100%;height: 100%;display: block;}
.testSwiper .swiper-slide .content {flex: 1;padding-right: 50px;}
.testSwiper .swiper-slide .content .des {font-size: 14px; font-weight: normal;line-height: 26px; }
.testSwiper .swiper-slide .content .name {color: #666;font-size: 14px;text-align: right;}

.testSwiper .swiper-pagination {display: flex;align-items: center;justify-content: center;}
.testSwiper .swiper-pagination .swiper-pagination-bullet {width: 4px;height: 4px;}
.testSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 6px;height: 6px;background-color: #000000;}

.hzList{width: 100%; position: relative; perspective: 1000px; -webkit-perspective: 1000px; }
.hzList ul{display: flex; position: relative; flex-wrap: wrap; transform: perspective(1000px) rotateX(52deg); transform-style: preserve-3d; }
.hzList ul li{width: 13%; margin-right: 1.5%; margin-bottom: 1vw; background-color: #fff; border-radius: 5px; overflow: hidden; -webkit-transition: all .5s; }
.hzList ul li:hover{transform: translateZ(20px); }
.hzList ul li .tips{width: 100%; height: auto; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); font-size: 16px; font-weight: bold; transform: translateZ(20px); color: #fff; text-shadow: 0px 0px 5px rgba(0,0,0,.1); }
.hzList ul li:nth-child(7n){margin-right: 0%;}
.hzList ul li .pic{background: center center no-repeat; background-size: cover; }

.section.section.service {padding: 0;}
.section.service ul li {height:100vh;position:relative;overflow:hidden;}
.section.service ul li .container {height: 100%;display:flex;align-items: center;}
.section.service ul li:nth-child(even) .container {justify-content: flex-end; text-align: right; }
.section.service ul li .bgs{width:100%;height:100%;position:absolute;left:0%;top:0%;background-size: cover;background-position:center center;background-repeat: no-repeat;/*background-attachment:fixed*/}
.section.service ul li .bgs.bgs1{background-image:url(../images/homeAppBg.jpg)}
.section.service ul li .bgs.bgs2{background-image:url(../images/homeAppBg2.jpg)}
.section.service ul li .bgs.bgs3{background-image:url(../images/homeAppBg3.jpg)}

.section.service ul li .info {position: relative; z-index: 2; width: 50%;}
.section.service ul li .info .num{font-family:"COLFAX Bold";font-size: 120px;color:transparent;-webkit-text-stroke:3px rgba(0,0,0,.3);line-height:1.2;width:100%}
.section.service ul li .info .txt{width:100%;position:relative;/*margin-bottom:40px;*/}
.section.service ul li .info .txt .name{position:relative;font-size:70px;font-weight:bold;line-height:1.3;/*margin-bottom:10px;*/}
.section.service ul li .info .txt .des{font-size:18px;line-height:1.35;margin-top:18px;color:#4C4C4C}

.section.service .list {margin: 40px 0px; font-size: 22px; color: #000; line-height: 1.4; font-weight: bold; }
.section.service .list table {display: inline-table; margin: 0; }
.section.service .list table tr + tr td {padding-top: 20px; }
.section.service .list table tr td + td {padding-left: 24px; }
.section.service .list table tr td h3 a {font-weight: bold;}
.section.service ul li .enter{width:200px;height:60px;color:#fff;border-radius:60px;overflow: hidden;display:flex;align-items:center;justify-content:center;text-transform:uppercase;position:relative;float:left;-webkit-transition:all .35s}
.section.service ul li .enter::before{width:100%;height:100%;border-radius:60px;background:#0368d9;position:absolute;left:0%;top:0%;content:'';z-index:-1;}
.section.service ul li .enter::after{content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/high-light.png) no-repeat center center; -webkit-background-size: auto 100%; background-size: auto 100%; animation: high 2.4s cubic-bezier(0.23, 0.04, 0.51, 0.8) 0s infinite; }
.section.service ul li .enter .icon {display: block;width: 24px;height: 24px;background: url(../images/icon-arrow.png) no-repeat center;}
.section.service ul li:nth-child(even) .enter {float: right;}

@-webkit-keyframes high {
  	0% {
		left: -100%;
  	}
  	100% {
		left: 100%;
	}
}

.section.service ul li .enter:hover {-webkit-transform:scale(1.06,1.12)}
.section.service ul li .enter .byte{font-size:16px;margin-right:10px;position:relative}
.section.service ul li .enter i{font-size:24px;position:relative}

.section.solution {height: 100vh;}
.section.solution .bg-circle {position: absolute; top: -10%; left: -22.5%; width: 800px; height: auto; max-width: 35%; max-height: 98%; }
.section.solution .bg-circle img {width: 100%;}
.section.solution .bg-circle0 {top: -22%;left: auto;right:-22.5%;}
.section.solution .solution-cont {position: absolute; bottom: 21.6%; left: 50%; transform: translateX(-50%);}
.section.solution .solution-cont .LiaoImg {position: absolute; width: 70%; left: 50%; margin-left: -35%; top: -25.17%; z-index: 410; }
.section.solution .solution-cont .solution-cont_round {animation: rotate 14s linear infinite paused; -webkit-animation: rotate 14s linear infinite paused;transform-origin: 50% 50%;z-index: -1;}
.section.solution .solution-cont:hover .solution-cont_round{ animation-play-state:running; -webkit-animation-play-state:running;}
.solution-cont_mid {position: absolute; width: 92.38%; top: -23px; left: 7.7%; z-index: 403; }
.solution-cont_mid .solution-cont_mid_info {position: absolute; bottom: 10.05%; left: 24.08%; }
.solution-cont_mid .solution-cont_mid_info .solution-cont_mid_info_desc {padding-left: 32px; position: relative; background-image: url(../images/wzDh.png); background-repeat: no-repeat; background-position: left top; }
.solution-cont_mid .solution-cont_mid_info .solution-cont_mid_info_desc strong {color: #353535; font-size: 18px; }
.solution-cont_mid .solution-cont_mid_info .solution-cont_mid_info_desc p {position: relative; overflow: hidden; }
.solution-cont_mid .solution-cont_mid_info .solution-cont_mid_info_desc p span {display: inline-block; color: #353535; font-size: 15px; line-height: 40px; border-bottom: 1px solid #d9d9d9; }
.solution-cont_mid .solution-cont_mid_info .solution-cont_mid_info_desc a.more {height: 32px; line-height: 30px; border-radius: 30px; margin-top: 30px; padding: 0 22px; border: 1px #e1e1e1 solid; display: block; background: #fff; color: #b5b5b5; width: 130px; }
.solution-cont_mid .solution-cont_mid_info .solution-cont_mid_info_desc a.more:after {content: "+"; display: block; float: right; }
.solution-cont_mid .solution-cont_mid_info .solution-cont_mid_info_desc a.more:hover {color: #0368d9; border-color: #0368d9; }

.section.solution .solution-cont .round {
    width: 162px;
    height: 162px;
    text-align: center;
    position: absolute;
    z-index: 405;

}
.section.solution .solution-cont .round.round1 {
    top: 3%;
	left: -100px;
}
.section.solution .solution-cont .round.round2 {
    top: 24.6%;
    left: -30px;
}
.section.solution .solution-cont .round.round3 {
    top: 31.6%;
    right: -150px;
}

.section.solution .solution-cont .round .mid_cell {
	width: 100%;
	height: 100%;
    border-radius: 50%;
    overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #ffffff;
    animation: lg1 2s linear alternate infinite;
    -webkit-animation: lg1 2s linear alternate infinite;
}
.section.solution .solution-cont .round.round1 .mid_cell {
    background: url(../images/YelloewYY.png);
}
.section.solution .solution-cont .round.round2 .mid_cell {
    background: url(../images/blackYY.png);
}
.section.solution .solution-cont .round.round3 .mid_cell {
    background: url(../images/blueYY.png);
}

.section.solution .solution-cont .round .mid_num  {
	position: relative;
	margin-bottom: 12px;
}
.section.solution .solution-cont .round .mid_num .num {
	font-family: "Candara";
	font-size: 24px;
}
.section.solution .solution-cont .round .mid_num .line {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 10px;
    height: 1px;
    background: #fff;
    display: inline-block;
}

.section.solution .solution-cont .round.round4 {
    left: -226px;
    top: 28.6%;
    z-index: 401;
}
.section.solution .solution-cont .round.round5 {
    left: -90px;
    top: 28.6%;
    z-index: 401;
}
.section.solution .solution-cont .round.round6 {
    right: -130px;
    top: 28.6%;
    z-index: 401;
}
.section.solution .solution-cont .round.round7 {
    right: -266px;
    top: 28.6%;
    z-index: 401;
}
.section.solution .solution-cont .round.round4 .mid_cell {
    background: url(../images/YelloewYY.png);
}
.section.solution .solution-cont .round.round5 .mid_cell {
    background: url(../images/blackYY.png);
}
.section.solution .solution-cont .round.round6 .mid_cell {
    background: url(../images/redYY.png);
}
.section.solution .solution-cont .round.round7 .mid_cell {
    background: url(../images/blueYY.png);
}
.section.solution .solution-cont .round .mid_icon .line {
    width: 10px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 12px auto 6px;
}


@keyframes lg1 {
    0% { transform:translateX(0); -webkit-transform:translateX(0)}
    100% {  transform:translateX(-10px);-webkit-transform:translateX(-10px) }
}

@-webkit-keyframes lg1 {
    0% { transform:translateX(0); -webkit-transform:translateX(0)}
    100% {  transform:translateX(-10px);-webkit-transform:translateX(-10px) }
}

@keyframes lg2 {
     0% { transform:translateX(0);-webkit-transform:translateX(0)}
    100% {  transform:translateX(10px); -webkit-transform:translateX(10px)}
}

@-webkit-keyframes lg2 {
     0% { transform:translateX(0)}
    100% {  transform:translateX(10px);-webkit-transform:translateX(10px) }
}

@keyframes rotate{
  0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}
  100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
   0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}
  100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
  0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}
  100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    
}

@media all and (max-width:1439px) {
    /* 1360 */
  
}

@media all and (max-width:1359px) {
    /* 1280 */
    
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    
}

@media all and (max-width:1151px) {
    /* 1024 */
  
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .clockF {width: 90%;background-color: #fff;}
    .clockDevelNum {display: none;}

    .section {padding: 40px 0px;}
    .indTitle {margin: 0px 0px 40px;}
    .indTitle span {font-size: 54px;line-height: 1;}
    .indTitle .indTitle-h4 {font-size: 35px;}

    .section.service ul li {height: auto;}
    .section.service ul li .bgs {height: 100vw;position: relative;}
    .section.service ul li .info {position: static;width: 100%;padding: 30px 0px;}
    .section.service ul li .container,
    .section.service ul li:nth-child(even) .container {text-align: center;}
    .section.service ul li .info .num {font-size: 60px;}
    .section.service ul li .info .txt .name {font-size: 30px;}
    .section.service .list {font-size: 16px;margin: 20px 0px 10px;}
    .section.service .list table tr td + td {padding-left: 48px;}
    .section.service ul li .enter {display: none;}
    
  
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .section.banner {height: 500px;}
    
    .testSwiper {background-color: transparent;border-radius: 0;}
    .testSwiper .swiper-slide .info {display: none;}
    .testSwiper .swiper-slide .content {padding-right: 0px;}
    .testSwiper .swiper-slide .content .des {color: #ffffff;}
    .testSwiper .swiper-slide .content .name {color: #ffffff;}

    .testSwiper .swiper-pagination {position: static;}
    .testSwiper .swiper-pagination .swiper-pagination-bullet {background-color: #fff;}
    .testSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;}

    .hzList {margin-top: -10vh;}
    .hzList ul li {width: 23.5%;}
    .hzList ul li:nth-child(7n) {margin-right: 1.5%;}
    .hzList ul li:nth-child(4n) {margin-right: 0;}


    .section.solution .solution-cont {width: 92%;}
    .solution-cont_mid .solution-cont_mid_info {left: 14.08%;}
    .solution-cont_mid .solution-cont_mid_info .solution-cont_mid_info_desc p span {font-size: 10px;}
   
}

@media all and (max-width:450px) {
    .section.solution .solution-cont .LiaoImg {width: 60%;margin-left: -30%;top: -28.25%;}
    .section.solution .solution-cont .round {width: 145px;height: 145px;}
    .solution-cont_mid .solution-cont_mid_info {bottom: 13.125%;}
    .solution-cont_mid .solution-cont_mid_info .solution-cont_mid_info_desc a.more {
        display: none;
    }
}