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

:root{
--bg1: transparent linear-gradient(-120deg, #5970dd 0%, #92a4f7 100%) 0% 0% no-repeat padding-box;
--bg1_on: transparent linear-gradient(-120deg, #9ee0bd 0%, #8ffafe 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: #eee;
}
.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
}}

.txt_bg0{
	 background: transparent linear-gradient(90deg, #92f1bf 0%, #8ffafe 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


::-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:100px 0px 100px 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{position:fixed;_position:absolute;bottom:60px;right:2%;width:40px;height:40px;display:none; z-index:999999;background: #5258cc; 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: #f08555;background: #fcbc2e;} 
	
	
.main_bg{ margin:0; padding: 0px; overflow: hidden;}

.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:#ef7950;width: 160px;text-align: center; line-height: 60px; font-size: 18px; color: #fff; border-radius: 20px;font-weight: 700;display: inline-block}
.top_logon:hover{background:#d96740; color: #fff}

.t_pc_btn{width: 160px; line-height: 56px;font-weight: 700; font-size: 18px; color: #ef7950;display: inline-block; margin: 0px 10px;border-radius: 20px;text-align: center}
.t_pc_btn:hover{ background:#ef7950;color: #fff;}



.xy_m_bg::after{background:#fef9f5 ;content: ""; width: 100%; height: 100px; bottom: 0; left:0; z-index:-1; position: absolute}

.main_txt_box{padding: 0px; overflow: hidden;max-width: 860px; margin: 0 auto;  padding-top: 6%}
.main_txt_box dl {padding: 0px;margin:0; overflow: hidden;}
.main_txt_box dl dt{padding: 0px;margin:0; overflow: hidden; text-align: center; margin-bottom: 20px}
.main_txt_box dl dt h3{margin: 0px; padding: 0px; font-size: 60px;font-weight: 700;letter-spacing: 2px; line-height: 150%; color: #020a3b}
.main_txt_box dl dd{padding: 0px;margin:0; overflow: hidden; color: #020a3b; font-size: 20px;font-weight: 700; line-height: 180%}

.main_sm_L{padding: 0px;margin:0; overflow: hidden;float: left; position: absolute; z-index:22;height: 100%; width: 50%}
.main_sm_L dl{padding: 0px;margin:0; overflow: hidden; position: absolute; top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); width: 100%;}
.main_sm_L dl dt{padding: 0px;margin:0; overflow: hidden; margin-bottom: 25px}
.main_sm_L dl dt H3{margin: 0px; padding: 0px; font-size: 80px;font-weight: 700;letter-spacing: 2px; line-height: 150%; color: #020a3b}
.main_sm_L dl dt H1{margin: 0px; padding: 0px; font-size: 50px;font-weight: 700;letter-spacing: 2px; line-height: 150%; color: #020a3b}

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


.main_sm_L dl dd{padding: 0px;margin:0; overflow: hidden;font-size: 22px;  color: #020a3b;font-weight: 700; line-height: 180%}

.main_sm_R{padding: 0px;margin:0; overflow: hidden;float: right;width: 44%; position: relative}
.main_sm_R img{max-width: 100%;height: auto; vertical-align: top;}
.btn_xz_k{padding: 0px;overflow: hidden; width:220px;line-height: 66px;}
.btn_xz_k a{display: inline}
.btn_xz{ text-align: center;font-size: 20px; border-radius: 20px;font-weight: 700;background:#5258cc; color:#fff}
.btn_xz span{vertical-align: middle;  margin-right: 5px }
.btn_xz span img{ width: 32px; height: auto; -webkit-filter: invert(0%); filter: invert(0%); margin-top: 15px; vertical-align: top  }
.btn_xz:hover{background:#343aa2}


.my_tu1{width: 100%; height: 100%; margin: 0px; padding: 0px; position: relative; z-index: 10;animation: myfirst1 2s infinite;}
.my_tu1 img{width: 100%;height: auto; vertical-align: top;top:0 }

.my_tu2{width: 100%; height: 100%; margin:0px; padding: 0px; position: absolute;z-index: 11;float:left;top: 0px;animation: myfirst2 2s infinite;}
.my_tu2 img{width: 100%;height: auto; vertical-align: top}

.my_tu3{width: 100%; height: 100%; margin:0px; padding: 0px; position: absolute; z-index: 12;float: left;top: 0px;}
.my_tu3 img{width: 100%;height: auto; vertical-align: top}

.my_tu4{width: 100%; height: 100%; margin:0px; padding: 0px; position: absolute; z-index: 13;float: left;top: 0px;animation: myfirst4 3s infinite;}
.my_tu4 img{width: 100%;height: auto; vertical-align: top}

 @keyframes myfirst1 {
0% {
 transform: translate(0px, 0px);
}
 50% {
 transform: translate(0px, -15px);
}
 100% {
 transform: translate(0px, 0px);
}
}
 @keyframes myfirst2 {
0% {
 transform: translate(0px, 0px);
}
 50% {
 transform: translate(0px, -10px);
-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);
}
 100% {
 transform: translate(0px, 0px);
-webkit-transform: scale(1.0);transform: scale(1.0);-moz-transform: scale(1.0);
}
}





 @keyframes myfirst3{
0% {
 transform: translate(0px, 0px);
}
 50% {
 transform: translate(30px, -10px);
}
 100% {
 transform: translate(0px, 0px);
}
}


 @keyframes myfirst4{
0% {
 transform: translate(0px, 0px);
}
 50% {
 transform: translate(0px, -6px);
}
 100% {
 transform: translate(0px, 0px);
}
}




@media only screen and (max-width:1500px) {
	.main_sm_L dl dt H3{font-size: 60px;}
	.main_sm_L dl dd{font-size: 20px; }
}


@media only screen and (max-width:1300px) {
.main_sm_L dl dd{font-size: 18px; }
.top_logon{width: 120px;line-height: 40px; font-size: 16px; border-radius: 10px;}
.t_pc_btn{width: 120px; line-height: 38px;border: 1px #99fced solid;font-size: 16px;border-radius: 10px;}
	
.main_txt_box dl dt h3{font-size: 50px;}
.main_txt_box dl dd{font-size: 18px;}

}


@media only screen and (max-width:1200px) {
.main_sm_L dl dt H3{font-size: 50px;}
.xy_vpn_L img{height: 45px;}	
	.btn_xz_k{padding: 0px;overflow: hidden; width:160px;line-height: 42px; border-radius: 10px;}
	.btn_xz{font-size: 16px;}
	.btn_xz span img{ margin-top: 8px; width:22px;}
	.main_sm_L dl dt{margin-bottom:5px}
.main_sm_L dl dd{font-size: 16px; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);}
}
@media only screen and (max-width:1100px) {
.main_txt_box dl dt h3{font-size: 40px;}
.main_txt_box dl dd{font-size: 16px;}
	.t_pc_btn{display: none}
}
@media only screen and (max-width:950px) {
.main_sm_L dl dt H3{font-size: 40px;}
.main_sm_L dl dd{font-size: 16px; font-weight: normal}
.main_sm_L{width: 56%}
.main_sm_R{width: 42%}
}

@media only screen and (max-width:680px) {
.main_txt_box dl dt h3{font-size: 30px;}
.top_logon{width: 100px}
.main_sm_L{width: 100%;position: relative;}
.main_sm_R{width: 100%; position: relative;}
.main_sm_L dl {padding: 0px 20px}
.main_sm_L dl dt H3{font-size: 34px;}
	.main_sm_L dl dd{text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }
.main_sm_L dl {text-align: center;}	
.btn_xz_k{ margin:0 auto}

	
	.main_sm_L dl{padding: 0px;margin:0; overflow: hidden; position: relative; top:none;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%); }

	
}

.m_xz_bg{ overflow: hidden;margin: 0px; padding: 40px 20px; background: #fff; border-radius: 20px;}



.xz_list{ overflow: hidden;margin: 0px; padding:0px}
.xz_list li{ overflow: hidden;margin: 0px; padding:20px 0px;float: left;width: 18.4%; margin-right: 2%; border-radius: 10px;}
.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: 100px; height: auto;vertical-align: top;   filter: alpha(opacity=60); opacity: 0.6;}
.xz_list li dl dt h3{ overflow: hidden;margin: 0px; padding:0px;font-size: 18px; font-weight: 700; color: #4c4c4c;font-family:'Aileron-Regular'; }
.xz_list li dl dd { overflow: hidden;margin: 0px; padding:0px;}

.xz_list li a{display:block}

.xz_list li:nth-child(5n){ margin-right:0}

.btn_box{padding: 0px;margin:0 auto; overflow: hidden; width:160px;line-height: 50px;}
.btn_down{text-align: center;font-size: 20px; border-radius: 10px;font-weight: 700; color: #020a3b;}
.xz_list li:hover{ background: #ef7950}
.xz_list li:hover .btn_down{color:#020a3b; background: #fff}
.xz_list li:hover dl dt img{ opacity: 1;-webkit-filter: invert(100%); filter: invert(100%);}
.xz_list li:hover dl dt h3{ 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;}
.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;vertical-align: top;filter: alpha(opacity=85); opacity: 0.85;}
.xz_list_w li dl dt h3{ overflow: hidden;margin: 0px; padding:0px;font-size: 18px; font-weight: 700; color: #4d5071;}
.xz_list_w li dl dd { overflow: hidden;margin: 0px; padding:0px;}
.xz_list_w li a{display:block}

@media only screen and (max-width:1100px) {	
.xz_list{display: none}	
.xz_list_w{display: block}
.xz_list_w li dl dt{margin-bottom: 5px;}
.xz_list_w li dl dt img{ max-width: 80px; height: auto;vertical-align: top;filter: alpha(opacity=85); opacity: 0.85;}
.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"}
	
.btn_box{width:120px;line-height: 40px;}
.btn_down{font-size:18px; border-radius: 10px;background:#f08555; color:#fff}
.m_xz_bg{ overflow: hidden;margin: 0px; padding: 20px 20px;}
}

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

.xy_title_box{ text-align: center;max-width:1200px; width: 90%; margin: 0 auto; padding: 0px; margin-bottom: 10px}
.xy_title{font-size: 45px; line-height: 180%; text-align: center; margin-bottom: 20px;font-weight: bold; color: #020a3b}
.txt_sm{font-size: 20px;font-weight: bold; line-height: 190%; color:#4c4c4c}
.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: 40px;}
}
@media only screen and (max-width:1300px) {	
	.xy_title{font-size: 38px;}
	.txt_sm{font-size: 18px;}
}
@media only screen and (max-width:1200px) {	
	.xy_title{font-size: 30px; margin-bottom: 5px}
	.txt_sm{font-size: 16px;}
}
@media only screen and (max-width:1000px) {	
	.xy_title{font-size: 28px;letter-spacing: 1px; line-height: 34px}
	.txt_sm{font-size: 16px;font-weight: normal; line-height: 24px;}
.xy_title i{ font-size: 20px}
}
@media only screen and (max-width:650px) {	
.xy_title i{ font-size: 18px}
}

.xz_yslist{ overflow: hidden;margin: 0px; padding:0px}
.xz_yslist li{ overflow: hidden;margin: 0px; padding:0px;float: left;width: 25%;}
.xz_yslist li dl{ overflow: hidden;margin: 0px; padding:0px; text-align: center;}
.xz_yslist li dl dt{ overflow: hidden; padding:0px; text-align: center; margin:0 auto;height: auto;margin-bottom:20px}
.xz_yslist li dl dt h3{ width: 124px; height: 124px;vertical-align: middle;  margin:0 auto;}
.xz_yslist li dl dt  h3 img{width: 100%; height: auto}
.xz_yslist li dl dd{ overflow: hidden;margin: 0px; padding:0px; text-align: center;color: #444;font-size: 30px; line-height: 220%;font-weight: 700}




.xz_yslist1{ overflow: hidden;margin: 0px; padding:0px}
.xz_yslist1 li{ overflow: hidden;margin: 0px; padding:20px;float: left;width:48.5%;margin-right: 3%; margin-bottom: 2%;}
.xz_yslist1 li dl{ overflow: hidden;margin: 0px; padding:0px;}
.xz_yslist1 li dl dt{ overflow: hidden;margin: 0px; padding:0px;font-size: 30px; line-height: 180%; margin-bottom: 5px; color: #020a3b;font-weight: bold}
.xz_yslist1 li dl dd{ overflow: hidden;margin: 0px; padding:0px; color: #444; line-height: 28px; font-size: 20px}
.xz_ys_tu{ width: 146px; height: auto; margin-right: 20px;float: left;}
.xz_ys_tu img{ width: 100%; height: auto;vertical-align: top}

.xz_yslist1 li:nth-child(2n){ margin-right: 0}
.xz_yslist1 li:hover { background: #fff; border-radius: 20px}


@media only screen and (max-width:1400px) {	
.xz_yslist1 li dl dt{font-size: 22px; }
.xz_yslist1 li dl dd{ font-size: 18px}
}


@media only screen and (max-width:1200px) {	
	.xz_yslist1 li dl dt{font-size: 20px; }
	.xz_yslist1 li dl dd{line-height: 26px; font-size: 16px}
.xz_ys_tu{ width: 120px; height: auto;}
	
	.xz_yslist li dl dd{ font-size:20px}
}




@media only screen and (max-width:1000px) {	
.xz_yslist li dl dt{ width: 100px;margin-bottom:20px}
.xz_yslist li dl dt h3{ width: 100px; height: 100px; }

	
.xz_ys_tu{ width: 100px; height: auto;}	
}

@media only screen and (max-width:850px) {
.xz_yslist1 li{ width:49%;margin-right: 2%; margin-bottom: 2%;}
.xz_yslist1 li{ padding:12px;}
.xz_yslist1 li dl dt{font-size: 18px; margin-bottom: 0px}
.xz_yslist1 li dl dd{line-height: 24px; font-size: 14px}
}

@media only screen and (max-width:740px) {	
.xz_yslist1 li{ width:100%;margin-right: 0%; margin-bottom: 10px;}

}
@media only screen and (max-width:650px) {	
.xz_ys_tu{ width: 80px; height: auto; margin-left:2px}
.xz_yslist1 li{padding:0; margin-bottom: 20px}
.xz_yslist li dl dt{ width: 80px;margin-bottom:10px}
.xz_yslist li dl dt h3{ width: 80px; height: 80px;}
.xz_yslist li dl dd{ font-size:20px; line-height: 200%}
}



@media only screen and (max-width:600px) {	
	
.xz_yslist li{ overflow: hidden;margin: 0px; padding:10px;float: left;width:49%;margin-right:2%; margin-bottom:0px;}
.xz_yslist li:nth-child(2n){ margin-right: 0}
}



.xy_price{padding:0px;margin:0; overflow: hidden; }
.xy_price li{padding:0px;margin:0; overflow: hidden;float: left; width: 31.333%; margin-right: 3%;background:#f8f8f8; border-radius: 15px}
.xy_price li dl{padding:40px 30px;margin:0; overflow: hidden;}
.xy_price li dl dt{padding:0px;margin:0; overflow: hidden; color: #020a3b; margin-bottom: 10px}
.xy_price li dl dt h4{padding:0px;margin:0; overflow: hidden;color: #020a3b;font-size: 24px; margin-bottom: 50px;font-weight: normal}
.xy_price li dl dt h3{padding:0px;margin:0; overflow: hidden; color: #020a3b;font-size: 16px;font-family:Helvetica, Arial, "sans-serif"}
.xy_price li dl dt h3 span{padding:0px;margin:0; overflow: hidden;  color: #020a3b;font-size:100px;font-weight: normal;font-family:Helvetica, Arial, "sans-serif"}
.xy_price li dl dt h3 em{color: #020a3b;font-size:16px; margin-right: 5px; display: inline-block;font-weight: normal;font-style:normal;font-family:Helvetica, Arial, "sans-serif"}
.xy_price li dl dd{padding:0px;margin:0; overflow: hidden;color: #666;font-size: 16px; line-height: 190%;font-family:Helvetica, Arial, "sans-serif"}
.xy_price li dl dd i{font-size: 18px; margin-right: 4px}
.xy_price li dd a{display: inline}
.xy_price li:hover{ background:#f08555;}
.xy_price li:hover dl dt{ color:#fff}
.xy_price li:hover dl dt h4{ color:#fff}
.xy_price li:hover dl dt h3 { color:#fff} 
.xy_price li:hover dl dt h3 s{ color:#fff} 
.xy_price li:hover dl dt h3 span{ color:#fff} 
.xy_price li:hover dl dt h3 em{ color:#fff} 
.xy_price li:hover dl dd{ color:#fff} 



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

.xy_price_btn{width: 90%; margin: 0 auto;  text-align: center; color: #5258cc; line-height: 54px; border-radius: 15px;font-weight: bold;font-size: 18px; overflow: hidden;cursor: pointer;background:#fff;}

.xy_price li:hover .xy_price_btn{  color: #5258cc;background:#fff;}


@media only screen and (max-width:1450px) {	
	.xy_price li dl dt h3 span{font-size:75px;}
}

@media only screen and (max-width:1400px) {	
	.xy_price li dl dt h3 span{font-size:60px;}
	.xy_price li dl dt h4{ margin-bottom: 30px}
}
@media only screen and (max-width:1000px) {	
	.xy_price li dl dt h3 span{font-size:60px;}
	.xy_price li dl{padding:30px 20px;}
	.xy_price li dl dt h4{ margin-bottom: 20px}
	.xy_price li dl dt h4{font-size:20px;}
}

@media only screen and (max-width:900px) {
	.xy_price li dl dt h3 span{font-size:40px;}
	.xy_price_btn{line-height: 42px;font-size: 16px;}
	.xy_price li dl dt h3{font-size: 14px;}
	.xy_price li dl dd{font-size: 14px;}
}
@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% }
.xy_price li dl dt h4{ margin-bottom:10px}
}


.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: #333}

.d_ys_tu{width: 60px; height:60px; float: left; margin-right: 10px; border-radius: 50%;background:#5258cc}
.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: #f9d7bc}
.copxx{ overflow:hidden; padding:20px 0px;margin:0; }
.copxx_L{font-size:16px;float: left; width: 60%; line-height: 190%}
.copxx_R{ font-size:16px;float: right; width: 39%}
.copxx_R{color: #dcdcdc; line-height: 190%; text-align: right}
.copxx_R a{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{ font-size:14px;float: left; width: 100%; text-align: center;}
.copxx_R{ font-size:16px;float: right; width: 100%;text-align: center; margin-bottom:10px}
}






.weizinr{padding:40px 5%;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}