* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  box-shadow: none; }

:root{
--bg1: transparent linear-gradient(-120deg, #35d2ff 0%, #00FFFF 100%) 0% 0% no-repeat padding-box;
--bg1_on: transparent linear-gradient(-30deg, #ffc000 0%, #ff7200 100%) 0% 0% no-repeat padding-box;
--txt_black:#1f1f1f;
}
body{-webkit-text-size-adjust:none;-webkit-text-size-adjust:none; font-size:16px;background: #fff; color: #111 }
::-webkit-scrollbar {
	width: 10px;
	background-color: #efee;
}
.txt_bg{text-transform: uppercase;
position: relative;
background-image:-webkit-linear-gradient(left,#8ffafe,#aafdd1,#8ffafe 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 5s forwards linear infinite;}

@keyframes masked-animation {
	from {
	background-position:0 0
}
to {
	background-position:-200% 0
}}



::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #041318;
}

a > h1, a > h2, a > h3, a > h4, a > h5, a > h6 {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

p{ margin:0px; padding:0px}

a {
 color: #1f1f1f;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; display: inline-block; 
}

a:hover, a:focus, a:active, a:visited {
  text-decoration: none;
  outline: none; }


a{ text-decoration:none}
dl, ol, ul {margin: 0; padding: 0px}

li{ list-style:none}
/*-----------------共用------------*/
.space1{ overflow:hidden; clear:both; height:10px; width:100%}
.space2{ overflow:hidden; clear:both; height:20px; width:100%}
.space3{ overflow:hidden; clear:both; height:30px; width:100%}
.space4{ overflow:hidden; clear:both; height:40px; width:100%}
.space_kong{ overflow:hidden; clear:both; height:120px; width:100%}
.space_kong1{ overflow:hidden; clear:both; height:88px; width:100%}


@media only screen and (max-width:1200px) {
.space_kong1{ overflow:hidden; clear:both; height:66px; width:100%}
}

@media only screen and (max-width:1050px) {
.space_kong{ overflow:hidden; clear:both; height:80px; width:100%}
.space_kong1{ overflow:hidden; clear:both; height:60px; width:100%}


.space2{ overflow:hidden; clear:both; height:10px; width:100%}
.space3{ overflow:hidden; clear:both; height:10px; width:100%}
.space4{ overflow:hidden; clear:both; height:20px; width:100%}
}

.wrap_k{width:100%; padding:80px 0px 80px 0px; overflow:hidden; }

@media only screen and (max-width:1400px) {
.wrap_k{width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
}

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


.hui_bg{ background:#5970dd; width:100%; padding:100px 0px 100px 0px; overflow:hidden; }
.bai_bg{ background:#fff; width:100%; padding:100px 0px 100px 0px; overflow:hidden; }
@media only screen and (max-width: 1400px) {
.bai_bg{ background:#fff; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
.hui_bg{ background:#5970dd; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
}

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

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



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


	
/* actGotop */
.actGotop{position:fixed;_position:absolute;bottom:60px;right:2%;width:40px;height:40px;display:none; z-index:999999;background: #03a6e2; border-radius: 40px;text-align:center; }
.actGotop a,.actGotop a:link{width:40px;height:40px;text-align:center;color: #fff;display: inline}
.actGotop a:hover{outline:none;}
.actGotop i{color: #fff;font-size:22px; line-height: 40px;}
.actGotop:hover{ color: #ff9804;background: #fcbc2e;} 
	


.section1 {
	background-image: url("../images/m-bg.svg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
  }
  

  .main_wrap{display: flex;justify-content: center!important;flex-wrap: wrap;}
  .main_txt{text-align: center;margin-top: 80px; padding: 0px 5%;}
  .main_txt h1 {font-size:4vw;margin-bottom: 35px;color: #fff;}
  .main_txt h4 {color: #fff;font-size: 18px;margin-bottom: 35px;font-weight: normal; line-height: 190%;}

  .justify-content-center { justify-content: center!important}


  .btn_xz_k{padding: 0px;margin:0 auto; overflow: hidden; width:240px;line-height: 60px; }
  .btn_xz_k a{display: inline}
  .btn_xz{ text-align: center;font-size: 18px; border-radius: 50px;font-weight: 600;background:#fff;color:#0049d0}
  .btn_xz span{vertical-align: middle;  margin-right: 5px }
  .btn_xz:hover{background: var(--bg1_on); color: #fff;}
  


  
.xy_vpn_top_box{padding:20px 0px;margin:0; overflow: hidden; }

.xy_vpn_L{padding: 0px;margin:0; overflow: hidden;float: left;}
.xy_vpn_L img{height: 52px; width: auto; vertical-align: top}

.xy_vpn_R{padding: 0px;margin:0; overflow: hidden;float: right;}
.top_logon{background:#fff;box-shadow: inset 0px 0px 7px 4px rgba(95,115,238,0.5);
width: 120px;text-align: center; line-height: 40px; font-size: 16px; color: #0045d2; border-radius: 40px;display: inline-block}
.top_logon:hover{background:#fff; color: #000}

.t_pc_btn{width: 120px; line-height: 38px;border: 1px #fff solid;font-size: 16px; color: #fff;display: inline-block; margin: 0px 10px;border-radius: 40px;text-align: center}
.t_pc_btn:hover{ background: #1f64de;background:#fff;box-shadow: inset 0px 0px 7px 4px rgba(95,115,238,0.5);color: #0045d2;}
  
.m-img{text-align: center; width: 80%;margin: 0 auto;}
.m-img img{max-width: 100%; width: auto; height: auto;}

  @media only screen and (max-width:1000px) {
	.main_txt h1 {font-size:6vw;margin-bottom: 20px;}
	.main_txt{margin-top:50px; }
	.btn_xz{ font-size: 16px;}
	.btn_xz_k{line-height: 46px; width:220px; display: none;}
	.main_txt h4 {font-size: 16px;}

	.top_logon{line-height: 36px;font-size: 14px;width:110px;}
	.m-img{text-align: center; width: 85%;margin: 0 auto;}
  }
  @media only screen and (max-width:600px) {
	.main_txt h1 {font-size:7vw;}
  }



@media only screen and (max-width:1200px) {
.xy_vpn_L img{height: 45px;}	
}
@media only screen and (max-width:1100px) {
.t_pc_btn{display: none}
}

@media only screen and (max-width:680px) {
.top_logon{width: 100px}
.btn_xz_k{ margin:0 auto}
}

.m_xz_bg{ overflow: hidden;margin: 0px; padding: 0px 20px; padding-top: 40px; }
.xz_list{ overflow: hidden;margin: 0px; padding:0px}
.xz_list li{ overflow: hidden;margin: 0px; padding:0px;float: left;width: 20%;}
.xz_list li dl{ overflow: hidden;margin: 0px; padding:0px; text-align: center;}
.xz_list li dl dt{ overflow: hidden;margin: 0px; padding:0px; margin-bottom: 10px;text-align: center;}
.xz_list li dl dt img{ max-width: 80px; height: auto;vertical-align: top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.xz_list li dl dt h3{ overflow: hidden;margin: 0px; padding:0px;font-size: 18px; font-weight: 700; color: #fff;font-family:'Aileron-Regular'; }
.xz_list li dl dd { overflow: hidden;margin: 0px; padding:0px;}
.xz_list li dl:hover h3{color: #ffcc00;}
.xz_list li a{display:block}

.xz_list li dl:hover dt img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.btn_box{padding: 0px;margin:0 auto; overflow: hidden;}

.btn_box{width:180px;line-height:50px;}
.btn_down{font-size:18px; border-radius: 40px;background: var(--bg1); color:#fff;box-shadow:0 0 8px 1px rgba(0,0,0,.1) ; margin: 10px;font-family:  Arial, sans-serif;}


.xz_list li:hover .btn_down{background: var(--bg1); color:#fff}


.xz_list_w{ overflow: hidden;margin: 0px; padding:0px;display: none; text-align: center; }
.xz_list_w li{ overflow: hidden;margin: 0px; padding:0px; display: inline-block}
.xz_list_w li dl{ overflow: hidden;margin: 0px; padding:0px; text-align: center;color: #fff;}
.xz_list_w li dl dt{ overflow: hidden;margin: 0px; padding:0px; margin-bottom: 10px;text-align: center;}
.xz_list_w li dl dt img{ max-width: 100px; height: auto;}
.xz_list_w li dl dt h3{ overflow: hidden;margin: 0px; padding:0px;font-size: 18px; font-weight: 700; color: #fff;}
.xz_list_w li dl dd { overflow: hidden;margin: 0px; padding:0px;color: #fff;}
.xz_list_w li a{display:block;color: #fff;}
.xz_list_w li a{display:block;color: #fff;}
@media only screen and (max-width:1000px) {	
.m_xz_bg{display: none}	
.xz_list_w{display: block}
.xz_list_w li dl dt img{ max-width: 80px; height: auto;}
.xz_list_w li dl dt h3{ overflow: hidden;margin: 0px; padding:0px;font-size: 16px; font-weight: 700; color: #4d5071;font-family:Helvetica, Arial, "sans-serif"}

}

@media only screen and (max-width:750px) {
.xz_list_w li dl dt img{ max-width: 60px;}
}

.xy_title_box{ text-align: center;width: 94%; margin: 0 auto; padding: 0px; margin-bottom: 10px}
.xy_title{font-size: 40px; line-height: 180%; text-align: center; margin-bottom: 20px;font-weight: bold; color: #1f64de}
.txt_sm{font-size: 18px;font-weight: normal; line-height: 190%; color:#555;text-align: left;}
.xy_title span{position: relative;
transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg); display: inline-block; margin: 0px 15px}
.xy_title i{ font-size: 30px}

@media only screen and (max-width:1500px) {	
	.xy_title{font-size: 38px;}
}
@media only screen and (max-width:1300px) {	
	.txt_sm{font-size: 18px;}
}
@media only screen and (max-width:1200px) {	
	.xy_title{font-size: 30px; margin-bottom: 15px}
	.txt_sm{font-size: 16px;}
}
@media only screen and (max-width:1000px) {	
	.xy_title{font-size: 24px;line-height: 34px}
	.txt_sm{font-size: 16px;font-weight: normal;}

}

.xz_yslist{ overflow: hidden;margin: 0px; padding:0px}
.xz_yslist li{ overflow: hidden;margin: 0px; padding:30px 30px;float: left;width: 32%; margin-right: 2%;background: #e2ecff; border-radius: 5px;}
.xz_yslist li dl{ overflow: hidden;margin: 0px; padding:0px;}
.xz_yslist li dl dt{ overflow: hidden; padding:0px;margin-bottom:10px; color: #111;font-size: 20px;font-weight: 600; }
.xz_yslist li dl dd{ overflow: hidden;margin: 0px; padding:0px;color: #555;line-height: 24px;min-height: 48px;}

.xz_yslist li:nth-child(3n){ margin-right:0}
.icon_sy1{width: 50px; height: 50px; margin-right: 20px;float: left;}
.icon_sy1 img{width: 100%; height: auto}

.xz_yslist li:nth-child(1){ background: #e2ecff;}
.xz_yslist li:nth-child(2){ background: #dbf4ff;}
.xz_yslist li:nth-child(3){ background: #fff3dd;}


@media only screen and (max-width:1200px) {	
	.xz_yslist li dl dt{font-size: 18px;}
	.xz_yslist li{ padding:30px 20px;}
	.xz_yslist li dl dd{font-size: 14px;}
}

@media only screen and (max-width:1100px) {	

	.xz_yslist li{ padding:25px 12px;}
	.xz_yslist li dl dd{font-size: 14px;}
	.icon_sy1{width: 50px; height: 50px; margin-right:15px;}
}

@media only screen and (max-width:980px) {	
	.xz_yslist li dl dt{font-size: 16px;}
	.xz_yslist li{ padding:25px 12px; text-align: center;}
	.xz_yslist li dl{ text-align: center;}
	.icon_sy1{width: 50px; height: 50px; margin-right:0px; margin: 0 auto; margin-bottom: 10px;float: none;}
}
@media only screen and (max-width:750px) {	
	.xz_yslist li{ min-height: 225px;}
}

@media only screen and (max-width:600px) {	
	.xz_yslist li{width: 100%; margin-right: 0; margin-bottom: 15px; min-height: 24px; height: auto;}
	.xz_yslist li dl dd{min-height: 24px; height: auto;}
	.xz_yslist li:nth-child(3n){ margin-bottom:0}
}

.txt_bg0{color:#fff;}


.section2 {background: url("../images/ys-bg.svg");background-position: center top;background-repeat: no-repeat;background-size: cover;}


.show_k{overflow: hidden;margin: 0px; padding:0px ; position: relative;}
.show_k img{ width: 100%; height: auto;vertical-align: top}
.show_k .title{ position: absolute; z-index: 2;background: rgba(0, 0, 0, 0.3); padding: 15px 0;
	text-align: center;color: #fff;font-size: 22px;font-weight: bold;
left:0; bottom:0;width: 100%;}


.yx_logo_box{overflow: hidden;margin: 0px; padding:0px; background: #fff; border-radius: 8px;height: 70px; min-width:175px; 
display: flex;justify-content: center;align-items: center;}
.yx_logo_box .yx_logo{height: 44px; width: auto; margin-right: 8px;}
.yx_logo_box .yx_logo img{height: 100%; width: auto;}
.yx_logo_box span{font-size: 16px;}

@media only screen and (max-width:980px) {	
	.yx_logo_box{ min-width:100%;}
}


@media only screen and (max-width:850px) {	
	.yx_logo_box{ min-width:100%;height: 60px;}
	.yx_logo_box .yx_logo{height: 42px; }
	.yx_logo_box span{font-size: 14px;}
}




.xy_price{padding:0px 15px ;margin:0; overflow: hidden; }
.xy_price li{padding:0px;margin:0; overflow: hidden;float: left; width: 32%; margin-right: 2%;  background: #fff;box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);
    transition: all 0.4s ease 0s; margin-bottom: 20px; border-radius: 8px;}
.xy_price li dl{padding:10px 30px 40px 30px;;margin:0; overflow: hidden;}
.xy_price li dl dt{padding:0px;margin:0; overflow: hidden; color: #333; margin-bottom: 10px}

.xy_price li dl dd{padding:0px;margin:0; overflow: hidden;color: #333;font-size: 16px; line-height: 190%;font-family:Helvetica, Arial, "sans-serif";text-align: center;}
.xy_price li dl dd i{font-size: 18px; margin-right: 4px}
.xy_price li dd a{display: inline}
.xy_price li:hover{ box-shadow: inset 0px 0px 18px 4px rgba(95,115,238,0.2);}



.pricing-top-bg {
	padding: 30px 0;
    padding-bottom: 45px;
	min-height: 245px;
    background: url(../images/pricing-wave.svg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}

.price-title { text-align: center;margin-bottom: 10px;}
.price-title h3 { color: #ffffff;font-size: 25px;margin: 0px;}
.price-amount {text-align: center;margin-bottom: 30px;}
.price-amount h2 {color: #ffffff;font-size: 40px;font-weight: 700;margin: 0px;}
.price-amount .price-period {color: #ffffff;font-size: 15px;font-weight: 500;display: block;}


.xy_price li:nth-child(3n){ margin-right: 0}

.xy_price_btn{width: 160px; margin: 0 auto;  text-align: center; color: #fff; line-height: 52px; border-radius: 45px;font-weight: normal;font-size: 18px; overflow: hidden;cursor: pointer;background:#2568dd;box-shadow: inset 0px 0px 7px 4px rgba(95,115,238,0.5);}

.xy_price li:hover .xy_price_btn{  color: #fff;background: linear-gradient(0deg, #5b80e7 10%,#a6b6f0 100%);}

.xy_price_btn1{width: 160px; text-align: center; color: #2632ce; line-height: 52px; border-radius: 45px;font-weight: normal;font-size: 18px; overflow: hidden;cursor: pointer;background:#fff;box-shadow: inset 0px 0px 7px 4px rgba(95,115,238,0.5);}
.xy_price_btn1:hover{  color: #fff;background: linear-gradient(0deg, #5b80e7 10%,#a6b6f0 100%);}

@media only screen and (max-width:1000px) {	
	.xy_price li dl{padding:10px 20px 30px 20px;}
	.price-title h3 {font-size: 20px;}
}

@media only screen and (max-width:900px) {
	.xy_price_btn{line-height: 42px;font-size: 16px;}
	.xy_price_btn1{line-height: 42px;font-size: 16px;}
	.xy_price li dl dd{font-size: 14px;}
	.price-amount h2 {font-size: 30px;}
	.pricing-top-bg {padding-bottom: 35px;min-height: 200px;}

}
@media only screen and (max-width:640px) {
.xy_price li{width:100%; margin-right: 0%; margin-bottom: 20px}
.xy_price{margin:0 auto;width: 80% }
}
@media only screen and (max-width:500px) {
.xy_price{margin:0 auto;width: 100% }
}





.tu_txt_list{padding:0px 15px;margin:0; overflow: hidden;}
.tu_txt_list li{padding:0px;margin:0; overflow: hidden; display: flex;flex-wrap: wrap; 
	justify-content:space-between; align-items: center; margin-bottom: 20px;}
.tu_pic{width: 35%; }
.tu_pic img{width: 100%;height: auto;}
.txt_info{padding:0px;margin:0; overflow: hidden;width: 55%;}
.txt_info dl{padding:0px;margin:0; overflow: hidden;}
.txt_info dl dt{padding:0px;margin:0; overflow: hidden;color: #fff; font-size: 24px; margin-bottom:15px;}
.txt_info dl dd{padding:0px;margin:0; overflow: hidden; color: #fff; line-height: 190%;}
.txt_info dl dd a{display: inline;}
.tu_txt_list li:nth-child(2n-1){
	display: -webkit-flex; /* Safari */
-webkit-flex-direction: row-reverse; /* Safari 6.1+ */
display: flex;
flex-direction: row-reverse;
}

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


@media only screen and (max-width:800px) {
	.txt_info{width: 61%;}
}
@media only screen and (max-width:600px) {
	.txt_info dl dt{font-size: 18px;}
	.txt_info{width: 100%;}
	.tu_pic{width: 100%; margin-bottom: 15px;}
	.xy_price_btn1{ margin: 0 auto;}
}



.yf_plbox {margin: 0;padding: 20px 20px;overflow: hidden;background: #f7f7f7;border-radius:8px; width: 100%;}
.yf_plbox dl{overflow: hidden; padding:0 }

.yf_plbox dl dt{margin: 0;padding: 0px;overflow: hidden;color: #111;font-weight: 600; margin-top:4px;font-size: 17px;text-align: left;line-height: 24px;}
.yf_plbox dl dd{font-size: 16px;margin: 0;padding: 0px;overflow: hidden;color: #333;text-align: left; }
.yf_plbox dl dd p{font-size: 14px;margin: 0;padding: 0px;overflow: hidden; color: #666; line-height: 24px}
.yf_plbox dl dd p span{ margin-left: 5px}
.yf_plbox dl dd p i{ color:#ffa200 }
.yf_pl_tu{margin: 0;padding: 0px;overflow: hidden;float:left; margin-right:14px;border-radius:50%;}
.yf_pl_tu img{border-radius:50%;width: 50px; height:50px}

.yfsm{overflow: hidden; padding:0; margin: 0;color: #333;line-height: 24px; min-height: 96px; padding-top: 10px; text-align: left;}










.d_ys{padding:0px;margin:0; overflow: hidden;}
.d_ys li{padding:0px;margin:0; overflow: hidden;float: left; width: 16.666%; }
.d_ys li dl{padding:0px;margin:0; overflow: hidden;}
.d_ys li dl dt{padding:0px;margin:0; overflow: hidden;font-size: 16px; line-height: 60px;font-weight: bold; color: #fff}

.d_ys_tu{width: 60px; height:60px; float: left; margin-right: 10px; border-radius: 50%;background: linear-gradient(0deg, #5a80e7 10%,#acbbf4 100%);}
.d_ys_tu img{width: 100%; height: 100%; vertical-align: top}


@media only screen and (max-width:1100px) {
	.d_ys_tu{width: 60px; height:60px; float: none; margin-right: 0px; margin: 0 auto;} 	
	.d_ys li dl dt{ text-align: center}
}

@media only screen and (max-width:720px) {
.d_ys_tu{width: 50px; height:50px; }
.d_ys_tu{ margin-bottom: 10px}
.d_ys li{ width: 33.333%; margin-bottom: 20px }	
.d_ys li dl dt{ line-height: 24px;}
}



.xy_down{padding:30px  0px  30px  0px;margin:0; overflow: hidden; background: #333}
.copxx{ overflow:hidden; padding:20px 0px;margin:0; background-color: #5970dd}
.copxx_L{ color: #fff;font-size:16px;float: left; width: 60%; line-height: 190%}
.copxx_R{ color: #fff;font-size:16px;float: right; width: 39%}
.copxx_R{color: #dcdcdc; line-height: 190%; text-align: right}
.copxx_R a{ color: #fff; padding: 0px 5px}
.copxx_R a:hover{ color:#ffae00}

@media only screen and (max-width:640px) {
.copxx{ overflow:hidden; padding:25px 0px;margin:0; font-size:12px;}
.copxx_L{ color: #fff;font-size:14px;float: left; width: 100%; text-align: center;}
.copxx_R{ color: #fff;font-size:16px;float: right; width: 100%;text-align: center; margin-bottom:10px}
}



.weizinr{padding:40px 5%;max-width: 1200px;margin:0 auto; overflow: hidden;background: #fff; border-radius: 20px}
.weizinr h1{font-size: 30px; line-height: 180%;  margin-bottom: 10px;color: #111;}
.weizinr h2{font-size: 30px; line-height: 180%;  margin-bottom: 10px;color: #111;}
.weizinr p{font-size: 16px; line-height: 180%; margin-bottom: 20px; font-family: Helvetica, Arial, "sans-serif";color: #444}
.weizinr li{line-height: 180%;}


@media only screen and (max-width:1200px) {
.weizinr{ width:100%}
.weizinr h2{font-size:24px; }
.weizinr{padding:30px 5%;}
}



.box_sm{overflow: hidden; padding: 25px 0px; background: #f2f2f2; font-size: 18px; line-height: 190%; border-bottom: 1px solid #ccc; color: #222}

@media only screen and (max-width:1000px) {
.box_sm{font-size: 16px;}	
}


.bzlist{overflow: hidden; padding: 0px 0px; margin: 0px;}

.bzlist dl{overflow: hidden; padding:20px; margin: 0px;}
.bzlist dl dt h3{ color: #0027B4}
.bzlist dl dt{overflow: hidden; padding:0px; margin: 0px; font-size: 18px; line-height: 190%; font-weight: bold; color: #222}
.bzlist dl dd{overflow: hidden; padding:0px; margin: 0px; font-size: 16px; line-height: 190%;  }
.bzlist dl dd a{display: inline-block}
.btn_1{overflow: hidden; padding:2px; margin: 0px; font-size: 16px; line-height: 190%;color: #fff; background: #000; border-radius: 20px;width: 110px; text-align: center; font-weight: 300; margin-bottom: 5px}
.btn_2{
background: #1c83ed;
    color: #fff!important;
    width: 180px;
    border-radius: 30px;
    padding:2px;;
    border: none; text-align: center;
    margin: 10px 0px 10px 0px; line-height: 42px}
.btn_3{
background: #1c83ed;
    color: #fff!important;
    width: 200px;
    border-radius: 30px;
    padding:2px;;
    border: none; text-align: center;
    margin: 10px 0px 10px 0px; line-height: 42px}


.bzlist dl dd span{ color:  #1c83ed;font-weight: bold}


.top_box{overflow: hidden; padding: 10px 0px; border-bottom: 1px solid #ccc;text-align: center;font-size:32px;color: #222; line-height: 48px}
.top_box a{ color: #222;}
.top_box img{vertical-align: middle}






.tdbg{overflow: hidden;}
.tdbg .swiper-container {
	  
	   height:auto; padding-bottom: 50px;
	 }
	 .tdbg .swiper-slide {
	   background-position: center;
	   background-size: cover;
	   width: auto;text-align: center;
	 }
  
	 .tdbg .bgImg{
	   position: fixed;
	   left: 0;
	   right: 0;
	   bottom: 0;
	   top: 0;

	 }


	 .xylogo{overflow: hidden;}
.xylogo .swiper-container {
	  
	   height:auto; 
	 }
	 .xylogo .swiper-slide {
	   background-position: center;
	   background-size: cover;
	   width: auto;text-align: center;
	 }
  
	 .xylogo .bgImg{
	   position: fixed;
	   left: 0;
	   right: 0;
	   bottom: 0;
	   top: 0;

	 }




.yhpl{overflow: hidden;}
.yhpl .swiper-container {
	  
	   height:auto; 
	 }
.yhpl .swiper-slide {
	   background-position: center;
	   background-size: cover;
	   width: auto;text-align: center;
	 }
  
.yhpl .bgImg{
	   position: fixed;
	   left: 0;
	   right: 0;
	   bottom: 0;
	   top: 0;

	 }





	 .swiper-container {width: 100%;padding-bottom:40px;}
	 .xylogo .swiper-container {width: 100%;padding-bottom:0px;}
	 .swiper-slide {
	   text-align: center;

	   /* Center slide text vertically */
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: -webkit-flex;
	   display: flex;
	   -webkit-box-pack: center;
	   -ms-flex-pack: center;
	   -webkit-justify-content: center;
	   justify-content: center;
	   -webkit-box-align: center;
	   -ms-flex-align: center;
	   -webkit-align-items: center;
	   align-items: center;
	 }
 
	 .swiper-slide-active .product_k dl dd{color: #c5f2ff;}
	 .swiper-slide-active,.swiper-slide-duplicate-active{
	   transform: scale(1);
	 }
 
 .swiper-pagination-bullet-active{ background:#c5f2ff;}
	 .swiper-button-prev { 
		   width: 30px;
		   height: 30px;
		   border-radius: 50%;
		   background: rgba(0, 0, 0, 0.2)
		 }

		.swiper-button-next { 
			font-size: 14px;
			width: 30px;
			height: 30px;
			border-radius: 50%;
			background: rgba(0, 0, 0, 0.2)
		  }
	 

		.swiper-button-next:hover {
			background: rgba(0, 0, 0, 0.5)
		 }
	   
	   .swiper-button-prev:hover {
		background: rgba(0, 0, 0, 0.5)

		 }
.tdbg .swiper-button-next{display: none;}
.tdbg .swiper-button-prev{display: none;}

 
@media (max-width:750px) {
		 .swiper-button-prev {
		   font-size: 14px;
		   width: 30px;
		   height: 30px;
		   border-radius: 50%;
		   background: rgba(0, 0, 0, 0.3);
		   transform: scale(0.7);}
.swiper-button-next {
		   font-size: 14px;
		   width: 30px;
		   height: 30px;
		   border-radius: 50%;
		   background: rgba(0, 0, 0, 0.3);
		   transform: scale(0.7); 
}

}


    
      .swiper-slide {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    
      .swiper-slide img {
        height:auto;
        object-fit: cover;
      }
        
    .my-button-disabled{ opacity:0.2; } 

    .swiper-button-next:after,.swiper-button-prev:after {
      font-family:swiper-icons;
      font-size:18px;
      text-transform:none!important;
      letter-spacing:0;
      font-variant:initial;
      color: #ddd;
      line-height:1
    }