@charset "utf-8";

.btnItemST_pic{
border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
}

#navSTUl li a{
border-radius:20px;
-ms-border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-o-border-radius:20px;
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
#navSTUl li a:hover{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}


.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  0% {
    opacity: 0;

  }
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

@keyframes scaleST {
  0% {
    transform:scale(1,1);
-ms-transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
  }
  50% {
    transform:scale(0,1);
-ms-transform:scale(0,1);
-moz-transform:scale(0,1);
-webkit-transform:scale(0,1);
-o-transform:scale(0,1);
  }
  100% {
    transform:scale(1,1);
-ms-transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
  }
}


#customerST{
	background-image:-webkit-linear-gradient(to bottom, #014084, #0092dd); 
	background-image:linear-gradient(to bottom, #014084, #0092dd);
}


.wrapperST_tit_cn{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.wrapperST_tit_en{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.wrapperST_tit_line{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.wrapperST_txt{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

.active .wrapperST_tit_cn{
transition: all 1s 1s;
-ms-transition: all 1s 1s;
-moz-transition: all 1s 1s;
-webkit-transition: all 1s 1s;
-o-transition: all 1s 1s;
}
.active .wrapperST_tit_en{
transition: all 1s 1.5s;
-ms-transition: all 1s 1.5s;
-moz-transition: all 1s 1.5s;
-webkit-transition: all 1s 1.5s;
-o-transition: all 1s 1.5s;
}
.active .wrapperST_tit_line{
transition: all 1s 2s;
-ms-transition: all 1s 2s;
-moz-transition: all 1s 2s;
-webkit-transition: all 1s 2s;
-o-transition: all 1s 2s;
}

.active .wrapperST_txt{
transition: all 1s 2.5s;
-ms-transition: all 1s 2.5s;
-moz-transition: all 1s 2.5s;
-webkit-transition: all 1s 2.5s;
-o-transition: all 1s 2.5s;
}

#box_newsST{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.active #box_newsST{
transition: all 1s 2.5s;
-ms-transition: all 1s 2.5s;
-moz-transition: all 1s 2.5s;
-webkit-transition: all 1s 2.5s;
-o-transition: all 1s 2.5s;
}

.wrapperST_more{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.active .wrapperST_more{
transition: all 1s 3s;
-ms-transition: all 1s 3s;
-moz-transition: all 1s 3s;
-webkit-transition: all 1s 3s;
-o-transition: all 1s 3s;
}

.btnItemST{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.active .btnItemST:first-child{
transition: all 1s 4s;
-ms-transition: all 1s 4s;
-moz-transition: all 1s 4s;
-webkit-transition: all 1s 4s;
-o-transition: all 1s 4s;
}
.active .btnItemST:nth-child(2){
transition: all 1s 3.5s;
-ms-transition: all 1s 3.5s;
-moz-transition: all 1s 3.5s;
-webkit-transition: all 1s 3.5s;
-o-transition: all 1s 3.5s;
}
.active .btnItemST:nth-child(3){
transition: all 1s 3s;
-ms-transition: all 1s 3s;
-moz-transition: all 1s 3s;
-webkit-transition: all 1s 3s;
-o-transition: all 1s 3s;
}

.active .btnItemST:nth-child(4){
transition: all 1s 3s;
-ms-transition: all 1s 3s;
-moz-transition: all 1s 3s;
-webkit-transition: all 1s 3s;
-o-transition: all 1s 3s;
}
.active .btnItemST:nth-child(5){
transition: all 1s 3.5s;
-ms-transition: all 1s 3.5s;
-moz-transition: all 1s 3.5s;
-webkit-transition: all 1s 3.5s;
-o-transition: all 1s 3.5s;
}
.active .btnItemST:nth-child(6){
transition: all 1s 4s;
-ms-transition: all 1s 4s;
-moz-transition: all 1s 4s;
-webkit-transition: all 1s 4s;
-o-transition: all 1s 4s;
}

#contactST_con{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.active #contactST_con{
transition: all 1s 2.5s;
-ms-transition: all 1s 2.5s;
-moz-transition: all 1s 2.5s;
-webkit-transition: all 1s 2.5s;
-o-transition: all 1s 2.5s;
}

.btnItemST_pic{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.btnItemST:hover .btnItemST_pic{border:2px solid rgba(217,47,24,1); background:rgba(217,47,24,1);  animation: scaleST 1s ease forwards; transition: all 0.5s 0.5s;
-ms-transition: all 0.5s 0.5s;
-moz-transition: all 0.5s 0.5s;
-webkit-transition: all 0.5s 0.5s;
-o-transition: all 0.5s 0.5s; }

#carST{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.carSTItem{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.carSTItem_pic{
	border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.carSTItem:hover .carSTItem_pic{
	transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.carSTItem_dot span{
border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
}

.carSTItem_dot0{
	animation: radiation 1s ease-out infinite;
}

.carSTItem:hover .carSTItem_dot0{
	animation: radiation 0.5s ease-out infinite;
}

.active #carST{
transition: all 1s 2.5s;
-ms-transition: all 1s 2.5s;
-moz-transition: all 1s 2.5s;
-webkit-transition: all 1s 2.5s;
-o-transition: all 1s 2.5s;
}

.active .carSTItem{
transition: all 1s 3.5s;
-ms-transition: all 1s 3.5s;
-moz-transition: all 1s 3.5s;
-webkit-transition: all 1s 3.5s;
-o-transition: all 1s 3.5s;
}

@keyframes radiation {
  0% {
    transform:scale(1,1);
-ms-transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
background:rgba(218,59,30,1);
  }
  100% {
    transform:scale(3,3);
-ms-transform:scale(3,3);
-moz-transform:scale(3,3);
-webkit-transform:scale(3,3);
-o-transform:scale(3,3);
background:rgba(218,59,30,0);
  }
}


.cusItemST:hover .carSTItem_dot0{
	animation: radiation 0.5s ease-out infinite;
}

.cusItemST{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

#mapST{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

.active #mapST{
transition: all 1s 2.5s;
-ms-transition: all 1s 2.5s;
-moz-transition: all 1s 2.5s;
-webkit-transition: all 1s 2.5s;
-o-transition: all 1s 2.5s;
}

.active #zhongguoST{
transition: all 1s 3s;
-ms-transition: all 1s 3s;
-moz-transition: all 1s 3s;
-webkit-transition: all 1s 3s;
-o-transition: all 1s 3s;
}
.active #eluosiST{
transition: all 1s 3.5s;
-ms-transition: all 1s 3.5s;
-moz-transition: all 1s 3.5s;
-webkit-transition: all 1s 3.5s;
-o-transition: all 1s 3.5s;
}
.active #yinduST{
transition: all 1s 4s;
-ms-transition: all 1s 4s;
-moz-transition: all 1s 4s;
-webkit-transition: all 1s 4s;
-o-transition: all 1s 4s;
}
.active #xibanyaST{
transition: all 1s 4.5s;
-ms-transition: all 1s 4.5s;
-moz-transition: all 1s 4.5s;
-webkit-transition: all 1s 4.5s;
-o-transition: all 1s 4.5s;
}
.active #meiguoST{
transition: all 1s 5s;
-ms-transition: all 1s 5s;
-moz-transition: all 1s 5s;
-webkit-transition: all 1s 5s;
-o-transition: all 1s 5s;
}
.active #baxiST{
transition: all 1s 5.5s;
-ms-transition: all 1s 5.5s;
-moz-transition: all 1s 5.5s;
-webkit-transition: all 1s 5.5s;
-o-transition: all 1s 5.5s;
}


