* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.yy_index,.yy_ban,.ban_top{
	width: 100%;
	height: 100%;
}
@media (min-width:0\0) and (min-resolution:.001dpcm) {
  .ban_bg{
    background: url('../img/new_home_img/ban_bg.png') no-repeat;
    background-size: 100% 100%;
  }
}
.ban_bg{
	position: relative;
	background: linear-gradient(144deg, #4D6BF9 0%, #0B34AF 100%);
}
/* 寮堢浘 */
.ts_banner,
.yd_banner,
.gf_banner {
	width: 50%;
	height: 100%;
	position: relative
}
.yd_img_main{
	width: 100%;
	position: absolute;
	bottom: 40px;
}
.yd_bg_logo {
	position: absolute;
	top: 17%;
	left: 28%;
	animation: floatDown 2.5s linear infinite
}

.yd_access {
	position: absolute;
	top: 36%;
	left: 13%;
	animation: floatUp 2.5s linear infinite
}

.yd_games {
	position: absolute;
	top: 40%;
	right: 26%;
	animation: floatUp 2.5s linear infinite
}

.yd_attack {
	position: absolute;
	top: 56%;
	left: 43%;
	animation: floatUp 2.5s linear infinite
}

.yd_hackers {
	position: absolute;
	bottom: 47%;
	left: 12%;
	animation: floatUp 2.5s linear infinite
}

.yd_hackers1 {
	position: absolute;
	bottom: 35.5%;
	right: 33%;
	animation: floatUp 2.5s linear infinite
}
/* 澶╄ */
.ts_main_ban{
	width: 100%;
	position: absolute;
	bottom: 9%;
    right: 6%;
}
.ts_list_text {
	display: flex;
	justify-content: space-around;
	position: absolute;
	top: 62%;
	width: 80%;
	left: 10%;
	transform: translateY(-50%)
}

.ts_list_text li {
	animation: floatUp 2s linear infinite;
	color: #8dfce2;
	font-size: 12px;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
	float: left;
	margin-left: 10px;
	position: relative
}

.ts_list_text li:nth-of-type(2n) {
	animation: floatDown 2s linear infinite
}

.left_box {
	position: absolute;
	bottom: 46%;
    left: 30%;
	transform: translate(-50%, -50%)
}

.right_box {
	position: absolute;
	bottom: 55%;
    right: 13%;
}

.left_ban {
	position: relative;
	z-index: 2;
	animation: floatDown 2.5s linear infinite
}

@keyframes floatDown {

	0%,
	100% {
		transform: translateY(-20px)
	}

	50% {
		transform: translateY(0)
	}
}

.right_box .left_line {
	width: 100%;
	text-align: right;
	left: 5px
}

.left_line {
	position: absolute;
	top: -74px;
	left: -8px;
	z-index: 1;
	animation: floatUp 2.5s linear infinite
}

@keyframes floatUp {

	0%,
	100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-20px)
	}
}
.bubble_box {
	position: absolute;
	bottom: 45%;
	left: 51%
}
.bubbles {
	position: relative;
	width: 128px;
	height: 330px;
	overflow: hidden
}

.bubble {
	width: 7px;
	height: 7px;
	position: absolute;
	bottom: -30px;
	background: #bafcfc;
	border-radius: 50%;
	opacity: .7;
	animation: flying 10s infinite ease-in
}

.bubble:nth-child(1) {
	left: 10%;
	animation-duration: 8s
}

.bubble:nth-child(2) {
	left: 15%;
	animation-duration: 5s;
	animation-delay: 1s
}

.bubble:nth-child(3) {
	left: 20%;
	animation-duration: 10s;
	animation-delay: 2s
}

.bubble:nth-child(4) {
	left: 25%;
	animation-duration: 7s;
	animation-delay: .7s
}

.bubble:nth-child(5) {
	left: 30%;
	animation-duration: 6s;
	animation-delay: 2s
}

.bubble:nth-child(6) {
	left: 35%;
	animation-duration: 8s;
	animation-delay: 3s
}

.bubble:nth-child(7) {
	left: 40%;
	animation-duration: 7s;
	animation-delay: 2s
}

