html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-family: Verdana, Geneva, Tahoma, sans-serif, '微软雅黑';
  font-weight: lighter;
}
body {
  padding-top: 100px;
}
a{
	text-decoration: none;
}
.bg-s1 {
  background-image: linear-gradient(to top, #88d3ce 0%, #6e45e2 100%);
}
.bg-s2 {
  background-image: linear-gradient(-20deg, #6e45e2 0%, #88d3ce 100%);
}
.bg-s3 {
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
.bg-s4 {
  background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);
  background-attachment: fixed;
}
.bg-s5 {
  background-image: linear-gradient(to bottom, #4E73E3 100px, #ffffff 100%);
  background-attachment: fixed;
  height: calc(100vh - 100px);
}
.bg-png {
  background: url(../../static/image/bg.png) no-repeat top center;
}
ul,
ol,
li,
form {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.box-shadow {
  box-shadow: 0 0 10px #000;
}
.box-shadow-20 {
  box-shadow: 0 0 20px #000;
}
.border {
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.95);
  border-style: solid;
}
.transition {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.transition6s {
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.animation-delay {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.animation-delay-1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.container {
  overflow: hidden;
}
.center {
  margin: 0 auto;
  width: 1200px;
  overflow: hidden;
}
.left {
  float: left;
  overflow: hidden;
}
.right {
  float: right;
  overflow: hidden;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  background-image: linear-gradient(-20deg, #4169E1 0%, #4481eb 100%);
  box-shadow: 0 0 15px #333;
  z-index: 9999;
}
.header .logo {
  width: 170px;
  height: 100px;
  background: url(../../static/image/logo.png) left center no-repeat;
  background-size: 160px;
}
.header .tool {
  margin: 19px 0 0 0;
  padding: 15px;
}
.header .tool a {
  float: left;
  padding: 0 10px;
  line-height: 32px;
  color: #661A00;
  background-image: linear-gradient(to bottom, #FFA64D 0%, #D9D900 100%);
  box-shadow: 0 0 2px #000;
  text-decoration: none;
  font-size: 16px;
}
.header .tool a:first-child {
  margin-left: 10px;
  border-radius: 6px 0 0 6px;
}
.header .tool a:last-child {
  border-radius: 0 6px 6px 0;
}
.header .tool a:hover {
  background-image: linear-gradient(to bottom, #FFFF00 0%, #FF4000 100%);
  color: #000;
}
.header .nav {
  height: 100PX;
  overflow: hidden;
}
.header .nav li {
  position: relative;
  float: left;
  font-size: 20px;
  font-weight: lighter;
}
.header .nav li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #3A5ECA 100%);
}
.header .nav li a {
  display: block;
  padding: 0 20px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 2px 2px #000;
  line-height: 100px;
}
.header .nav li a:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #3A5ECA 100%);
  text-shadow: 0 8px 8px #000;
}
.header .nav li:last-child::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #3A5ECA 100%);
}
.header .nav li sup {
  position: absolute;
  top: 20px;
  right: 26px;
  padding: 0 3px;
  background-color: #ff0;
  font-size: 12px;
  font-family: '新宋体';
  color: #630;
  line-height: 16px;
  border-radius: 5px 5px 0 5px;
  box-shadow: 0 0 3px #630;
}
.header .nav li sub {
  position: absolute;
  bottom: 16px;
  right: 26px;
  padding: 0 3px;
  background-color: #ff0;
  font-size: 12px;
  font-family: '新宋体';
  color: #630;
  line-height: 16px;
  border-radius: 5px 0 5px 5px;
  box-shadow: 0 0 3px #630;
}
.media {
  margin-top: 100px;
  height: 600px;
}
.media .media-content {
  position: relative;
  float: left;
  width: 440px;
  height: 600px;
}
.media .media-content .media-content-item {
  position: relative;
  padding: 30px 0;
  height: 500px;
  overflow: hidden;
}
.media .media-content .media-content-item h1 {
  position: relative;
  margin: 0;
  font-size: 56px;
  line-height: 60px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 2px 4px #5377E3;
}
.media .media-content .media-content-item h1 sup {
  position: absolute;
  top: -13px;
  left: 0;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: lighter;
  background-color: #f00;
  border-radius: 10px 10px 10px 0;
  color: #fff;
  text-shadow: none;
}
.media .media-content .media-content-item h2 {
  position: relative;
  margin: 0;
  font-size: 32px;
  line-height: 60px;
  color: #ff0;
  font-weight: bold;
  text-shadow: 0 2px 4px #5377E3;
}
.media .media-content .media-content-item .h1-sub {
  position: absolute;
  padding: 0 5px;
  top: 110px;
  left: 0;
  background-color: rgba(255, 255, 0, 0.5);
  color: #ffffff;
  border-radius: 5px;
}
.media .media-content .media-content-item h3 {
  margin: 0;
  font-size: 32px;
  line-height: 60px;
  color: #ffffff;
  font-weight: lighter;
}
.media .media-content .media-content-item h5 {
  margin: 15px 0;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  font-weight: lighter;
  text-shadow: 0 1px 2px #5377E3;
}
.media .media-content .media-content-item .tools {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 140px;
}
.media .media-content .media-content-item .tools .btn {
  padding: 15px 25px;
  margin-left: 20px;
  line-height: 50px;
  border-radius: 25px;
  font-size: 24px;
  color: #ffffff;
  box-shadow: 0 6px 12px #7D98EA;
  text-decoration: none;
}
.media .media-content .media-content-item .tools .btn:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 0 6px 6px #5478E4;
}
.media .media-slide {
  position: relative;
  float: right;
  width: 760px;
  height: 600px;
}
.media .media-slide .media-slide-item {
  position: absolute;
  width: 760px;
  height: 555px;
}
.media .media-slide .media-slide-item .pic-client {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 680px;
  height: 485px;
  box-shadow: 0 5px 15px #000;
  opacity: 0;
  border-radius: 6px;
  -webkit-animation-name: fadeInDown1;
  -webkit-animation-duration: 10s;
}
@-webkit-keyframes fadeInDown1 {
 		0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
    }
		10% {
    opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    20% {
    opacity: 1;
    }
    30% {
    opacity: 0;
    }
}
.media .media-slide .media-slide-item .pic-client4 {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 680px;
  height: 485px;
  box-shadow: 0 5px 15px #000;
  opacity: 0;
  border-radius: 6px;
  -webkit-animation-name: fadeInDown4;
  -webkit-animation-duration: 10s;
}
@-webkit-keyframes fadeInDown4 {
 		0% {
    opacity: 0;
    }
    20% {
    opacity: 0;
    }
    30% {
    opacity: 1;
    }
    75% {
    opacity: 1;
    }
    80% {
    opacity: 0;
    }
}
.media .media-slide .media-slide-item .pic-client2 {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 680px;
  height: 485px;
  box-shadow: 0 5px 15px #000;
  border-radius: 6px;
  -webkit-animation-name: fadeInDown2;
  -webkit-animation-duration: 10s;
  opacity:0;
  -webkit-animation-delay:7s;//延迟执行动画
	animation-delay:7s;
}
@-webkit-keyframes fadeInDown2 {
 		0% {
    opacity: 0;
    }
		10% {
    opacity: 1;
    }
    60% {
    opacity: 1;
    }
    61% {
        opacity: 0;
       
    }
}

.media .media-slide .media-slide-item .pic-client3 {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 680px;
  height: 485px;
  box-shadow: 0 5px 15px #000;
  border-radius: 6px;
  -webkit-animation-name: fadeInDown3;
  -webkit-animation-duration: 20s;
  opacity:1;
}
@-webkit-keyframes fadeInDown3 {
 		0% {
    opacity: 0;
    }
    60% {
    opacity: 0;
    }
    65% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
}

.media .media-slide .media-slide-item .box-client {
  position: absolute;
  left: 188px;
  width: 540px;
  height: 20px;
  background-color: rgba(255, 0, 0, 0.15);
  border: #f00 1px solid;
  -webkit-animation-name: fadeInOut_1;
  -webkit-animation-duration: 10s;
  opacity:1;
   /*-webkit-animation-delay:2s;//延迟执行动画
	animation-delay:2s;*/
}

@-webkit-keyframes fadeInOut_1 {
 		0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
    }
    20% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
    }
		30% {
    opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    50% {
    opacity: 1;
    }

}

.media .media-slide .media-slide-item .box-client2 {
  position: absolute;
  left: 188px;
  width: 540px;
  height: 20px;
  background-color: rgba(255, 0, 0, 0.15);
  border: #f00 1px solid;
  -webkit-animation-name: fadeInOut_2;
  -webkit-animation-duration: 20s;
  opacity:1;

}

@-webkit-keyframes fadeInOut_2 {
 		0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
    }
    35% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
    }
		40% {
    opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    50% {
    opacity: 1;
    }
		

}
.pic-arrow1{
	position: absolute;
	top: 180px;
	left: 50px;
	z-index: 100;
  border-radius: 6px;
  opacity: 0;
  -webkit-animation-name: pic-arrow1;
  -webkit-animation-duration: 20s;
}
@-webkit-keyframes pic-arrow1 {
 		0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
    20% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
		25% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    60% {
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
}
.pic-arrow11{
	position: absolute;
	top: 270px;
	left: 150px;
	width: 320px;
	z-index: 100;
  border-radius: 6px;
  opacity: 0;
  -webkit-animation-name: pic-arrow11;
  -webkit-animation-duration: 10s;
  -webkit-animation-delay:6s;//延迟执行动画
	animation-delay:6s;
}
@-webkit-keyframes pic-arrow11 {
 		0% {
    	opacity: 0;
    }
		40% {
    opacity: 1;
    }
    50% {
    opacity: 0;
    }
}
.pic-arrow2{
	position: absolute;
	top: 182px;
	right: 220px;
	z-index: 100;
	border-radius: 6px;
  -webkit-animation-name: pic-arrow2;
  -webkit-animation-duration: 10s;
	opacity: 0;
  -webkit-animation-delay:2.5s;//延迟执行动画
	animation-delay:2.5s;
}
@-webkit-keyframes pic-arrow2 {
 		0% {
    	opacity: 0;
    }
		30% {
    opacity: 1;
    }
    35% {
    opacity: 1;
    }
    40% {
        opacity: 0;
    }
}

.pic-arrow22{
	position: absolute;
	top: 202px;
	right: 220px;
	z-index: 100;
	border-radius: 6px;
  -webkit-animation-name: pic-arrow2;
  -webkit-animation-duration: 10s;
	opacity: 0;
  -webkit-animation-delay:8.5s;//延迟执行动画
	animation-delay:8.5s;
}
@-webkit-keyframes pic-arrow22 {
 		0% {
    	opacity: 0;
    }
		30% {
    opacity: 1;
    }
    35% {
    opacity: 1;
    }
    40% {
        opacity: 0;
    }
}

.pic-arrow111{
	position: absolute;
	top: 340px;
	left: 300px;
	width: 200px;
	z-index: 100;
  border-radius: 6px;
  opacity: 0;
  -webkit-animation-name: pic-arrow111;
  -webkit-animation-duration: 10s;
  -webkit-animation-delay:12s;//延迟执行动画
	animation-delay:12s;
}
@-webkit-keyframes pic-arrow111 {
 		0% {
    	opacity: 0;
    }
		40% {
    opacity: 1;
    }
    50% {
    opacity: 0;
    }
}

.pic-arrow222{
	position: absolute;
	top: 222px;
	right: 220px;
	z-index: 100;
	border-radius: 6px;
  -webkit-animation-name: pic-arrow2;
  -webkit-animation-duration: 10s;
	opacity: 0;
  -webkit-animation-delay:12.5s;//延迟执行动画
	animation-delay:12.5s;
}
@-webkit-keyframes pic-arrow222 {
 		0% {
    	opacity: 0;
    }
		30% {
    opacity: 1;
    }
    35% {
    opacity: 1;
    }
    40% {
        opacity: 0;
    }
}
.media .media-slide .media-slide-item .box-client3 {
  position: absolute;
  left: 188px;
  width: 540px;
  height: 20px;
  background-color: rgba(255, 0, 0, 0.15);
  border: #f00 1px solid;
  -webkit-animation-name: fadeInOut_3;
  -webkit-animation-duration: 20s;
  opacity:1;
}

@-webkit-keyframes fadeInOut_3 {
 		0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
    }
    60% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
    }
		65% {
    opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.media .media-slide .media-slide-item .pic-game {
  position: absolute;
  top: 330px;
  left: 0;
  width: 360px;
  height: 200px;
  opacity: 1;
  box-shadow: 0 3px 6px #000;
  -webkit-animation-name: pic-game;
  -webkit-animation-duration: 20s;
}
@-webkit-keyframes pic-game{
		0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
    10% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
		15% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    30% {
        opacity: 1;
    }
}
.pic-gamefd{
	position: absolute;
	top: 390px;
	left: 0;
	width: 130px;
	border-radius: 50%;
	box-shadow: 0 3px 9px #000;
	opacity: 1;
	-webkit-animation-name: pic-game33;
  -webkit-animation-duration: 10s;
	border: 3px solid #2296F4;
}
@-webkit-keyframes pic-game33{
    0% {
        opacity: 0;
        width: 0;
        height: 0;
    }
		30% {
        opacity: 0;
        width: 0;
        height: 0;
    }
    40% {
        opacity: 1;
        width: 130px;
        height: 130px;
    }
    
    
}

.pic-gamefd02{
	position: absolute;
	top: 390px;
	left: 160px;
	width: 130px;
	opacity: 1;
	border-radius: 50%;
	box-shadow: 0 3px 9px #000;
	border: 3px solid #2296F4;
	-webkit-animation-name: pic-game332;
  -webkit-animation-duration: 20s;
}
@-webkit-keyframes pic-game332{
    0% {
        opacity: 0;
        width: 0;
        height: 0;
    }
		40% {
        opacity: 0;
        width: 0;
        height: 0;
    }
    45% {
        opacity: 1;
        width: 130px;
        height: 130px;
    }

}

.pic-gamefd03{
	position: absolute;
	top: 390px;
	left: 320px;
	width: 130px;
	border: 3px solid #2296F4;
	box-shadow: 0 3px 9px #000;
	border-radius: 50%;
	opacity: 1;
	-webkit-animation-name: pic-game333;
  -webkit-animation-duration: 20s;

}
@-webkit-keyframes pic-game333{
    0% {
        opacity: 0;
        width: 0;
        height: 0;
    }
		65% {
        opacity: 0;
        width: 0;
        height: 0;
    }
    70% {
        opacity: 1;
        width: 130px;
        height: 130px;
    }

}



.media .media-slide .media-slide-item .pic-game2 {
  position: absolute;
 	top: 360px;
  left: 150px;
  width: 360px;
  height: 200px;
  opacity: 1;
  box-shadow: 0 3px 9px #000;
  -webkit-animation-name: pic-game2;
  -webkit-animation-duration: 20s;

}
@-webkit-keyframes pic-game2{
		0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
    35% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
		40% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    45% {
        opacity: 1;
    }
}
.media .media-slide .media-slide-item .pic-game3 {
  position: absolute;
  top: 390px;
  left: 300px;
  width: 360px;
  opacity: 1;
  height: 200px;
  box-shadow: 0 3px 9px #000;
  -webkit-animation-name: pic-game3;
  -webkit-animation-duration: 24s;
}

@-webkit-keyframes pic-game3{
		0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
		55% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    65% {
        opacity: 1;
    }
}
 
.media .media-slide .media-slide-item .pic-game-ip {
  position: absolute;
  top: 320px;
  right: 60px;
  width: 220px;
  height: 100px;
  opacity: 0;
  box-shadow: 0 3px 9px #000;
  -webkit-animation-name: pic-game-ip;
  -webkit-animation-duration: 10s;
}
@-webkit-keyframes pic-game-ip {
 		0% {
    		opacity: 0;
    }
    10% {
    		opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
		15% {
    	opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    50% {
    opacity: 1;
    }
    51% {
    opacity: 0;
    }
}
.media .media-slide .media-slide-item .pic-game-ip2 {
  position: absolute;
  top: 320px;
  right: 60px;
  width: 220px;
  height: 100px;
  opacity: 0;
  box-shadow: 0 3px 9px #000;
	-webkit-animation-name: pic-game-ip2;
  -webkit-animation-duration: 10s;
  -webkit-animation-delay:4.5s;//延迟执行动画
	animation-delay:4.5s;
}
@-webkit-keyframes pic-game-ip2 {
 		0% {
    		opacity: 0;
    }
    30% {
    		opacity: 0;
        
    }
		35% {
    	opacity: 1;
    }
    85% {
    opacity: 1;
    }
}
.media .media-slide .media-slide-item .pic-game-ip3 {
  position: absolute;
  top: 320px;
  right: 60px;
  width: 220px;
  height: 100px;
  box-shadow: 0 3px 9px #000;
	opacity: 0;
	-webkit-animation-name: pic-game-ip3;
  -webkit-animation-duration: 10s;
  -webkit-animation-delay:8.5s;//延迟执行动画
	animation-delay:8.5s;
}

@-webkit-keyframes pic-game-ip3 {
 		0% {
    		opacity: 0;
    }
    30% {
    		opacity: 0;
        
    }
		35% {
    	opacity: 1;
    }
    85% {
    opacity: 1;
    }
}
.media .media-slide .media-slide-item .title-game {
  position: absolute;
  right: 20px;
  bottom: 0;
  width: 380px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  color: #fff;
}
.media .media-slide .media-slide-page {
  position: absolute;
  right: 20px;
  bottom: 0;
  height: 45px;
  text-align: center;
}
.media .media-slide .media-slide-page a {
  float: left;
  margin-top: 20px;
  margin-left: 10px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  color: #666;
  background-color: #fff;
  border-radius: 100%;
  text-decoration: none;
  line-height: 20px;
  font-size: 12px;
}
.media .media-slide .media-slide-page a.active {
  margin-top: 18px;
  width: 24px;
  height: 24px;
  background-color: #2693FF;
  color: #fff;
  line-height: 24px;
  font-size: 16px;
}
.media .media-slide .media-slide-page a:hover {
  background-color: #000;
  color: #fff;
}
.map {
  margin: 35px 0;
  background: url(../../static/image/map-bg.jpg) no-repeat top center;
  background-color: #181543;
  box-shadow: 0 0 100px 0 #000 inset;
  height: 750px;
}
.map .center{
	position: relative;
}
.map .center .item{
	width: 240px;
	font-size: 20px;
	color: #ffffff;
	line-height: 50px;
}
.map .center .item_01{
	position: absolute;
	top: 150px;
	left: 50px;
}
.map .center .item_02{
	position: absolute;
	top: 250px;
	left: 50px;
}
.map .center .item_03{
	position: absolute;
	top: 350px;
	left: 50px;
}
.map .center .item_04{
	position: absolute;
	top: 450px;
	left: 50px;
}
.map .center .item_05{
	position: absolute;
	top: 550px;
	left: 50px;
}
.map .center .item img{
	width: 30px;
	float: left;
	margin-right: 10px;
	margin-top: 8px;
}
.map .center .item_04 img{
	margin-top: 12px;
}
.map .center .item_05 img{
	margin-top: 12px;
}
.map .center h2 {
  color: #ffffff;
}
.article{
	height: 600px;
}
.article .center h2{
	font-size: 36px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
.article .center h4{
	font-size: 16px;
	color: #585e68;
	text-align: center;
}
.article .center .articleBody{
	width: 1200px;
	height: 400px;
	margin-top: 50px;
}
.article .center .articleBody .articleContent{
	width: 320px;
	float: left;
	margin-right: 30px;
	height: 260px;
	box-shadow: 0px 2px 17px 0px rgb(26 38 74 / 9%);
	background: #ffffff;
	padding: 30px;
	border-radius: 5px;
}
.article .center .articleBody .articleContent:nth-child(3){
	margin-right: 0;
}
.article .center .articleBody .articleContent h3{
	font-size: 20px;
	color: #666;
	margin-bottom: 10px;
}
.article .center .articleBody .articleContent ul{
	padding: 10px 0;
	height: 200px;
}
.article .center .articleBody .articleContent ul li{
	height: 25px;
	line-height: 20px;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.article .center .articleBody .articleContent ul li:hover .li_left,.article .center .articleBody .articleContent ul li:hover .li_point{
	color: #447CE9 !important;
}
.article .center .articleBody .articleContent ul li .li_point{
	display: block;
	float: left;
	color: #000000;
}

.article .center .articleBody .articleContent ul li .li_left{
	color: #000000;
	width: 320px;
	display: block;
	float: left;
	text-decoration: none;
}
.article .center .articleBody .articleContent ul li .li_left .spanL{
	float: left;
	width: 220px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	
}
.article .center .articleBody .articleContent ul li .li_left .spanR{
	float: right;
}
.articleMore{
	margin: 0 -30px;
	padding: 15px 32px;
	border-top: 1px solid #f5f5f5;
}
.articleMore a{
	color: #437CE9;
}

.china-map{width:748px;height:618px;background:url(../../static/image/map_black_bg.png) center no-repeat;position:relative;margin-left: 402px;margin-top: 60px;}
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#009fd9}
.region-list.active .area-box .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-1{left:302px;top:308px}
.postition-2{left:401px;top:403px}
.postition-3{left:358px;top:516px}
.postition-4{left:473px;top:348px}
.postition-5{left:526px;top:394px}
.postition-6{left:526px;top:515px}
.postition-7{left:652px;top:200px}
.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-8{left:559px;top:229px}
.postition-9{left:637px;top:371px}
.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-10{left:554px;top:539px}
.postition-11{left:604px;top:300px}
.postition-13{left:470px;top:250px}
.douhao{width:0}
.list_8{width: 100%;height: 350px;min-width: 1200px;background: #181543;margin-top: 30px;}
.list_8_content{width: 1200px;margin: 0 auto;height: 200px;padding-top: 50px;text-align: center;font-size: 30px;font-weight: 400;}
.list_8_item1{float: left;height: 230px;width: 230px;margin-right: 80px;margin-left: 60px;}
.list_8_item1 img{width: 218px;}
.list_8_item2{width: 120px;float: left;height: 230px;margin-right: 100px;color: #999999;}
.list_8_item2 a{color: #000000;}
.list_8_item2:nth-child(5){margin-right: 0;}
.list_8_content_header{width: 120px;font-size: 20px;color: #FFFFFF;text-align: left;margin-bottom: 25px;}
.list_8_content_list{width: 120px;height: 20px;font-size: 13px;color: #999999;margin-bottom: 10px;text-align: left;cursor: pointer;}
.list_8_item2_img{float: left;}
.list_8_bottom{width: 100%;min-width: 1200px;border-top: 1px solid #FFFFFF;height: 50px;text-align: center;font-size: 13px;color: #FFFFFF;line-height: 50px;background: #181543;}


.agent-service .modal-header {
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
}

.agent-service .modal-header .Close_hidden {
	position: absolute;
	font-size: 24px;
	top: 13px;
	right: 20px;
	cursor: pointer;
}

.agent-service .modal-body {
	position: relative;
	padding: 1rem;
	height: 120px;
}

.agent-service .modal-body .pull-left {
	float: left;
}

.agent-service .modal-body .pull-left h4 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	font-size: 1.5rem;
	margin: 8px 0;
}

.agent-service .modal-body .pull-left h5 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	font-size: 1.2rem;
	margin: 8px 0;
	;
}

.agent-service .modal-body .pull-left h6 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	font-size: 1rem;
	margin: 8px 0;
	;
}

.agent-service .modal-footer {
	padding: 1rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: .3rem;
	border-bottom-left-radius: .3rem;
}

.agent-service .modal-header h5 {
	line-height: 1.5rem;
	font-size: 1.25rem;
	font-weight: 400;
	margin: 5px 0;
}

.agent-service .modal-footer a {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
	display: block;
	height: 38px;
	width: 100%;
	text-align: center;
	line-height: 38px;
	border-radius: 5px;
	font-size: 1.2rem;
	text-decoration: none;
}

.agent-service i {
	float: left;
	width: 90px;
	height: 90px;
	background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlCRDc3QkMxOTFFQzExRTdBNjdEOUNGNjE1REVFMDczIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlCRDc3QkMyOTFFQzExRTdBNjdEOUNGNjE1REVFMDczIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUJENzdCQkY5MUVDMTFFN0E2N0Q5Q0Y2MTVERUUwNzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUJENzdCQzA5MUVDMTFFN0E2N0Q5Q0Y2MTVERUUwNzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwIC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) no-repeat center center;
}

.agent-service h5,
.agent-service h6 {
	color: #666;
}

.discount2 {
	position: absolute;
	right: 250px;
	top: -6px;
	width: 80px;
	height: 100px;
	display: none;
}

.discount2 img {
	width: 80px;
	margin-top: 0;
}
.games{
	margin-top: 80px;
	margin-bottom: 50px;
}
.games h2 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.games h4{
    font-size: 16px;
    color: #585e68;
    text-align: center;
    margin-bottom: 50px;
}
.swiper {
	width: 1200px;
	height: 360px;
	margin: 0 auto;
}

.top-swiper,
.bottom-swiper {
	height: 180px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.top-swiper img,
.bottom-swiper img {
	width:150px;
	height: 150px;
	border-radius: 10px;
  box-shadow: 0 0 8px #000;
	
}

.top-swiper .ts-group,
.bottom-swiper .ts-group {
	width: auto;
	position: absolute;
	white-space: nowrap;
}

.top-swiper>.ts-group>.item,
.swiper .bottom-swiper>.ts-group>.item {
	width: 150px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.business {
	margin-top: 100px;
}
.business h2{
	font-size: 32px;
	margin: 0 0 25px;
	text-shadow: 0 4px 20px #00000059;
	text-align: center;
	color: yellow;
}
.business h3{
	font-size: 22px;
	margin: 0 0 60px;
	text-shadow: 0 4px 20px #00000059;
	text-align: center;
	color: yellow;
}
.business .list{
	width: 1060px;
	margin: 50px auto;
	position: relative;
	height: 1500px;

}
.business .list ul li {
	float: left;
	width: 500px;
	height: 150px;
	background: #ffffff;
	border-radius: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	box-shadow: 0 0 20px #999;
	
}
.business .list ul li:nth-child(2){
	margin-right: 0;
}
.business .list ul li .icon{
	width: 120px;
	height: 70px;
	padding: 40px 0;
	float: left;
	text-align: center;
	margin-top: 10px;

}
.business .list ul li .lifont{
	width: 220px;
	height: 70px;
	padding: 40px 0;
	float: left;
	line-height: 70px;
	font-size: 24px;
	font-weight: 700;
}
.business .list ul li .icon i{
	font-size: 50px;
	color: #047DEB;
}
.business .list h4{
	font-size: 20px;
}
.business .list h4 span	{
	color: red;
}
.info-content{
	width: 500px;
	position: absolute;
	height: 500px;
	bottom: 0px;
	left: 0;
}
.info-content .weone{
	font-size: 28px;
	color: #777777;
}
.Vision.henggang {
    margin: 18px 0;
}
.henggang {
    border-top: 2px solid #ca0006;
    width: 35px;
}
.info-content .el-input{
	width: 100%;
	margin: 25px 0;
	position: relative;
}
.info-content .el-input i{
	display: none;
}
.info-content .el-input p{
	margin-bottom: 0;
	margin-top: 0;
	height: 25px;
	line-height: 25px;
	float: left;
	text-indent: 15px;
	display: none;
	color: red;
}
.info-content .el-input .infoFalse{
	color: red;
	position: absolute;
	right: 80px;
	top: 12px;
}
.info-content .el-input .infoTure{
	color: green;
	position: absolute;
	right: 80px;
	top: 12px;
}
.info-content .el-input input{
	border-radius: 4px;
	background: #ffffff;
	color: #606266;
	display: inline-block;
	font-size: inherit;
	height: 40px;
	line-height: 40px;
	outline: 0;
	padding: 0 15px;
	width: 400px;
	border: 1px solid #DCDFE6;
	float: left;
}
.info-content .el-input textarea{
	display: block;
	resize: vertical;
	padding: 5px 15px;
	box-sizing: border-box;
	width: 432px;
	font-size: inherit;
	color: #606266;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #DCDFE6;
	border-radius: 4px;
	resize:none;
	outline: 0;
}
.info-content .regBtn{
	background: #4379E8;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	width: 150px;
	cursor: pointer;
	border-radius: 3px;
}
.info-content .regBtn:hover{
	background: #FF7404;
}
.discount{
	margin-top: 100px;
}
.discount .discountTitle{
	height: 42px;
	line-height: 42px;
	width: 1200px;
	font-size: 28px;
	background: linear-gradient(90deg, rgb(249, 120, 34) 0%, rgb(251, 172, 94) 100%);
	border-radius: 5px;
	padding: 10px 0;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}
.discount .discountTitle .h2Span{
	font-size: 16px;
	margin-left: 10px;

}
.discount .discountTitle .h2A{
	font-size: 16px;
		color: #ffffff;
	
}
.discount h2,.discountV2 h2{
	font-size: 32px;
	margin: 0 0 10px;
	text-shadow: 0 4px 20px #00000059;
	color: yellow;
}
.discount h2 .h2Span,.discountV2 h2 .h2Span{
	font-size: 20px;
	text-shadow: 0 4px 20px #00000059;
	color: #F7E4D1;
	margin-left: 30px;
}
.discount h2 .h2A,.discountV2 h2 .h2A{
	font-size: 20px;
	text-shadow: 0 4px 20px #00000059;
	color: #FFF099;
	margin-left: 30px;
}
.discount .disContent{
	width: 1140px;
	height: 500px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
}
.discount .disContent ul li{
	width: 350px;
	float: left;
	height: 450px;
	border-color: #525F7F;
	background: #4169E1;
	/*box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%) !important;*/
	border-radius: 30px;
	margin-left: 15px;
	margin-right: 15px;
}

.discount .disContent ul li .ConTop{
	width: 120px;
	height: 120px;
	color: #ffffff;
	font-size: 30px;
	text-align: center;
	line-height: 120px;
	border-radius: 50%;
	float: left;
	margin-left: 115px;
	margin-top: 40px;
	box-shadow: 0px 0px 10px 0px #fff, 0px 0px 15px 0px #fff inset;
}
.discount .disContent ul li .ConFoot{
	width: 270px;
	height: 150px;
	color: #ffffff;
	font-size: 30px;
	text-align: center;
	float: left;
	margin-left: 40px;
}
.discount .disContent ul li .ConFoot h3{
	font-size: 20px;
}
.discount .disContent ul li .ConFoot p{
	font-size: 15px;
}
.discountV2 .disContentV2{
	width: 1200px;
	height: 800px;
	float: left;
	border-radius: 10px;
	margin-top: 30px;
}
.discountV2 .disContentV2 ul li{
	width: 290px;
	float: left;
	height: 700px;
	border-color: #525F7F;
	background: #ffffff;
	margin-right: 10px;
	box-shadow: 0 15px 25px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%) !important;
}
.discountV2 .disContentV2 ul li:hover .ConTopV2{
	background: #437DE9;
	color: #ffffff !important;
}
.discountV2 .disContentV2 ul li .ConTopV2{
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 25px;
	color: #000000;
	font-weight: 700;
}
.discountV2 .disContentV2 ul li .title1{
	text-align: center;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
}
.discountV2 .disContentV2 ul li .title2{
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
}
.discountV2 .disContentV2 ul li .title1 span{
	font-family: Georgia,sans-serif;
	color: red;
}
.discountV2 .disContentV2 ul li .title3{
	line-height: 30px;
	font-size: 20px;
	padding: 10px 0;
	color: #5E72E4;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px dashed #ddd;
	border-top: 1px dotted #ddd;
	margin-top: 10px;
}
.discountV2 .disContentV2 ul li .title4{
	line-height: 20px;
	text-align: center;
	border-bottom: 1px dashed #ddd;
	height: 180px;
}
.discountV2 .disContentV2 ul li .title4 .title4L{
	width: 145px;
	float: left;
	height: 180px;
	color: #505050;
}
.discountV2 .disContentV2 ul li .title4 .title4R{
	width: 145px;
	float: left;
	height: 180px;
	color: #505050;
}
.ljktBtn{
	width: 240px;
	height: 40px;
	background: #5E72E4;
	text-align: center;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 40px;
	font-weight: 700;
	border-radius: 5px;
	margin-left: 25px;
	margin-top: 30px;
	cursor: pointer;
}
.danger{
	color: red;
}
.strong{
	font-weight: 700;
}
.pt-ribbon-wrapper{
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 80px;
	height: 80px;
}
 .pt-ribbon-wrapper .pt-ribbon {
    position: absolute;
    height: 40px;
    top: 0;
    left: -32px;
    width: 180px;
    background-color: red;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 40px;
    transform: rotate(40deg);
}
.discountV3 h2{
	font-size: 32px;
	margin: 0 0 20px;
	text-align: center;
	text-shadow: 0 4px 20px #00000059;
	color: red;
}
.discountV3 h3{
	font-size: 20px;
	text-align: center;
	text-shadow: 0 4px 20px #00000059;
	color: #000000;
	font-weight: 400;
}
.discountV3 .item{
	  width: 1200px;
    margin: 50px auto;
    display: flex;
    align-items: center;
    margin-top: 80px;
}
.discountV3 .item h2{
	color: #000000;
	text-align: left;
	font-size: 28px;
}
.discountV3 .item p{
	font-size: 14px;
}
.discountV3 .item .left{
	width: 400px;
	float: left;
}
.discountV3 .item .right{
	width: 400px;
	float: right;
}
.left_img {
    width: 800px;
    float: right;
}
.right_img{
	float: left;
}
.left_img img{
	width: 700px;
	margin-left: 100px;
}
.right_img img{
	width: 700px;
	margin-right: 100px;
}
.ljcyBtn{
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #5E72E4;
	font-size: 15px;
	color: #FFFFFF;
	border-radius: 5px;
	cursor: pointer;
}
.navleft{
	position: absolute;
	top: 100px;
	width: 250px;
	height: calc(100vh - 100px);
	background-color: #FFFFFF;
	box-shadow: 10px 0px 17px rgb(72 72 72 / 10%);
	overflow-y: auto;
	overflow-x: hidden;
}
.navright{
	position: absolute;
	top: 120px;
	left: 270px;
	bottom: 20px;
	overflow: auto;
	height: calc(100vh - 140px);
	width: calc(100vw - 290px);
	box-shadow: 10px 0px 17px rgb(72 72 72 / 50%);
}
#iframev video{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#navright2{
	background: #F4F6F9;
}
#navright2 .helpIntroduce{
	margin-left: 150px;
	margin-right: 150px;
}
#navright2 .helpIntroduce h2{
	text-align: left;
	font-size: 30px;
	font-weight: 400;
	margin-top: 80px;
}
#navright2 .helpIntroduce p{
	font-size: 18px;
	line-height: 30px;
}

.navright .contentDiv{
	display: none;
}
.navright .contentDiv h2{
	text-align: center;
	font-size: 28px;
	color: #2693FF;
}
.navright .contentDiv h3{
	text-align: center;
	font-size: 20px;
	color: #000000;
}
.navright .contentDiv .contentBody{
	padding: 50px;
}

#navright2 .titleUl{
	display: none;
}

#navright2 .titleUl .search-keywords{
	height: 40px;
	margin-top: 20px;
	margin-left: 30px;
	line-height: 40px;
	font-size: 18px;
}
#navright2 .titleUl .resultUl{
    margin-left: 30px;
    line-height: 40px;
    font-size: 18px;
    margin-top: 10px;
    height: auto;
    min-height: 500px;
    padding-bottom: 30px;
}
#navright2 .titleUl .resultUl ul li{
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    width: 240px;
    border-bottom: 1px dotted #ddd;
}
#navright2 .titleUl .resultUl ul li span{
	margin-right: 10px;
}
#navright2 .titleUl h2{
	background: #2693FF;
	color: #ffffff;
	font-size: 20px;
	text-align: left;
	line-height: 50px;
	margin-top: 0;
}
#navright2 .titleUl h2 i{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0;
}
.navTop{
		height: 40px;
    width: 250px;
    margin-top: 20px;
    border-top: 1px solid #3A93F7;
    border-bottom: 1px solid #3A93F7;
    margin-bottom: 1px;
}
.navTop span{
	width: 125px;
	display: block;
	float: left;
	color: #3A93F7;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
.navTop .active{
	background: #3A93F7;
	color: #ffffff;
}

.nav-list ul .nav-tab .li-a {
    padding: 12px 15px 12px 25px !important;
    text-decoration: none;
    display: block;
    padding: 0.65rem 1.5rem;
    font-size: 17px;
    font-weight: 900;
    color: #000000;
}
.nav-list ul li:hover{
	background: #3A93F7;
}
.badge-primary {
    color: #fff;
    background-color: #007bff;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.float-right {
    float: right!important;
}
.nav-list ul .a_active {
    background-color: #3A93F7;
}
#book-search-input {
    padding: 6px;
    background: 0 0;
    transition: top .5s ease;
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.07);
    border-top: 1px solid rgba(0,0,0,.07);
    margin-top: -1px;
}
#book-search-input i{
	font-size: 15px;
	cursor: pointer;
}
#book-search-input input, #book-search-input input:focus, #book-search-input input:hover {
    width: 80%;
    background: 0 0;
    border: 1px solid transparent;
    box-shadow: none;
    outline: 0;
    line-height: 22px;
    padding: 7px 7px;
    color: inherit;
    font-size: 15px;
    
 }

