* { box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-text-size-adjust: none; outline: none; }

body{-webkit-text-size-adjust:none; margin:0px; padding:0px}
body {color: #333;font-size: 16px;line-height: 1.5; padding: 0px; margin: 0px;font-family:"Microsoft YaHei","Shonar Bangla","Arial"; background:#fff;}

li{ list-style:none; margin:0px; padding:0px}

a:hover {text-decoration: none;}
div,p,h1,h2,h3,h4,h5,h6,ul,dl,dd,dt,li {margin: 0px;padding: 0px;}
img {border: 0; vertical-align:top}

a {color:#333;-webkit-transition:color 0.3s ease 0s;transition:color 0.3s ease 0s; text-decoration:none}
a:hover, a:focus, a:active, a:visited {text-decoration: none; outline: none; }
:root{
	--btn_bg_on: transparent linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%);
	--btn_bg: transparent linear-gradient(to top, #209cff 0%, #68e0cf 100%);
	--bg1: transparent linear-gradient(-120deg, #35d2ff 0%, #00FFFF 100%) 0% 0% no-repeat padding-box;
--bg1_on: transparent  linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%);
	}
 

.space1{ overflow:hidden; clear:both; height:10px;}
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:30px;}
.space4{ overflow:hidden; clear:both; height:40px;}
.space5{ overflow:hidden; clear:both; height:50px;}
@media only screen and (max-width: 1200px) {
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:25px;}
.space4{ overflow:hidden; clear:both; height:30px;}
.space5{ overflow:hidden; clear:both; height:40px;}
}
@media only screen and (max-width: 900px) {
.space5{ overflow:hidden; clear:both; height:30px;}
}

@media only screen and (max-width: 750px) {
.space5{ overflow:hidden; clear:both; height:20px;}
}


.hui_bg{width:100%; padding:100px 0px 100px 0px; overflow:hidden; }
.bai_bg{width:100%; padding:100px 0px 100px 0px; overflow:hidden; }