.bubble:nth-child(8) {
	width: 3px;
	height: 3px;
	left: 45%;
	animation-duration: 6s;
	animation-delay: 1s
}

.bubble:nth-child(9) {
	left: 50%;
	animation-duration: 9s;
	animation-delay: .2s
}

.bubble:nth-child(10) {
	left: 55%;
	animation-duration: 5s;
	animation-delay: 3s
}

.bubble:nth-child(11) {
	left: 60%;
	animation-duration: 4s;
	animation-delay: 2.5s
}

.bubble:nth-child(12) {
	left: 65%;
	animation-duration: 5s;
	animation-delay: 1.5s
}

.bubble:nth-child(13) {
	left: 70%;
	animation-duration: 10s;
	animation-delay: 4s
}

.bubble:nth-child(14) {
	left: 75%;
	animation-duration: 7s;
	animation-delay: .5s
}

.bubble:nth-child(15) {
	left: 80%;
	animation-duration: 6s;
	animation-delay: 2s
}

.bubble:nth-child(16) {
	left: 85%;
	animation-duration: 8s;
	animation-delay: 3s
}

.bubble:nth-child(17) {
	left: 90%;
	animation-duration: 7s;
	animation-delay: 2s
}

.bubble:nth-child(18) {
	width: 3px;
	height: 3px;
	left: 55%;
	animation-duration: 6s;
	animation-delay: 1.3s
}

.bubble:nth-child(19) {
	left: 42%;
	animation-duration: 9s;
	animation-delay: 5s
}

.bubble:nth-child(20) {
	left: 72%;
	animation-duration: 5s;
	animation-delay: 3.7s
}

@keyframes flying {
	0% {
		bottom: -15px
	}

	25% {
		width: 5px;
		height: 5px;
		opacity: .5;
		transform: translateX(-10px)
	}

	50% {
		width: 4px;
		height: 4px;
		opacity: .4
	}

	50% {
		width: 3px;
		height: 3px;
		opacity: .3;
		transform: translateX(20px)
	}

	100% {
		width: 2px;
		height: 2px;
		opacity: .2;
		transform: translateX(-10px);
		bottom: 330px
	}
}
/* 楂橀槻 */
.gf_main_ban{
	width: 100%;
	position: absolute;
    bottom: 22%;
}
.gf_phone {
	position: absolute;
	top: 42%;
	left: 9%;
	animation: floatUp 2.5s linear infinite
}

.gf_shield {
	position: absolute;
	top: 49%;
	right: 27%;
	animation: floatUp 2.5s linear infinite
}

.gf_clean {
	position: absolute;
	top: 33%;
	right: 15%;
	animation: floatUp 2.5s linear infinite
}

.gf_bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.gfbubbles1 {
	position: absolute;
	left: 28%;
	top: 52%;
	transform: translate(-50%, -50%);
	animation: starFlick 3.5s linear infinite
}

.gfbubbles2 {
	width: 34px;
	position: absolute;
	left: 11%;
	bottom: 30%;
	transform: translate(-50%, -50%);
	animation: starFlick 4.5s linear infinite
}

.gfbubbles3 {
	width: 48px;
	position: absolute;
	right: 32%;
	top: 45%;
	transform: translate(-50%, -50%);
	animation: starFlick1 3s linear infinite
}

.gfbubbles4 {
	width: 34px;
	position: absolute;
	right: 18%;
	bottom: 39%;
	transform: translate(-50%, -50%);
	animation: starFlick1 4s linear infinite
}

.gf_line {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 600px;
	margin-top: -300px;
	overflow: hidden
}

.gfline1 {
	position: absolute;
	left: 22%;
	bottom: 0;
	transform: translate(-50%, -50%);
	animation: translateGf 5s linear infinite
}

.gfline2 {
	opacity: .36;
	position: absolute;
	left: 26%;
	bottom: 0;
	transform: translate(-50%, -50%);
	animation: translateGf 3s linear infinite
}

.gfline3 {
	opacity: .3;
	position: absolute;
	right: 35%;
	bottom: 0;
	transform: translate(-50%, -50%);
	animation: translateGf 4s linear infinite
}