.sidebar .sidebar-body{
    width:263px;
}
.sidebar .sidebar-body .mCustomScrollBox {
    background-color: #ffffff;
}
.sidebar .sidebar-body .nav .nav-item{
    width:220px !important;
}
.sidebar .sidebar-body .nav .nav-item .nav-link{
    height:50px;
}
.sidebar .sidebar-body .nav .nav-item .nav-link .link-title {
    color: #192E43;
}
.sidebar .sidebar-body .nav .nav-item.nav-category {
    color: #eeeeee;
}

.sidebar .sidebar-body .nav .nav-item {
    margin-left: 20px;
    width: 200px;
}
.sidebar-nav .active {
    background-color: #3A93F7 !important;
    border-radius:30px;
}
.sidebar-nav .active2 {
    background-color: #3A93F7 !important;
    border-radius: 30px;
}
.sidebar-nav .active2 a{
    color:#ffffff !important;
}
.sidebar .sidebar-body .nav .nav-item .imgShow_1 {
    display: none;
}
.sidebar .sidebar-body .nav .nav-item .imgShow_2 {
    display: block;
}
.sidebar .sidebar-body .nav .nav-item.active .imgShow_1 {
    display: block;
}
.sidebar .sidebar-body .nav .nav-item.active .imgShow_2 {
    display: none;
}

