body{
  margin: 0;
  padding: 0;
  font-family:sans-serif;
  padding-top: 90px;
}
.layout{
  width:100%;
  height:auto;
  position:relative;
  overflow:hidden;
}

.da-slider {
  margin: 0 auto;
  overflow:hidden;
  position:relative;
  z-index:1000;
  width:100%;
  -webkit-transition: background-position 1s ease-out 0.3s;
  transition: background-position 1s ease-out 0.3s;
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
}

.da-slide{
  position:absolute;
  width:100%;
  top:0px;
  left:0px;
  text-align:left;
}

.banner-img{
  display:inline-block;
  width:100%;
  line-height:640px;
}

.da-slide-current{
  z-index: 1000;
}
.da-slider-fb .da-slide{
  left: 100%;
}
.da-slider-fb .da-slide.da-slide-current{
  left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
  position: absolute;
  opacity: 0;
  left: 110%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
  left: 10%;
  opacity: 1;
}
.da-slider-fb .da-slide .da-img{
  left: 60%;
  opacity: 1;
}
.da-slide h2 {
  color: #fff;
  font-size:36px;
  font-weight: 600;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  top:130px;
  width: 50%;
  z-index: 10;
}
.da-slide p {
  color: #eee;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  overflow: hidden;
  height: 140px;
  top:220px;
  width: 45%;
}
.da-slide .da-img{
  text-align: center;
  width: 30%;
  top: 70px;
  line-height: 320px;
  left: 110%; /*60%*/
}
.da-slide .da-link {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  padding: 8px 22px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  top: 60%;
}

.da-slide .da-link:hover {
  color: #eee;
  background-color: rgba(255, 255, 255, 0.7);
}