#closeST{
	border-radius:50%; 
    -moz-border-radius:50%; 
    -webkit-border-radius:50%; 
    -o-border-radius:50%; 
}
#closeST a{
	transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 	
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg); 
	transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
#closeST a:hover{
	transform:rotate(360deg);
-ms-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 	
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg); 
	transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

#proST_con{
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

.active #proST_con{
transition: all 1s 2.5s;
-ms-transition: all 1s 2.5s;
-moz-transition: all 1s 2.5s;
-webkit-transition: all 1s 2.5s;
-o-transition: all 1s 2.5s;
}

.proItemST_pic{
transform:scale(1,1);
-ms-transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.proItemST:hover .proItemST_pic{
	transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

.solutionItem_pic{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.solutionItem_con{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.sol_tit_cn{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.sol_tit_en{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.sol_slogan{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.sol_line{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.sol_cate{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.solutionItem_more{
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

.solutionItem:hover .sol_slogan{
	transition: all 0.7s 0.5s;
-ms-transition: all 0.7s 0.5s;
-moz-transition: all 0.7s 0.5s;
-webkit-transition: all 0.7s 0.5s;
-o-transition: all 0.7s 0.5s;
}
.solutionItem:hover .sol_line{
	transition: all 0.5s 1s;
-ms-transition: all 0.5s 1s;
-moz-transition: all 0.5s 1s;
-webkit-transition: all 0.5s 1s;
-o-transition: all 0.5s 1s;
}
.solutionItem:hover .sol_cate{
	transition: all 0.5s 1.2s;
-ms-transition: all 0.5s 1.2s;
-moz-transition: all 0.5s 1.2s;
-webkit-transition: all 0.5s 1.2s;
-o-transition: all 0.5s 1.2s;
}
.solutionItem:hover .solutionItem_more{
	transition: all 0.5s 1.5s;
-ms-transition: all 0.5s 1.5s;
-moz-transition: all 0.5s 1.5s;
-webkit-transition: all 0.5s 1.5s;
-o-transition: all 0.5s 1.5s;
}

.solutionItem_more a{
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}

#navSTUl LI.active A{
border-radius:20px;
-ms-border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-o-border-radius:20px;
}
#box_caseST .content .pro-module{
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}

#box_caseST .content:nth-child(even) .pro-module{ background:#f3f3f3;}

.inxTitle{
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
#box_gywmTxt0{
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
#box_gywmTxt1{
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
#box_gywmST{
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}

.active .inxTitle{
transition: all 1s 0.5s;
-ms-transition: all 1s 0.5s;
-moz-transition: all 1s 0.5s;
-webkit-transition: all 1s 0.5s;
-o-transition: all 1s 0.5s;
}
.active #box_gywmTxt0{
transition: all 1s 0.9s;
-ms-transition: all 1s 0.9s;
-moz-transition: all 1s 0.9s;
-webkit-transition: all 1s 0.9s;
-o-transition: all 1s 0.9s;
}
.active #box_gywmTxt1{
transition: all 1s 0.9s;
-ms-transition: all 1s 0.9s;
-moz-transition: all 1s 0.9s;
-webkit-transition: all 1s 0.9s;
-o-transition: all 1s 0.9s;
}
.active #box_gywmST{
transition: all 1s 0.9s;
-ms-transition: all 1s 0.9s;
-moz-transition: all 1s 0.9s;
-webkit-transition: all 1s 0.9s;
-o-transition: all 1s 0.9s;
}
.active .moreInx{
transition: all 1s 1.3s;
-ms-transition: all 1s 1.3s;
-moz-transition: all 1s 1.3s;
-webkit-transition: all 1s 1.3s;
-o-transition: all 1s 1.3s;
}

.active #box_serviceST{
transition: all 1s 0.9s;
-ms-transition: all 1s 0.9s;
-moz-transition: all 1s 0.9s;
-webkit-transition: all 1s 0.9s;
-o-transition: all 1s 0.9s;
}
.active #box_hrST{
transition: all 1s 0.9s;
-ms-transition: all 1s 0.9s;
-moz-transition: all 1s 0.9s;
-webkit-transition: all 1s 0.9s;
-o-transition: all 1s 0.9s;
}

.active #box_lxwmTelST{
transition: all 1s 0.9s;
-ms-transition: all 1s 0.9s;
-moz-transition: all 1s 0.9s;
-webkit-transition: all 1s 0.9s;
-o-transition: all 1s 0.9s;
}
.active #box_lxwmEwmST{
transition: all 1s 0.9s;
-ms-transition: all 1s 0.9s;
-moz-transition: all 1s 0.9s;
-webkit-transition: all 1s 0.9s;
-o-transition: all 1s 0.9s;
}
.active #box_lxwmAddrST{
transition: all 1s 0.9s;
-ms-transition: all 1s 0.9s;
-moz-transition: all 1s 0.9s;
-webkit-transition: all 1s 0.9s;
-o-transition: all 1s 0.9s;
}