@media only screen and (max-width: 1600px) {
.bai_bg{width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
.hui_bg{ width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
}

@media only screen and (max-width: 1440px) {
.main_box{ max-width:1300px; width:94%; overflow:hidden; margin:0 auto;}
}

@media only screen and (max-width:1190px) {
.hui_bg{width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
.bai_bg{  width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
}

@media only screen and (max-width:900px) {
.hui_bg{width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
.bai_bg{ width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
}

.main_box{ max-width:1500px; width:94%; overflow:hidden; margin:0 auto; position: relative;}



.actGotop{position:fixed;_position:absolute;bottom:90px;right:2%;width:40px;height:40px;display:none; z-index:9999}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:inline-block; text-align:center; background: url(../images/up.svg) no-repeat center; background-size:cover;}
.actGotop a:hover{ background:url(../images/up.svg) no-repeat center;outline:none; background-size:cover;}



.magic_top_box{background:url(../images/bg_index.jpg) no-repeat center top; background-size: cover;}

.vpn_sd_top{ padding:20px 0px 20px 0px;overflow: hidden;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}


.sd_vpn_L{padding: 0px;margin:0; overflow: hidden;}
.sd_vpn_L img{height: 52px; width: auto;}

.sd_vpn_R{padding: 0px;margin:0; overflow: hidden;float: right;}
.top_logon{width: 140px;text-align: center; line-height: 44px; font-size: 16px; color: #fff; border-radius: 50px;font-weight: 700;display: inline-block;background:var(--btn_bg)}
.top_logon:hover{background:#ffa200;}

.t_pc_btn{width: 140px; line-height: 44px;font-weight: 700; font-size: 16px; color: #fff;display: inline-block; margin: 0px 10px;border-radius: 50px;text-align: center;}
.t_pc_btn:hover{background:#ffa200; color: #fff;}


@media only screen and (max-width:1300px) {
.top_logon{width: 120px; }
.t_pc_btn{width: 120px;  }	
}
@media only screen and (max-width:1200px) {
.sd_vpn_L img{height: 40px;}
}
@media only screen and (max-width:1000px) {
.t_pc_btn{display: none}
.top_logon{width: 120px; line-height: 40px;  }
}

.magic_m_info{padding: 0px;margin:0; overflow: hidden; padding-top: 6%;}
.magic_m_info dl{padding: 0px;margin:0; overflow: hidden; text-align: center; color: #fff;}
.magic_m_info dl dt h3{padding: 0px;margin:0; overflow: hidden;font-size:60px; margin-bottom: 10px;font-weight: bold;}
.magic_m_info dl dd{padding: 0px;margin:0; overflow: hidden;font-size: 24px; line-height: 190%;}
.magic_m_info dl dd{padding: 0px;margin:0; overflow: hidden;}

.magic_m_pic{padding: 0px 30px;margin:0; overflow: hidden;text-align: center; padding-top: 4%;}
.magic_m_pic img{max-width: 100%;height: auto;width: auto;vertical-align: bottom;}

@media only screen and (max-width:1200px) {
    .magic_m_info dl dt h3{font-size:45px; }
    .magic_m_info dl dd{font-size: 20px; }

}

@media only screen and (max-width:800px) {
    .magic_m_info dl dt h3{font-size:36px; }
    .magic_m_info dl dd{font-size: 18px; }

}


@media only screen and (max-width:550px) {
    .magic_m_info dl dt h3{font-size:30px; }
    .magic_m_info dl dd{font-size: 16px; }
    .magic_m_info dl dt h3 span{display: block;}

}



.axjc_box{ list-style:none; margin:0 auto; padding:0px;width: 180px;  margin-top: 20px; }
.axjc_box a{ display:inline; line-height:40px; text-decoration:none}
.w_sj_box{display:  none; margin-top: 10px; margin-bottom: 20px}
.ios_azbox{margin:0px; padding:0px;overflow:hidden;font-size:18px; color:#ffffff; font-weight:300; text-align: center;
	background: var(--btn_bg_on);		
	line-height:52px; border-radius:50px;  height: 52px;font-weight: 700}
.ios_azbox i{ margin-right:5px; font-size:24px; color:#ffffff;  vertical-align:middle; margin-top:-6px}
.ios_azbox span {margin:0px; padding:0px; margin-right:10px}
.ios_azbox span img{width:26px; height:26px; vertical-align:middle; }




@media only screen and (max-width:1000px) {
.sd_main_bg{min-height:200px; height: auto;}
.pc_down_k{ display:none}
.w_sj_box{display: block}

}

@media only screen and (max-width:600px) {
		.axjc_box{margin:0 auto;width: 180px; margin-top: 30px;}
		.ios_azbox{ background: var(--btn_bg_on);}
}


.pc_down_k{height:auto; margin:0 auto; padding:0px; margin: 0px; overflow:hidden;margin-top: 20px;}
.pc_down_k ul{ margin:0 auto; padding:0px;display: flex;display: -webkit-flex; flex-wrap: wrap;gap: 20px;justify-content:center}
.pc_down_k ul li{ margin:0px; padding:20px 0px;}
.pc_down_an{width:170px;height:54px; border-radius:50px; text-align:center; line-height:54px; font-size:18px;font-weight: bold;float:left;
	background: var(--btn_bg_on);
	 border:rgba(255, 216, 182, 0.6) 1px solid;
	box-shadow:0 0 15px 1px rgba(0,0,0,.1)}
.pc_down_k ul li a{ display:inline; text-decoration:none; color: #fff}
.pc_down_an i{ font-size:24px; margin-right:8px;color: #fff;line-height: 30px;}

.pc_down_k ul li:hover .pc_down_an{background-image:  linear-gradient(-225deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%); color:#FFFFFF}
.pc_down_k ul li:hover i{color:#FFFFFF}


.magic_bg_box{background:url(../images/m_bg1.jpg) repeat-y; background-size: cover;}

.big_title{ text-align: center; font-size:40px; line-height:170%; margin-bottom:5px; color:#46f8ff; margin:0 auto; width:92%; font-weight:bold}
.big_title p{ font-size:18px; line-height:26px; color:#ff9000; font-weight:normal; padding-top: 15px;}
.big_title span{color: #46f8ff;}

@media only screen and (max-width:1160px) {
.big_title{ text-align: center; font-size:32px;}
}

@media only screen and (max-width:1000px) {
.big_title{ text-align: center; font-size:28px;}
}

@media only screen and (max-width:500px) {
.big_title p{ font-size:14px;}
}

.list4{height:auto; margin: 0px; padding: 0px;}
.list4 li{width: 25%; margin: 0px;padding:0;list-style: none;float: left;}
.list4 li dl{ margin: 0px;padding:0  10px; text-align: center;}
.list4 li dl dt{margin: 0px;padding:0;font-size: 20px; margin-bottom: 10px;color: #fff;}
.list4 li dl dd{margin: 0px;padding:0;font-size: 16px; line-height: 190%; color:rgba(255,255,255,.6);}

.list4 li dl dt img{max-width: 100%; height: auto; vertical-align: top;}

@media only screen and (max-width:900px) {
    .list4 li dl dt{font-size:18px;}
    .list4 li dl dd{font-size: 14px;}
}

@media only screen and (max-width:640px) {
    .list4 li dl dt img{height: 60px; width: auto;}
    .list4 li{width: 50%; margin-bottom: 15px;}
    .list4 li dl dd{min-height: 48px; line-height: 24px;}
}

@media only screen and (max-width:360px) {
    .list4 li dl dt{font-size:16px;}

}



.dz_list{ overflow:hidden; padding:0px; margin:0px}
.dz_list li{ overflow:hidden;  margin:0px; float:left; width:23.4%; padding:0px; margin-right: 2%;background:#080d1c;border-radius: 10px; border: #2d3765 1px solid; margin-bottom: 2%}
.dz_list li dl{ overflow:hidden; padding:30px 20px; margin:0px; }
.dz_list li dl dt{ overflow:hidden; padding:0px; margin:0px; color:#fff;text-align:center; margin-bottom: 10px}
.dz_list li dl dt img{ width:60px; height:60px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.dz_list li dl dt h3{font-size:18px; font-weight:500; line-height:26px;  text-align:center;}
.dz_list li dl dd{ overflow:hidden; padding:0px; margin:0px; font-size:14px; line-height:24px; color:#888;text-align:center; min-height:72px}

.dz_list li:nth-child(4n+0){margin-right: 0}

.dz_list li a{ display:inline}

.dz_list li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);background:#fff}

.dz_list li dl:hover dt h3{ color:#0066CC}
.dz_list li:hover dl dt img{transform:rotateY(180deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1200px) {
.dz_list li dl dd{ min-height:96px}	
}
@media only screen and (max-width:900px) {
.dz_list li dl dd{ min-height:110px;font-size:12px;line-height:22px;}	
.dz_list li dl{ overflow:hidden; padding:20px 20px; margin:0px; }
}
@media only screen and (max-width:750px) {
.dz_list li dl dd{ min-height:88px;font-size:12px;line-height:22px;}
	.dz_list li{  width:49%; }
	.dz_list li:nth-child(2n+0){margin-right: 0}
	.dz_list li dl dt h3{font-size:16px; }
	.dz_list li dl{ overflow:hidden; padding:15px 15px; margin:0px; }
	.dz_list li dl dt{margin-bottom: 5px}
}
@media only screen and (max-width:360px) {
.dz_list li dl dd{ min-height:22px;font-size:12px;line-height:22px;height: auto}
.dz_list li{  width:100%; margin-right: 0; margin-bottom: 20px}
}


.price_top_box{ overflow:hidden ;padding: 30px 0px 110px 0px; margin-bottom: 20px; position: relative;background: url("../images/price_t_bg.svg") no-repeat  center bottom; background-size: 100%}
.price_top_box h3{padding: 0px; margin: 0px; overflow: hidden;font-weight: bold;font-size: 22px; color: #fff; text-align: center; margin-bottom: 8px;}
.price_top_box  h4{padding: 0px; margin: 0px; overflow: hidden;font-weight: 600;font-size: 36px; color: #fff; text-align: center;}
.price_top_box  h4 s{font-size: 30px; color:rgba(255,255,255,.6);font-weight:300 }
.sd_price{padding: 30px 20px; margin: 0px; overflow: hidden}
.sd_price li{padding: 0px; margin: 0px; overflow: hidden;width:31.333%; margin-right: 3%;float: left;border-radius: 10px;background: #fff;box-shadow:0 0 20px 1px rgba(0,0,0,.1)}
.sd_price li:nth-child(3n){ margin-right: 0}
.sd_price li dl{padding: 0px; margin: 0px 10px 50px 10px; overflow: hidden; text-align: center}
.sd_price li dl dd{padding: 0px; margin: 0px; overflow: hidden;font-size: 16px; color: #2a2e5d; line-height: 200%; margin-bottom: 10px}
.sd_price li dl dd i{color: #ff6305;font-size: 24px}

.sd_price li dl dd span{margin-right: 5px }
.sd_price li dl dd span img{height: 25px; width: auto; vertical-align: middle}

.jg_btn_box1{padding: 0px;overflow: hidden;  max-width:190px; margin: 0 auto; margin-top: 10px }
.jg_btn{font-weight: bold;line-height: 48px; text-align: center; color: #fff; width: 100%; border-radius: 40px;background: var(--btn_bg) ;letter-spacing: 3px;font-size: 18px}
.sd_price li:hover .jg_btn{background: #fff; color: #ff6305; }

.jg_btn_box1 a{display: inline-block; text-decoration: none}


.sd_price li:hover{ background: #f7f5e7}

@media only screen and (max-width:1300px) {
.sd_price li dl dt h3{font-size: 20px;}
.sd_price li dl dt h4{font-size: 28px;}	
.sd_price li dl dt img{vertical-align: top;max-width: 125px; width: 50%; height: auto;}	

.price_top_box h3{font-size: 18px;}
.price_top_box  h4{font-size: 30px;}
.price_top_box  h4 s{font-size: 24px; }
.price_top_box{ overflow:hidden ;padding: 30px 0px 80px 0px; }

}
@media only screen and (max-width:900px) {
	.jg_btn_box1{padding: 0px;overflow: hidden;  max-width:140px; }
	.sd_price li dl{ margin: 20px 10px; }
	.jg_btn{font-size: 16px}
	
.price_top_box h3{font-size: 18px;}
.price_top_box  h4{font-size: 24px;}
.price_top_box  h4 s{font-size: 20px; }
.price_top_box{ overflow:hidden ;padding: 20px 0px 60px 0px; }

}
@media only screen and (max-width:700px) {
	.price_top_box h3{font-size: 18px; margin-bottom: 0px;}
	.price_top_box  h4{font-size: 20px;}
	.price_top_box  h4 s{font-size: 16px; }
	.price_top_box{ overflow:hidden ;padding: 20px 0px 40px 0px; }
}	
	
@media only screen and (max-width:550px) {
	.sd_price li{width: 100%; margin-right: 0%;  margin-bottom: 15px}
		.jg_btn{line-height: 44px;}
		.price_top_box h3{font-size: 18px;}
		.price_top_box  h4{font-size: 24px;}
		.price_top_box  h4 s{font-size: 20px; }
		.price_top_box{ overflow:hidden ;padding: 20px 0px 60px 0px; }
	}

    .faq_box_bg{background:url(../images/intro-bg.jpg) no-repeat center top; background-size: cover;}


	.faq_box{overflow: hidden;padding: 0px; margin: 0px;display: flex;display: -webkit-flex;justify-content: space-between; align-items: center;}
	.faq_tu{overflow: hidden;padding: 0px; margin: 0px;width: 35%;}
	.faq_tu img{width: 100%; height: auto;}
	.faq_list{padding: 0px; margin: 0px; width: 63%;}
	
	
	@media (max-width:900px) {
		.faq_box{display: block;}
		.faq_tu{width: 60%; margin: 0 auto; margin-bottom: 20px; }
		.faq_list{width: 100%;}
	}
	
	
	@media (max-width:700px) {
	
		.faq_tu{width: 80%; }
	
	}
	


	.x_icon{ color:#eee;  padding: 40px 0px; background: #0c0c0d;display:flex;justify-content: center;}
	.x_icon i{ font-size:60px; margin:0px 10px 0px 10px;}
	
	@media (max-width:1000px) {
		.x_icon i{ font-size:50px; margin:0px 5px 0px 5px;}
	}

	@media (max-width:600px) {
		.x_icon i{ font-size:30px;}
	}

.down_bg{overflow: hidden; padding-top: 50px; padding-bottom: 50px; background:#000}

.down_L{ overflow:hidden; padding:0px;margin:0; width: 33.333%;float: left}
.down_M{ overflow:hidden; padding:0px;margin:0; width: 33.333%;float: left}
.down_R{ overflow:hidden; padding:0px;margin:0; width: 33.333%;float: left}
.down_R dl{ overflow:hidden; padding:0px;margin:0; }
.down_R dl dd{ overflow:hidden; padding:0px;margin:0; text-align: right; line-height: 30px; color: #eee }
.down_R dl dt{font-size: 18px; text-align:right; margin-bottom: 30px;font-weight: bold; line-height: 30px;color: #fff}
.down_R dl dd a{color: #eee}



.d_logo{overflow:hidden; padding:0px;margin:0}
.d_logo dl dt img{ max-width: 171px;width: 100%;height:auto;}
.d_logo dl{overflow:hidden; margin:0px; padding:0px; }
.d_logo dl dd{overflow:hidden; margin:0px; padding:0px; line-height: 190%; font-size:16px; color: #eee}
.d_logo dl dd a{font-size:14px;margin-right:10px; text-decoration:none}
.d_logo dl dd a:hover{ color:#ffc000; }

.d_nav{overflow:hidden; padding:20px 0px ;margin:0; text-align: center}
.d_nav a{font-size:16px; color:#6c6d82 ;text-decoration:none; margin: 0 5px}



.copxx{overflow:hidden; padding:0px;text-align: center; color:#ddd; margin-top: 20px; padding-top: 25px; border-top:#222 1px solid;font-size: 14px}



.d_kfd_box{color:#eee; text-align: center;padding: 0px; margin: 0 auto;overflow: hidden; max-width: 600px; margin-bottom: 20px}
.d_kfd_box li{overflow:hidden; padding:0px;margin:0;text-align: center; line-height: 30px}
.d_kfd_box li p{overflow:hidden; padding:0px;margin:0; text-align:center;font-size: 16px;}
.d_kfd_box li i{ font-size:28px; margin:0px; color: #fff}
.d_kfd_box li a{display:inline-block; color: #eee}

.d_kfd_box p{font-size: 18px; text-align:center; margin-bottom: 30px;font-weight: bold; line-height: 30px; color: #fff}
@media only screen and (max-width:800px) {
	.down_bg{padding-top: 30px; padding-bottom: 30px}
	.d_kfd_box p{font-size: 16px;margin-bottom: 10px;}
	.down_R dl dt{font-size: 16px;margin-bottom: 10px;}
.d_kfd_box li p{font-size: 14px;}
.d_logo dl dd{ font-size:14px}
	.d_kfd_box li{ font-size:14px}
	.down_R dl dd{  font-size:14px}
.down_L{ overflow:hidden; padding:0px;margin:0; width: 60%;float: left}
.down_M{ overflow:hidden; padding:0px;margin:0; width: 20%;float: left}
	.down_M li:nth-child(1){display: none}
	.down_M li:nth-child(2){display: none}
	.down_M li:nth-child(3){display: none}
.down_R{ overflow:hidden; padding:0px;margin:0; width: 20%;float: left}
}

@media only screen and (max-width:550px) {
.down_L{ overflow:hidden; padding:0px;margin:0; width: 100%;float: left; margin-bottom: 20px; text-align: center}
.down_M{ overflow:hidden; padding:0px;margin:0; width: 50%;float: left}
.down_R{ overflow:hidden; padding:0px;margin:0; width: 50%;float: left;text-align:center; }
	
.down_R dl dd{text-align: center}
.down_R dl dt{text-align:center;}


}





.nr_box {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    max-width:1300px;
    width: 92%;
    margin: 0 auto;
    background: #fff;
    position: relative;
    border-radius: 15px;
}
.ConRtitle_k{width:120px; margin:0 auto; text-align:center}
.ConRtitle{font-size: 30px; color: #005fc9; font-weight: bold; padding-bottom:6px; display: inline-block;margin-bottom:30px; text-align:center}

.main_cont_k{ overflow:hidden; padding:0px; margin:0px; max-width:1000px; width:92%; margin:0 auto}

.content_txt{line-height:190%; color:#333333; font-size:16px; overflow:hidden; padding:0px 0px 10px 0px;}
.content_txt p{line-height:190%; color:#333333; font-size:16px; overflow:hidden;}
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}
@media (max-width: 1400px) {
.content_txt{line-height:190%; color:#333333; font-size:14px; overflow:hidden; padding:0px 0px 10px 0px;}
.content_txt p{line-height:190%; color:#333333; overflow:hidden; font-size:14px; }
}


.title_bt_1{font-size: 30px; line-height: 180%;  margin-bottom: 10px;color: #222;}
.title_bt_2{font-size: 30px; line-height: 180%;  margin-bottom: 10px;color: #222;}
@media only screen and (max-width:1200px) {
.title_bt_1{font-size:24px; }
.title_bt_2{font-size:24px; }
}