.da-dots{
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0px;
  bottom: 20px;
  z-index: 2000;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-dots span {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  margin: 5px;
  position: relative;
  width: 15px;
}

.da-dots span.da-dots-current:after{
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
}
.da-arrows{
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-arrows span {
  cursor: pointer;
  opacity: 1;
  position: absolute;
  top: 50%; 
  -webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
  transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span{
  opacity: 1;
}

.da-arrows span i {
  color: rgba(255, 255, 255, 0.5);
  font-size: 45px;
  opacity: 1;
  position: relative;
  z-index: 2000;
}

.da-arrows span.da-arrows-prev{
  left: 15px;
}
.da-arrows span.da-arrows-next{
  right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
  left: 10%;
  opacity: 1;
}
.da-slide-current .da-img{
  left: 60%;
  opacity: 1;
}
/* Animation classes and animations */

.animated{
  -webkit-animation-duration:0.8s;
  animation-duration:0.8s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}

.fadeInLeft{
  -webkit-animation-name:fadeInLeft;
  animation-name:fadeInLeft;
}
/* Slide in from the right*/
.da-slide-fromright h2{
  -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
  animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright p{
  -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
  animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link{
  -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
  animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img{
  -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
  animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
  -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
  animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft p{
  -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
  animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
  -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
  animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
  -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
  animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
  -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
  animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright p{
  -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
  animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link{
  -webkit-animation: toRightAnim3 0.4s ease-in-out both;
  animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
  -webkit-animation: toRightAnim4 0.6s ease-in-out both;
  animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
  0%{ left: 60%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
  0%{ left: 60%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
  -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
  -moz-animation: toLeftAnim1 0.6s ease-in-out both;
  animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p{
  -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
  animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link{
  -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
  animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
  -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
  animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
  0%{ left: 60%;  opacity: 1; }
  70%{ left: 30%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
  0%{ left: 60%;  opacity: 1; }
  70%{ left: 30%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}

.cistern:after,.clearfix:after {
  display:table;
  clear:both;
  content:" "；
}

.more.shop-more {
  float: none;
  padding: 20px;
  text-align: center;
  border-top: 1px solid #e6e6e6;
}

.amount_btn {
  float: right;
  width: 71px;
  margin-top: -5px;
}

.amount_btn a {
  float: left;
  width: 15px;
  height: 15px;
  background: #fff;
}

.amount_btn input {
  font-size: 12px;
  line-height: 12px;
  float: left;
  width: 35px;
  height: 15px;
  text-align: center;
  color: #666;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.count_info {
  font-size: 12px;
  position: relative;
  margin: 20px
}

.count_info label {
  font-size: 14px;
  float: left;
  width: 70px;
  color: #666;
}

.count_info label input {
  width: 15px;
  margin-right: 10px;
  cursor: pointer;
}

.count_info label span.text {
  display: inline-block;
  cursor: pointer;
}
.count_info p {
  font-size: 14px;
  float: right;
  width: 70%;
  margin: 0;
  text-align: right;
  color: #666;
}

.shop_function_btn {
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6
}

.shop_function_btn a {
  margin: 0 10px
}

div.more {
  line-height:1.1;
  clear:both;
  margin-top:2px;
  padding-left:0!important
}

.more-resources .more a,.more a {
  display: inline-block;
  padding-left: 20px;
  color: #999
}

.more-resources label {
  display: inline-block;
  margin-bottom: 12px;
  -webkit-transition: all .4s cubic-bezier(.2,.83,.42,.91);
  transition: all .4s cubic-bezier(.2,.83,.42,.91);
  vertical-align: top
}

.more a:hover {
  text-decoration: underline;
  color: #333
}

.more a em,.more a i {
  font-size: 24px;
  font-style: normal;
  display: inline-block;
  width: 36px;
  height: 23px;
  margin-left: -12px;
  color: #e50000;
  -webkit-font-smoothing: antialiased
}

.more a em:before,.more a i:before {
  position: relative;
  top: 3px;
}

.cloud_computing div.more {
  float:none；
}

/*右边导航栏*/
.global_toolbar.default {
  position:absolute；
}

.global_toolbar.default .toolbar_content,.global_toolbar.opacity .toolbar_content {
  display:none；
}

.toolbar_btn a{
  margin-bottom:20px;
  border-radius:5px;
  text-align:center;
}

.global_toolbar.opacity .toolbar_btn a em,.global_toolbar.opacity .toolbar_btn a samp {
  background:#0166fe;
  background:#0166fe;
  cursor:pointer;
}

.global_toolbar.opacity .toolbar_btn a:hover em {
  background:#0166fe;
}

.global_toolbar {
  position:fixed;
  z-index:1001;
  top:0;
  right:10px;
  width:0;
  height:100%;
  -webkit-transition: all .4s cubic-bezier(.2,.83,.42,.91);
  transition:all .4s cubic-bezier(.2,.83,.42,.91);
  background:#fff;
}

.global_toolbar.open {
  width:320px;
}

.wap_cartbtn {
  display:none;
}

.toolbar_btn {
  position: absolute;
  top:100%;
  left:-60px;
  width:60px
}

.toolbar_btn a,.toolbar_btn a samp {
  position:relative;
  display:block;
  height:60px;
  -webkit-transition:all .4s cubic-bezier(.2,.83,.42,.91);
  transition:all .4s cubic-bezier(.2,.83,.42,.91);
  border-bottom:1px solid #0166fe;
}

.toolbar_btn a samp {
  z-index:2;
  width:60px;
  color:#fff;
  background-color:#0166fe;
  padding:20px;
  border-radius:5px;
}

.toolbar_btn a samp i {
  font-size:30px;
  position:absolute;
  top:16px;
  left:15px;
  color:#fff;
}

.toolbar_btn a em {
  font-size:16px;
  font-style:normal;
  line-height:60px;
  position:absolute;
  z-index:1;
  top:0;
  right:60px;
  display:block;
  overflow:hidden;
  width:0;
  height:60px;
  -webkit-transition:all .4s cubic-bezier(.2,.83,.42,.91);
  transition:all .4s cubic-bezier(.2,.83,.42,.91);
  text-align:center;
  color:#fff;
  background-color:#0166fe;
  border-radius:5px;
}

.em-phone-box{
  min-height:180px;
  
}
.LANG-cn .toolbar_btn a font {
  width:160px
}

.toolbar_btn a font {
  display:block;
  width:180px;
  padding:0 30px;
  text-align:left;
  white-space:nowrap;
  word-break:keep-all;
}

.toolbar_btn a.current samp,.toolbar_btn a:hover samp {
  border-bottom:1px solid #0166fe;
  background-color:#0166fe;
}

.toolbar_btn.default a:hover samp {
  background-color:#0166fe;
}

.LANG-cn .toolbar_btn a:hover em {
  width:200px;
}

.toolbar_btn a:hover em {
  width:250px;
  background:#0166fe;
  font-weight:600;
}

#pageMain li {
  list-style:none;
  line-height:22px;
}

#pageBox {
  margin-top:30px;
  padding:10px 0 0 0;
}

#pageBox a {
  font-size:12px;
  min-width:40px;
  min-height:40px;
  line-height:40px;
  text-align:center;
  color:#333;
  border:1px solid #e9e7e5; 
  background:#fff;
}

#pageBox a:first-child{
  margin-right:20px;
  width:60px;
}

#pageBox a:last-child{
  margin-left:20px;
  width:60px;
}

#pageBox {
  /*display:inline-block;*/
  padding-left:0;
  margin-left:-5px;
  list-style:none;
}

#pageBox a {
  display:inline-block;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  color:#333;
  margin:0 10px;
  border:1px solid #e9e7e5;
  text-decoration:none;
}

#pageBox a.active, #pageBox a:hover {
  background:#0166fe;
  color:#EFEFEF;
}

#prev:hover {
  cursor:pointer;
}

#next:hover {
  cursor:pointer;
}

/*提交建议*/

.box{
  width:100%; 
  overflow:hidden;
  display:block;
  top:auto;
  right:auto;
  height:auto;
  z-index:1002px;
}

.box-3 dl{ 
  width:300px;
  display:table; 
  position:absolute;
  bottom:5px; 
  left:5px; 
  box-shadow: 0 0 7px rgba(0,0,0,.3); 
  border-radius:3px;
  background:#ededed;
  z-index:1023;
}

.box-3 dl dd{
  height:35px;
  line-height:35px; 
  color:#fff; 
  font-size:14px;
  position:relative;
  padding-left:10px;
  background:#00aef3; 
  border-radius:3px 3px 0 0;
}

.box-3 dl dd b{ 
  display:block; 
  height:40px; 
  width:40px;
  position:absolute; 
  top:0; 
  right:0; 
  cursor:pointer;
}

.box-3 dl dd b.up{ 
  background:url(../images/up.png) center center no-repeat;
}

.box-3 dl dd b.down{ 
  background:url(../images/down.png) center center no-repeat;
}

.box-3 dl dt{
  padding:0 10px; 
  height:auto;
}

.nb-board-form{
  background-color:#ededed;
  background-attachment:scroll;
  background-clip:border-box;
  background-origin:padding-box;
  direction:ltr;
  letter-spacing:inherit;
  line-height:normal;
  box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  font-size:14px;
}

.nb-board-form .nb_nodeboard_set{
  width:100%;
  display:block;
  text-decoration:none;
}

.nb-board-form .nb_nodeboard_set .nb-nodeboard-content{
  width:100%;
  position:relative;
  display:block;
  margin:0 auto;
  margin-bottom:7px;
  margin-top:10px;
}

.nb-board-form .nb_nodeboard_set .nb-nodeboard-content .nb-nodeboard-set-content{
  width:100%;
  height:79px;
  padding: 0 5px;
  resize:none;
  overflow:hidden;
  border:1px solid #d5d5d5;
  background-color:#fff;
}

.nb-board-form .nb-nodeboard-name{
  width:100%;
  height:30px;
  line-height:30px;
  border:1px solid #d5d5d5;
  position:relative;
  background-color:#fff;
  margin:0 auto;
  margin-bottom:14px;
  display:block;
}

.nodeName{
  background: url(../images/user.png) no-repeat 9px center
}

.nodePhone{
  background: url(../images/nodephone.png) no-repeat 9px center
}

.nodePhone{
  background: url(../images/nodephone.png) no-repeat 9px center
}

.nodeMail{
  background: url(../images/nodemail.png) no-repeat 9px center
}

.nb-board-form .nb-nodeboard-name .nb-nodeboard-icon{
  width:10%;
  height:26px;
  display:inline-block;
  text-align:center;
  background-color:#fff;
  vertical-align:top;
  border-right:1px solid #fff;
}

.nb-board-form .nb-nodeboard-name .nb-nodeboard-input{
  margin:0 0 0 -5px;
  width:90%;
  height:26px;
  display:inline-block;
  border:none;
  overflow:hidden;
  position:static;
  overflow:hidden;
}

.nb-nodeboard-send{
  width:202px;
  margin:12px auto 0 10px;
  padding-bottom:10px;
  display:block;
  text-decoration:none;
}

.nb-nodeboard-send .nb-nodeboard-send-btn{
  width:90px;
  padding:10px;
  text-align:center;
  cursor:pointer;
  border-radius:2px;
  text-align:center;
  color:#fff;
  display:block;
  text-decoration:none;
  background-color:#00aef3;
}

.nb-nodeboard-send .nb-nodeboard-send-btn:hover{
  background-color:#0166fe;
}

/*动画*/
.dot{
  position:absolute;
  width:60px;
  height:60px;
  right:457px;
  bottom:-70px;
  -webkit-border-radius:50%;
  -moz-border-radius: 50%;
  border: 2px solid red;
  background:red;
  border-radius:50%;
  z-index: 2;
}

.pulse-box{
  position:absolute;
  left:50%;
  top:350px;
  width:60px;
  height:60px;
  margin-left:-55px;
}

.pulse-box1{
  position:absolute;
  left:50%;
  top:230px;
  width:60px;
  height:60px;
  margin-left:-85px;
}

.pulse-box2{
  position:absolute;
  left:50%;
  top:200px;
  width:60px;
  height:60px;
  margin-left:-20px;
}

.pulse-box3{
  position:absolute;
  left:50%;
  top:430px;
  width:60px;
  height:60px;
  margin-left:170px;
}

.pulse{
  position:absolute;
  display:block;
  width:300px; 
  height:300px;
  display:block;
  border:6px solid red;
  background:red;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  z-index:1;
  opacity:0;
  -webkit-animation:warn 3s ease-out;
  -moz-animation:warn 3s ease-out;
  animation:warn 3s ease-out;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
}

.m{
  width:100%;
  height:100%;
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
}

.video-js{
  width:100%;
  height:420px;
}

.video-js .vjs-big-play-button{
  top:50%;
  left:50%;
  width:2em;
  height:2em;
  line-height:2em;
  text-align:center;
  border-radius:50%;
  margin-left:-30px;
}

/*在线系统申请*/
@keyframes warn {
  0% {
      transform: scale(0);
      opacity: 0.0;
  }
  25% {
      transform: scale(0);
      opacity: 0.1;
  }
  50% {
      transform: scale(0.1);
      opacity: 0.3;
  }
  75% {
      transform: scale(0.5);
      opacity: 0.5;
  }
  100% {
      transform: scale(1);
      opacity: 0.0;
  }
}

@-webkit-keyframes warn{
0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
}
25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
}
50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
}
75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
}
100% {
    -webkit-transform: scale(1);
    opacity: 0.0; 
}
}

.rotate{
  transition: 0.5s;
  -webkit-animation:rotate 10s linear infinite; 
  -moz-animation:rotate 10s linear infinite; 
  animation: rotate 10s linear infinite; 
}

@keyframes rotate{
  0%{
      transform: rotate(0);
    }
  50%{
    transform:rotate(360deg);
  }
  100%{
       transform: rotate(0);
    }
}

@media screen and (max-width:1024px) {/*当屏幕小于1200px，自动使用以下样式*/
  .box{
    display:none;
  }
 .m{
  margin-top:20px;
 }
}


 
/*跨境电商*/
.nav-tabs{
  border:none;
}
.nav-tabs li a{
  border:none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
  background-color:#447afd;
  border:none;
  color:#fff;
}
.E-commerce-content{
  position:relative;
}
.E-commerce-content h3{
  font-size:28px;
  font-weight:600;
  margin-bottom:20px;
  line-height:1.4;
}

.E-commerce-content p{
  font-size:14px;
  line-height:30px;
  margin-bottom:10px;
}

.E-commerce-content-img{
  margin-top:40px;
}
.E-commerce-img{
  background:#f1f1f1;
  height: 100%;
}

.E-commerce-img img{
  min-width:100%;
}

.E-commerce-text{
  padding:20px;
  font-size:14px;
}

.E-commerceocean{
  background: #f1f1f1;
  padding:0;
}

.suCai17-content {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  clear: both;
}

.suCai17-background {
  width: 100%;
  background: #f7f9fa;
  margin: 40px 0;
  position: relative;
  -webkit-box-shadow: 0px 0px 8px rgba(99,127,136,.2);
  -moz-box-shadow: 0px 0px 8px rgba(99,127,136,.2);
  box-shadow: 0px 0px 8px rgba(99,127,136,.2);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 100%;
}

.suCai17-nav {
  height: 400px;
  float: left;
}

.suCai17-nav ul{
  padding-top:40px;
}

.suCai17-nav ul li a{
  text-align:center;
  color:#333;
  line-height:40px;
}

.suCai17-nav>li>a:focus, .nav>li>a:hover{
  background:#447afd;
  color:#fff;
}

.suCai17-logo img {
  width: 140px;
  height: auto;
  display: block;
  border: none;
}

.suCai17-info {
  float:left;
  min-height:100%;
  background: #fff;
  border-radius: 0 4px 4px 0;
  padding: 40px 50px;
}

.suCai17-search {
  height: 78px;
  position: absolute;
  right: 45px;
  top: 0;
  background: #fff;
  z-index: 1002;
  padding-top: 20px;
}

.suCai17-search-input {
  border: 1px #e5e6e6 solid;
  background: #fff;
  padding: 0 10px;
  float: left;
  position: relative;
  width: 670px;
  height: 44px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.suCai17-search-input input {
  font-size: 14px;
  color: #313534;
  padding: 10px 0;
  line-height: 22px;
  width: 643px;
  border: none;
  background: none;
}

.suCai17-search-input:hover {
  border: 1px solid #08acee;
}

.suCai17-search-btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  padding: 0px 11px;
  background: #2698e4;
  float: right;
  width: 122px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-left: 15px;
}

.nav-tabs .suCai17-item {
  margin-top: 22px;
  border-left: 2px #f7f9fa solid;
  padding-left: 18px;
  cursor: pointer;
  font-size: 18px;
  width:100%;
}

.suCai17-nav-list .suCai17-item.on {
  background:#447afd;
  border-color:#447afd;
  color:#fff
}

.suCai17-info-header{
  background:url("../images/2021011401.png")  no-repeat left center;
  background-size:contain;
}
.suCai17-info ul li h2{
  position:relative;
  display:block;
  height:37px;
  font-weight: normal;
  color:#333;
  font-size:18px;
  font-weight:600;
  padding-left:71px;
  padding-top:10px;
  font-size:18px;
}

.suCai17-info-header1{
  background: url("../images/2021011402.png")  no-repeat left center;
  background-size:contain;
}

.suCai17-info-header2{
  background: url("../images/2021011402.png")  no-repeat left center;
  background-size:contain;
}

.suCai17-info-header_title{
  position:relative;
  display:block;
  height:37px;
  font-weight: normal;
  color:#333;
  font-size:18px;
  font-weight:600;
  padding-left:72px;
  padding-top:10px;
  font-size:18px;
}

.suCai17-info ul li h3{
  position:relative;
  display:block;
  height:37px;
  font-weight: normal;
  color:#333;
  font-size:18px;
  font-weight:600;
  padding-left:72px;
  padding-top:10px;
  font-size:18px;
}

.suCai17-info ul li p {
  font-size:14px;
  color:#333;
  line-height:30px;
  padding-top:30px;
  padding-bottom:30px;
  text-align:justify;
}

.suCai17-info-content {
  padding-top:30px;
  padding-bottom:30px;
}

.suCai17-info-content p{
  padding-top:10px !important
}

.suCai17-side {
  padding-top: 1px;
}

.suCai17-info .suCai17-side h3 {
  color: #333;
  font-size: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px dotted #999;
  cursor:pointer;
}

.suCai17-info .suCai17-side h3:hover{
  color:#08acee;
}

.suCai17-info .suCai17-side ul {
  padding-top: 14px;
}

.suCai17-info .suCai17-side ul li {
  color: #999;
  font-size: 13px;
  padding: 5px 0;
}

.suCai17-info ul li a {
  color: #08acee;
  text-decoration: underline;
}

.suCai17-info ul li .suCai17-info-title {
  font-size: 14px;
  padding-bottom: 4px;
}

.suCai17-info ul li h4 {
  font-size:16px;
  color:#333;
  font-weight:700;
}

.suCai17-info-content3 p{
  padding-top:10px !important;
  padding-bottom:0 !important;
}

.suCai17-info-content3 li{
  padding-top:40px;
}

.suCai17-info-content3 li:first-child{
  padding-top:0px;
}
.suCai17-info-content4 li{
  padding-bottom:40px;
}
.suCai17-info-content4 p{
  padding-top:20px !important;
  padding-bottom:0px !important;
}

.about_banimg-img{
  position:relative;
  overflow:hidden;
  -webkit-background-size:100%;
  background-size:100%;
}

.about_banimg-img:after{
  position: absolute;
  top:0;
  left:0;
  content: "";
  background-color:#333;
  opacity:0.4;
  z-index:1;
  content:attr();
  width:100%;
  height:100%;
}

.font14{
  font-weight:800;
}

.font16{
  font-weight:700;
}

@media screen and (max-width: 1200px){
  .E-commerce{
    padding:40px 0;
  }
  .E-commerce-img{
    margin-bottom: 40px;
  }
}

.social-overlap {
  position:relative;
  width: 100%;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
  justify-content: center !important;
}

.social-bar {
  display:flex;
  margin-top:30px;
}

.iconpad {
  padding: 12px 0;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.process-scetion .slider-nav-item {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 50%;
  text-align: center;
  background: #fff;
  cursor: pointer;
  transition: all 0.4s ease;
  margin-left:10px;
}

.social-icons a {
  border-radius: 50px;
  color: #3f345f;
  display: inline-block;
  line-height: 52px;
  height: 50px;
  width: 50px;
  box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15);
  margin: 15px 15px;
  font-size: 22px;
}

a {
  text-decoration: none !important;
  color: #3f345f;
  transition: all 0.3s ease 0s;
}

.slider-nav-item:before {
  position: absolute;
  content: "";
  height: calc(100% + 16px);
  width: calc(100% + 16px);
  top: -8px;
  left: -8px;
  border-radius: 50%;
  border: 1px solid rgba(132, 132, 164, 0.35);
  animation: 1.5s linear 0s normal none infinite focuse;
}

.process-scetion .slider-nav-item {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 50%;
  text-align: center;
  background: #fff;
  cursor: pointer;
  transition: all 0.4s ease;
}

.slider-nav-item:before {
  position: absolute;
  content: "";
  height: calc(100% + 16px);
  width: calc(100% + 16px);
  top: -8px;
  left: -8px;
  border-radius: 50%;
  border: 1px solid rgba(132, 132, 164, 0.35);
  animation: 1.5s linear 0s normal none infinite focuse;
}

.process-scetion .slider-nav-item:nth-child(2) {
  color: #40beff;
}

.process-scetion .slider-nav-item:nth-child(3) {
  color: #311f9b;
}

.process-scetion .slider-nav-item:nth-child(4) {
  color: #ff9259;
}

.process-scetion .slider-nav-item:nth-child(5) {
  color: #38385f;
}

.process-scetion .slider-nav-item:after {
  position: absolute;
  top: 50%;
  left: 100%;
  height: 2px;
  content: "";
  width: 100%;
  background: url(../images/line-1.png) repeat 0 0;
  z-index: 0;
  animation: slide 1s linear infinite;
}

.process-scetion .slider-nav-item:last-child:after {
  display: none;
}

.process-scetion .slider-nav-item .ikon {
  font-size: 50px;
  line-height: 80px;
}

.process-scetion .slider-nav-item.active:before {
  position: absolute;
  content: "";
  height: calc(100% + 16px);
  width: calc(100% + 16px);
  top: -8px;
  left: -8px;
  border-radius: 50%;
  border: 1px solid rgba(132, 132, 164, 0.35);
  animation: 1.5s linear 0s normal none infinite focuse;
}

@keyframes focuse {
  0% {
      transform: scale(0.8);
      opacity: 1;
  }

  75% {
      transform: scale(1.2);
      opacity: 0;
  }

  100% {
      transform: scale(1.2);
      opacity: 0;
  }
}

@keyframes slide {
  from {
      background-position: 0 0;
  }

  to {
      background-position: 40px 0;
  }
}

.slider-nav-item:after {
  position: absolute;
  top: 50%;
  left: 100%;
  height: 2px;
  content: "";
  width: 100%;
  background: url(../images/line-2.png) repeat 0 0;
  z-index: 0;
  animation: slide 1s linear infinite;
}

.mt100 {
  margin-top:30px;
}


@-webkit-keyframes jello-horizontal {
  0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }

  30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
  }

  40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
  }

  50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
  }

  65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
  }

  75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
  }

  100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }
}

@keyframes jello-horizontal {
  0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }

  30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
  }

  40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
  }

  50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
  }

  65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
  }

  75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
  }

  100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }
}

.social-bar a:hover i {
  -webkit-animation: jello-horizontal 0.9s both;
  animation: jello-horizontal 0.9s both;
}

@media only screen and (max-width: 300px) {
  .process-scetion .slider-nav-item {
      height: 30px;
      width: 30px;
      margin: 15px 10px;
      line-height: 28px;
  }
}