.solutionItem{
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}

.active #sysyST{
transition: all 1s 0.5s;
-ms-transition: all 1s 0.5s;
-moz-transition: all 1s 0.5s;
-webkit-transition: all 1s 0.5s;
-o-transition: all 1s 0.5s;
}
.active #cysjST{
transition: all 1s 0.9s;
-ms-transition: all 1s 0.9s;
-moz-transition: all 1s 0.9s;
-webkit-transition: all 1s 0.9s;
-o-transition: all 1s 0.9s;
}
.active #swysST{
transition: all 1s 1.3s;
-ms-transition: all 1s 1.3s;
-moz-transition: all 1s 1.3s;
-webkit-transition: all 1s 1.3s;
-o-transition: all 1s 1.3s;
}
.active #cbysST{
transition: all 1s 1.7s;
-ms-transition: all 1s 1.7s;
-moz-transition: all 1s 1.7s;
-webkit-transition: all 1s 1.7s;
-o-transition: all 1s 1.7s;
}
.active #bzysST{
transition: all 1s 2.1s;
-ms-transition: all 1s 2.1s;
-moz-transition: all 1s 2.1s;
-webkit-transition: all 1s 2.1s;
-o-transition: all 1s 2.1s;
}

#box_caseST{
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}

.active #box_caseST{
transition: all 1.5s 1s;
-ms-transition: all 1.5s 1s;
-moz-transition: all 1.5s 1s;
-webkit-transition: all 1.5s 1s;
-o-transition: all 1.5s 1s;
}
#caseST .FrontProducts_list01-d3_c1_01 .content .pic-module .pic A IMG{
transform:scale(1,1);
-ms-transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
#caseST .FrontProducts_list01-d3_c1_01 .content:hover .pic-module .pic A IMG{
transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
.toBigST{
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}

#xwzxConST{
transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
.active #xwzxConST{
transition: all 1s 0.9s;
-ms-transition: all 1s 0.9s;
-moz-transition: all 1s 0.9s;
-webkit-transition: all 1s 0.9s;
-o-transition: all 1s 0.9s;
}