.gfline4 {
	opacity: .48;
	position: absolute;
	right: 25%;
	bottom: 0;
	transform: translate(-50%, -50%);
	animation: translateGf 4.5s linear infinite
}

@keyframes translateGf {
	0% {
		transform: translate(0, 10px)
	}

	100% {
		transform: translate(0, -620px)
	}
}

@keyframes starFlick {

	0%,
	100% {
		opacity: 0
	}

	50% {
		opacity: 1
	}
}

@keyframes starFlick1 {

	0%,
	100% {
		opacity: 0
	}

	50% {
		opacity: .5
	}
}
/* 浜戞垷 */
.ban_main{
	position: absolute;
	top: 20%;
	left: 6%;
	color: #FFFFFF;
	z-index: 2;
}
.ban_main h1{
	font-size: 60px;
	font-weight: 500;
	margin-bottom: 43px;
}
.ban_text{
	/* width: 760px; */
	font-size: 18px;
	font-weight: 500;
	line-height: 35px;
	margin-bottom: 99px;
	/* letter-spacing: 1px; */
}
.experience{
	display: inline-block;
    width: 134px;
	height: 40px;
	background: #FFFFFF;
    color: #1643F3;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
    z-index: 111;
    position: relative;
    margin-right: 40px;
}
.fordetails{
	display: inline-block;
	width: 134px;
	height: 40px;
	border: 1px solid #EEEEEE;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 40px;
    z-index: 111;
    position: relative;
}
.ban_img_box{
	width: 79%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.ban_img_box .img_main,.ban_img_box .img_box{
	width: 100%;
	position: relative;
}
.lock_yj{
	position: absolute;
	right: 50%;
    bottom: 43%;
	z-index: 1;
	width: 35px;
	animation: floatUp 2.5s linear infinite;
}
.box_yj{
	position: absolute;
	right: 17.2%;
    bottom: 46%;
	z-index: 1;
	width: 47px;
	animation: floatUp 2.5s linear infinite;
}
.lamp_box{
	position: absolute;
	right: 39%;
    bottom: 72%;
}
.lamp_list{
	position: relative;
	width: 29px;
	height: 55px;
}
.lamp{
	background: #14ADFF;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	opacity: .5;
	position: absolute;
}
.lamp1{
	bottom: 0;
	left: 0px;
}
.lamp2{
	bottom: 35%;
	left: 0px;
}
.lamp3{
	bottom: 70%;
	left: 0px;
}
.lamp4{
	bottom: 90%;
	right: 0px;
}
.lamp5{
	bottom: 60%;
	right: 0px;
}
.lamp6{
	bottom: 30%;
	right: 0px;
}
.lamp7{
	bottom: 0px;
	right: 0px;
}
.ban_zizhi{
	width: 100%;
	height: 100px;
	background: rgba(156, 177, 255, 0.1);
	position: absolute;
	bottom: 0;
	z-index: 9;
	backdrop-filter: blur(4px);
}
@keyframes floatUp{
	0%,100%{
		transform: translateY(0);
	}
	50%{
		transform: translateY(-20px);
	}
}
.zizhi_box{
	width: 1200px;
	margin: 0 auto;
}
.zizhi_box img{
	width: 210px;
	margin-right: 31px;
}
.zizhi_box img:last-child{
	margin-right: 0;
}
.pad_t50{
	padding-top: 50px;
}
/* 浜у搧浣撶郴 */
.pro_li{
	margin-bottom: 60px;
}
.pro_li .pro_con h3{
	font-size: 28px;
	font-weight: 500;
	color: #333333;
	margin: 75px 0 20px;
}
.pro_li .pro_con p{
	width: 685px;
	height: 100px;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
}
.pro_li .pro_con .btn_blue{
	width: 100px;
	height: 33px;
	background: #258FFC;
	font-size: 14px;
	line-height: 33px;
	text-align: center;
}
.pro_li .pro_con .btn_blue a,.btn_contact{
	display: block;
	color: #fff;
	cursor: pointer;
}
.pro_li .pro_img{
	width: 390px;
}
/* 瀹夊叏鍚堣鏋舵瀯 */
.an_framework{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: url(../img/new_home_img/security_bg.png) no-repeat;
	background-size: 100% 100%;
	background-color: #e7eaf6;
	
}
.an_framework .main_title,.an_framework .main_eng{
	/* color: #FFFFFF; */
}
/* 鏈嶅姟浣撶郴 */
.an_server,.case{
	background: #FFFFFF;
	padding-bottom: 50px;
}
.an_ser_ul li{
	float: left;
	width: 387px;
	height: 290px;
	border-radius: 4px;
	padding: 59px 20px 0;
	box-sizing: border-box;
	translate: all 1s;
}
.an_ser_ul li h3{
	font-size: 20px;
	font-weight: 500;
	color: #333333;
}
.an_ser_ul li p{
	width: 196px;
	height: 111px;
	padding-top: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 21px;
}
.an_ser_ul li:hover .lih3,
.an_ser_ul li:hover .lip{
	color: #FFFFFF;
}
.an_ser_ul li:hover .server_btn{
	background: #FFFFFF;
}
.an_ser_ul li:hover .server_btn a{
	color: #2469F2;
}
.server_btn{
	width: 87px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	background: #2469F2;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 400;
}
.server_btn a{
	color: #FFFFFF;
	display: block;
}
.penetration{
	background: url(../img/new_home_img/penetration_bg.png) no-repeat;
	background-size: 100%;
}
.penetration:hover{
	background: url(../img/new_home_img/penetration_active_bg.png) no-repeat;
	background-size: 100%;
}
.response{
	margin: 0 19px;
	background: url(../img/new_home_img/response_bg.png) no-repeat;
	background-size: 100%;
}
.response:hover{
	background: url(../img/new_home_img/response_active_bg.png) no-repeat;
	background-size: 100%;
}
.grade{
	background: url(../img/new_home_img/grade_bg.png) no-repeat;
	background-size: 100%;
}
.grade:hover{
	background: url(../img/new_home_img/grade_active_bg.png) no-repeat;
	background-size: 100%;
}
/* 鏂伴椈 */
.information{
	width: 100%;
	height: 828px;
	background: url(../img/new_home_img/new_bg.png) no-repeat;
	background-size: 100% 100%;
}
.infor_box{
	background: #FFFFFF;
	box-shadow: 2px 2px 10px 0px rgba(45, 95, 150, 0.14);
}
.infor_box>div{
	height: 275px;
}
.infor_box>div:first-child{
	padding-bottom: 20px;
}
.infor_box>div:last-child{
	padding-top: 20px;
}
.info_img{
	position: relative;
	width: 521px;
	height: 255px;
}
.info_img>img{
	width: 100%;
	height: 100%;
}
.info_type{
	position: absolute;
	left: 0;
	top: 20px;
	width: 81px;
	height: 27px;
	line-height: 27px;
	background: url(../img/new_home_img/new_type.png) no-repeat;
	background-size: 100% 100%;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
}
.info_lf_tit{
	width: 100%;
	height: 45px;
	line-height: 45px;
	padding:0 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	background: rgba(0, 52, 148, 0.35);
	position: absolute;
	bottom: 0;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}
.info_fr{
	width: 679px;
	height: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
.info_ul{
	width: 100%;
	height: 100%;
}
.info_ul li{
	/* cursor: pointer; */
	height: 75px;
	padding: 11px 0 0;
	box-sizing: border-box;
	border-bottom: 1px dashed rgba(89, 146, 255, .34);
}
.li_circle{
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #5992FF;
	margin-right: 12px;
	vertical-align: middle;
}
.info_time{
	font-size: 12px;
	font-weight: 400;
	color: #999999;
}
.info_ul li h3{
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	color: #333333;
	margin: 5px 0 0;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.info_ul li h3 a{
	color: #333333;
}
.info_ul li h3:hover{
	color: #5992FF;
}
.info_ul li h3:hover a{
	color: #5992FF;
}
.industry .info_ul{
	border-bottom: 1px solid rgba(89, 146, 255, .34);
}
.new_more{
	display: block;
	width: 93px;
	height: 31px;
	text-align: center;
	line-height: 30px;
	margin: 40px auto ;
	background: #5992FF;
	box-shadow: 0px 2px 5px 0px rgba(37, 143, 252, 0.45);
	border-radius: 2px;
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
}


/* 鎴愬姛妗堜緥 */
.case {
	/* opacity: 0;
	transform: translateY(100px);
	margin-bottom: 1px; */
}
.case_list li {
	margin: 0 0 14px;
	float: left;
	width: 200px;
	text-align: center;
}

.case_list li img {
	width: 188px;
	height: 92px;
	box-shadow: 2px 2px 10px 0px rgba(45, 95, 150, 0.14);
	border-radius: 2px;
}

#anquanchanpin,#an_server,#new_infor,#case_index{
	opacity: 0;
    transform: translateY(100px);
}



/* 杞挱 */
.ban_top>.yy_ban_pagin{
	bottom: 153px !important;
}
.yy_ban_pagin .swiper-pagination-bullet{
	width: 88px;
	height: 4px;
	background: rgba(255, 255, 255, 0.25);
	border-radius: 0;
}
.yy_ban_pagin .swiper-pagination-bullet-active{
	background: #FFFFFF;
}



/* 鑱旂郴鎴戜滑 */
.shade {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 999;
	display: none
}

.shade_box {
	width: 140px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -100px;
	background: #fff;
	border-radius: 5px;
	text-align: left;
	padding: 20px 30px 0;
	line-height: 30px
}

.close_shade {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer
}
@media screen and (max-width:1280px) {
	.lock_yj{
		width: 25px;
	}
	.box_yj{
		width: 33px;
	}
	.ts_list_text li {
		margin-left: 2px
	}
	.lamp_list{
		width: 19px;
		height: 55px;
	}
	.lamp{
		width: 5px;
		height: 5px;
	}
	.lamp2{
		bottom: 20%;
		left: 0px;
	}
	.lamp3{
		bottom: 40%;
		left: 0px;
	}
	.lamp4{
		bottom: 60%;
		right: 0px;
	}
	.lamp5{
		bottom: 40%;
		right: 0px;
	}
	.lamp6{
		bottom: 20%;
		right: 0px;
	}

	.yy_ban,.an_framework,.an_framework .main_box {
		height: 658px
	}
	.ban_zizhi{
		top: 558px;
	}

	.ts_box,
	.yd_box,
	.gf_box {
		top: 118px;
		left: 40px
	}

	.yd_bg_logo {
		width: 155px
	}

	.yd_access {
		width: 40px
	}

	.yd_games {
		width: 43px
	}

	.yd_attack {
		width: 74px
	}

	.yd_hackers {
		width: 22px
	}

	.yd_hackers1 {
		width: 22px
	}

	.yd_hackers1 {
		width: 34px
	}

	.gf_phone,
	.gf_clean {
		width: 75px
	}

	.gf_shield {
		width: 90px
	}

	.gfbubbles1 {
		width: 41px
	}

	.gfbubbles2,
	.gfbubbles4 {
		width: 24px
	}

	.gfbubbles3 {
		width: 30px
	}

	.gf_line {
		height: 400px;
		margin-top: -200px
	}

	.left_box {
		bottom: 310px;
		width: 40px
	}

	.right_box {
		width: 40px;
		bottom: 375px;
		text-align: right
	}

	.bubble_box {
		bottom: 303px
	}

	.bubbles {
		width: 78px;
		height: 210px
	}

	.left_ban {
		width: 36px
	}

	.left_box {
		bottom: 43%
	}

	.right_box {
		bottom: 52%;
	}

	.yun>img {
		top: 68px;
		width: 168px
	}

}

@media(min-width:1281px) and (max-width:1440px) {
	.lock_yj{
		width: 25px;
	}
	.box_yj{
		width: 33px;
	}
	.lamp_list{
		width: 19px;
		height: 55px;
	}
	.lamp{
		width: 5px;
		height: 5px;
	}
	.lamp2{
		bottom: 20%;
		left: 0px;
	}
	.lamp3{
		bottom: 40%;
		left: 0px;
	}
	.lamp4{
		bottom: 60%;
		right: 0px;
	}
	.lamp5{
		bottom: 40%;
		right: 0px;
	}
	.lamp6{
		bottom: 20%;
		right: 0px;
	}
	.ts_list_text li {
		margin-left: 2px
	}

	.ts_box,
	.yd_box,
	.gf_box {
		left: 60px
	}

	.gf_phone,
	.gf_clean {
		width: 85px
	}

	.gf_shield {
		width: 96px
	}

	.gfbubbles1 {
		width: 48px
	}

	.gfbubbles2,
	.gfbubbles4 {
		width: 30px
	}

	.gfbubbles3 {
		width: 40px
	}

	.gf_line {
		height: 400px;
		margin-top: -200px
	}

	.yd_bg_logo {
		width: 162px;
		top: 22%;
		left: 29%
	}

	.yd_access {
		width: 46px;
		top: 39%
	}

	.yd_games {
		width: 48px
	}

	.yd_attack {
		width: 74px
	}

	.yd_hackers {
		width: 26px
	}

	.yd_hackers1 {
		width: 22px
	}

	.yd_hackers1 {
		width: 38px
	}

	.left_ban {
		width: 36px
	}

	.left_box {
		bottom: 43%
	}

	.right_box {
		bottom: 52%;
	}

	.bubbles {
		width: 82px;
		height: 233px
	}
}

@media(min-width:1441px) and (max-width:1600px) {
	.lock_yj{
		width: 29px;
	}
	.box_yj{
		width: 37px;
	}
	.lamp_list{
		width: 19px;
		height: 55px;
	}
	.lamp{
		width: 7px;
		height: 7px;
	}
	.lamp2{
		bottom: 30%;
		left: 0px;
	}
	.lamp3{
		bottom: 60%;
		left: 0px;
	}
	.lamp4{
		bottom: 75%;
		right: 0px;
	}
	.lamp5{
		bottom: 50%;
		right: 0px;
	}
	.lamp6{
		bottom: 25%;
		right: 0px;
	}

	.ts_list_text li {
		margin-left: 4px
	}
	.ts_box,
	.yd_box,
	.gf_box {
		left: 80px
	}

	.gf_phone,
	.gf_clean {
		width: 95px
	}

	.gf_shield {
		width: 104px
	}

	.gfbubbles1 {
		width: 55px
	}

	.gfbubbles2,
	.gfbubbles4 {
		width: 30px
	}

	.gfbubbles3 {
		width: 40px
	}

	.gf_line {
		height: 400px;
		margin-top: -200px
	}

	.yd_bg_logo {
		width: 182px;
		top: 21%;
		left: 29%
	}

	.yd_access {
		width: 49px;
		top: 39%
	}

	.yd_games {
		width: 49px
	}

	.yd_attack {
		width: 78px
	}

	.yd_hackers {
		width: 26px
	}

	.yd_hackers1 {
		width: 22px
	}

	.yd_hackers1 {
		width: 38px
	}

	.right_box {
		bottom: 54%;
	}
	.left_ban {
		width: 36px
	}
	.left_box {
		bottom: 44%;
	}

	.bubbles {
		width: 93px;
		height: 274px
	}
}

@media(min-width:1600px) and (max-width:1750px) {
	.ts_list_text li {
		margin-left: 7px
	}

	.ts_box,
	.yd_box,
	.gf_box {
		left: 120px
	}

	.gf_phone,
	.gf_clean {
		width: 102px
	}

	.gf_shield {
		width: 110px
	}

	.gfbubbles1 {
		width: 60px
	}

	.gfbubbles2,
	.gfbubbles4 {
		width: 40px
	}

	.gfbubbles3 {
		width: 50px
	}

	.gf_line {
		height: 400px;
		margin-top: -200px
	}

	.yd_bg_logo {
		width: 204px
	}

	.yd_access {
		width: 54px;
		top: 39%
	}

	.yd_games {
		width: 54px
	}

	.yd_attack {
		width: 83px
	}

	.yd_hackers {
		width: 27px
	}

	.yd_hackers1 {
		width: 22px
	}

	.yd_hackers1 {
		width: 38px
	}

	.bubble_box {
		bottom: 387px
	}

	.bubbles {
		width: 110px;
		height: 302px
	}
}