.sidebar .sidebar-body .nav .nav-item.active2 .imgShow_1 {
    display: block;
}
.sidebar .sidebar-body .nav .nav-item.active2 .imgShow_2 {
    display: none;
}

.sidebar .sidebar-body .nav .nav-item.active .nav-link span, .sidebar .sidebar-body .nav .nav-item.active i {
    color: #ffffff !important;
}
.sidebar .sidebar-body .nav .nav-item.active2 .nav-link span, .sidebar .sidebar-body .nav .nav-item.active2 i {
    color: #ffffff !important;
}
#mCSB_1_container {
    position: relative;
    top: 20px !important;
    left: 0;
}
.sidebar-nav li a {
    margin-bottom: 0 !important;
}
.navbar {
    background-color: #fff;
    width: 100%;
    height: 60px;
    border-bottom: 0 !important;
    display: flex;
    align-items: center;
    padding: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 200;
    transition: width .1s ease,left .1s ease;
    box-shadow: none !important;
}
.navbar .navbar-header {
    border-bottom: none !important;
    width:262px;
}
#wel_spread_1 .ui-statistic {
    padding: 0 0.5vw;
    text-align:center;
}
.mb-5, .my-5 {
    margin-bottom: 2rem !important;
}

.bootbox-cancel {
    float: left !important;
    display: inline-block;
    margin-right: -140px !important;
}
.ui-messager .modal-content .modal-footer .btn:nth-child(2){
    float: right !important;
    display: inline-block;
    margin-right: 66px !important;
}
.sidebar .sidebar-body .nav .nav-item.active .nav-link:before{
    width:0;
    height:0;
}
.page-wrapper {
    margin-left: 262px;
    width: calc(100% - 262px);
}
#userAccount .sub-menu .nav-item, #NodeManage .sub-menu .nav-item, #DevicePcManage .sub-menu .nav-item, #userBusinessCord .sub-menu .nav-item {
    width: 180px !important;
    border-radius: 25px;
}
#userAccount .sub-menu .active a, #NodeManage .sub-menu .active a, #DevicePcManage .sub-menu .active a, #userBusinessCord .sub-menu .active a {
    color: #ffffff !important;
}
.navbar-content{
    position:fixed;
    right:0;
    top:0;
    background:#5DAAFE;
    color:#ffffff;
    margin-right:0;
}
.navbar-content .navbar-button .login-out:hover{
    background:none;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}
.sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link{
    padding-left:35px;
}
.body-frame{
    margin-top:-70px;
    width:100%;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    height:100vh;
    display:none;
}
.nav-help{
	display: none;
}