* { box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-text-size-adjust: none; outline: 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%}

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

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

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

@media only screen and (max-width:1000px) {
.space2{ overflow:hidden; clear:both; height:10px; width:100%}
.space3{ overflow:hidden; clear:both; height:15px; width:100%}
.space4{ overflow:hidden; clear:both; height:20px; width:100%}
}

.hui_bg{ background:#f7f7fc; width:100%; padding:80px 0px 80px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:80px 0px 80px 0px; overflow:hidden;position: relative}
.bai_d_bg{ background:#ffffff; width:100%; padding:80px 0px 80px 0px; overflow:hidden;position: relative; border-top: #eeeffa 1px solid}
@media only screen and (max-width:1400px) {
.hui_bg{ background:#f7f7fc; width:100%; padding:60px 0px 60px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
.bai_d_bg{ background:#ffffff; width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
}


@media only screen and (max-width:1100px) {
.hui_bg{ background:#f7f7fc; width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
.bai_d_bg{ background:#ffffff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
}

.top_k{overflow:hidden; clear:both; height:90px; width:100%; background: #fff}
.top_k1{overflow:hidden; clear:both; height:0px; width:100%; display: none}
@media (max-width: 991px) {
.top_k{overflow:hidden; clear:both; height:62px; width:100%}
.top_k1{overflow:hidden; clear:both; height:62px; width:100%;background: #fff; display: block}
}

.m_t_box{overflow: hidden; padding: 60px 0px; margin: 0px; position: relative; z-index: 10}
.m_t_L{width: 46%;float: left;overflow: hidden; padding: 0px; margin: 0px;}
.m_t_R{width: 50%;float: right;overflow: hidden; padding: 0px; margin: 0px;}
.m_t_R img{max-width:100%; width: auto; height: auto;vertical-align: top}

.sd_main_txt{overflow: hidden; padding:0px; margin: 0px;}
.sd_main_txt dl{overflow: hidden; padding:0px; margin: 0px; padding-top:14%}
.sd_main_txt dl dt{overflow: hidden; padding:0px; margin: 0px; color: #fff; margin-bottom: 15px;}
.sd_main_txt dl dd{overflow: hidden; padding:0px; margin: 0px;color: #fff;font-size: 16px;line-height: 200%}
.sd_main_txt dl dd h4{overflow: hidden; padding:0px; margin: 0px;color: #fff;font-size: 34px;font-weight: bold; margin-bottom: 10px;}

.btn_1{ display: inline-block; padding: 5px 15px; background: #fff;border-radius: 5px; color: #003688; margin: 10px 0px}
.btn_1:hover{ background: #FFA501;color: #fff;}
.btn_2{ display: inline-block; padding: 5px 15px; background: #fff;border-radius: 5px; color: #005cbb; margin: 10px 0px;border: 1px solid #005cbb}
.btn_2:hover{ background: #005cbb;color: #fff;}



.btn_3{ display: inline-block; padding: 3px 20px; background: #2f2fd0;border-radius: 5px; color: #fff; margin: 10px 0px; line-height: 40px;font-size: 16px}
.btn_3 i{ margin-right: 5px; width: 28px; height: 28px;vertical-align: top; background-color: #fff; border-radius:20px; padding:4px 4px; }
.btn_3 i img{width: 20px; height: 20px ; vertical-align:top; margin-top:10px}
.btn_3:hover{ background: #003688;color: #fff;}



.btn_4{ display: inline-block; padding:0px; width: 150px; background: #ff9600;border-radius: 5px; color: #fff; line-height: 42px;font-size: 18px; height: 42px; overflow: hidden; margin-top: 15px}

.btn_4:hover{ background: #07bbdc;color: #fff;}






.sd_main_txt dl dt h1{
      font-weight: 700;
     font-family:"Microsoft YaHei";
      color: #fff;
      font-size:55px;letter-spacing:1px;line-height: 70px;
		position: relative;
    background-image: -webkit-linear-gradient(left,#ffa200,#fff,#ffa200 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 5s forwards linear infinite;text-shadow: 1px 2px 5px  rgba(0, 0, 0, 0.1);}
@keyframes masked-animation {
	from {
	background-position:0 0
}
to {
	background-position:-200% 0
}
}

@media only screen and (max-width:1300px) {
.sd_main_txt dl{overflow: hidden; padding:0px; margin: 0px; padding-top:11%}
.m_t_L{width: 48%;float: left;}
.m_t_R{width: 50%;float: right;}		
}

@media only screen and (max-width:1200px) {
	.sd_main_txt dl dt h1{font-size:48px;line-height: 65px;}
}

@media only screen and (max-width:1020px) {
.sd_main_txt dl dt h1{font-size:40px;line-height: 60px;}
.sd_main_txt dl dd{font-size: 14px;line-height: 190%}
.sd_main_txt dl dd h4{font-size: 26px;font-weight: bold; margin-bottom: 10px;}

}

@media only screen and (max-width:950px) {
	.m_t_box{overflow: hidden; padding: 40px 0px;}
.m_t_L{width: 50%;float: left;}
.sd_main_txt dl{ padding-top:6%}
.sd_main_txt dl dt h1{font-size:36px;line-height: 50px;}
}

@media only screen and (max-width:750px) {
.m_t_L{width: 55%;float: left;}
.m_t_R{width: 45%;float: right;}
.sd_main_txt dl{ padding-top:10px}
}
@media only screen and (max-width:700px) {
.m_t_L{width:100%;float: none;}
.m_t_R{float: none; width: 80%; margin-left: 10%}
.sd_main_txt dl{ padding-top:10px;text-align: center}
	.sd_main_txt dl dd{max-width:500px;width: auto; margin: 0 auto}
}


@media only screen and (max-width:430px) {
.sd_main_txt dl dt h1{font-size:32px;line-height: 40px;}
}


.sy_xz_box{overflow: hidden; padding:20px 10px; margin: 0px; position: relative; background: #fff; border-radius: 10px;max-width: 1300px; margin: 0 auto;box-shadow: 0 20px 30px rgba(0,0,0,.1);  z-index: 11; margin-top: -55px; width: 94%}


.sy_download{overflow: hidden; padding:0px; margin: 0px; z-index: 12; position: relative;}
.sy_download dl{overflow: hidden; padding:0px; margin: 0px;text-align: center;color: #000000}
.sy_download dl dt{overflow: hidden; padding:0px; margin: 0px; margin-bottom: 5px; position:relative}
.sy_download dl dd{overflow: hidden; padding:0px; margin: 0px;font-size: 18px; line-height: 30px}

.sy_download dl dt img{width: 60px; height: 60px; vertical-align: text-top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.sy_download:hover img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);}
.sy_download:hover dl dd{color: #0375d4}


.nr_top_zx_box{padding: 12px 0px;box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 6px; width: 100%; background: rgb(255, 255, 255);border-bottom: 1px solid #f4f4f4;}

.fixedMenu{overflow:hidden; width:100%; padding:0px;z-index:9999900; }
@media (max-width: 991px) {
	.nr_top_zx_box{padding: 7px 0px 4px 0px;}	
}

.sy_download1{overflow: hidden; padding:0px; margin: 0px; z-index: 12; position: relative;}
.sy_download1 dl{overflow: hidden; padding:0px; margin: 0px;text-align: center;color: #000000}
.sy_download1 dl dt{overflow: hidden; padding:0px; margin: 0px; margin-bottom: 2px; position:relative}
.sy_download1 dl dd{overflow: hidden; padding:0px; margin: 0px;font-size: 14px; line-height: 24px}

.sy_download1 dl dt img{width: 35px; height:35px; vertical-align: text-top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.sy_download:hover img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);}
.sy_download:hover dl dd{color: #0375d4}





.sd_bg_title{ font-size: 51px;color: #0069AB;line-height: 60px;opacity: 0.13;text-align: center;text-transform: uppercase; position: relative;font-weight: bold}
.sd_title{ font-size: 32px; font-weight: bold;color: #111; line-height: 42px;text-align: center; position: relative;margin-top: -30px;}
.sd_txtsm{ font-size: 16px; color: #666; line-height: 30px;text-align: center; margin-top: 15px }

@media only screen and (max-width:1100px) {
	
	.sd_bg_title{ font-size: 38px;line-height: 50px; }
	.sd_title{ font-size:25px;}
	
.sy_download dl dd{font-size: 16px; line-height:24px}
.sy_download dl dt img{width:45px; height:45px; }
	.sy_xz_box{overflow: hidden; padding:20px 10px;}
}
@media only screen and (max-width:700px) {
	.sy_download dl dd{font-size: 14px; line-height:24px}
	.sd_bg_title{ font-size: 30px;line-height: 50px; }
	.sd_title{ font-size:24px;}
	.sy_xz_box{overflow: hidden; padding:20px 0px;}
}



.sy_about_bg{background:url(https://sdvpn.app/Skin/defalut/images/main1-bg1.png) no-repeat right top; background-size: cover;}
.sy_about_txt{overflow: hidden; padding:0px; margin: 0 auto;max-width: 1000px; width: 90%; line-height: 190%}


.about_box{overflow: hidden; padding:0px; margin: 0px;}
.about_box dl{overflow: hidden; padding:0px; margin: 0px; padding-top: 6%;}
.about_box dl dt{overflow: hidden; padding:0px; margin: 0px;font-size: 25px; color: #111; line-height: 30px;font-weight: 600; margin-bottom: 5px}
.about_box dl dd{overflow: hidden; padding:0px; margin: 0px;font-size: 16px; line-height: 190%;  padding-bottom:20px}

.about_tu{ width: 55%;overflow: hidden; padding:0px; margin: 0px;  margin-right: 5%;text-align: left;float: left}
.about_tu img{ max-width: 100%; width: auto;height: auto;vertical-align: top}

.about_box dl dt i{margin-right:8px;font-size: 28px; vertical-align: top; color: #33aade; }


@media only screen and (max-width:1300px) {
	.about_box dl{overflow: hidden; padding:0px; margin: 0px; padding-top:4%;max-width:100%}
	.about_box dl dt{font-size: 22px;}
	.about_box dl dd{font-size: 14px;}
}

@media only screen and (max-width:930px) {
	.about_tu{ width:55%; }
	.about_box dl{ padding-top:2%;}
}

@media only screen and (max-width:800px) {
	.about_box dl{ padding-top:0px;}
}

@media only screen and (max-width:700px) {
	.about_box dl{ padding-top:0px;}
	.about_tu{ width:100%; margin-right:0%; margin-bottom: 20px;float: none}
}

@media only screen and (max-width:640px) {
.about_box dl dt{font-size: 20px; line-height: 24px;}
	.about_box dl dt i{margin-right:8px;font-size: 24px; }
}

.ser_M{ overflow:hidden; padding:0px; margin:0px;}
.ser_M li{ width:100%; padding:20px 0px 20px 0px; overflow:hidden;}
.ser_M li:nth-child(2n-1){ width:100%; overflow:hidden;}
.ser_M li:nth-child(2n){ width:100%; overflow:hidden;}



.img_box1{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:32%; float:left;  position: relative; z-index:2}
.img_box1 img{ overflow:hidden; vertical-align: middle;max-width:100%; width: auto;height:auto;z-index:2; position: relative; }

.ser_M li:nth-child(2n-1).img_box1{ float:left;}
.ser_M li:nth-child(2n) .img_box1{ float: right;}


@media only screen and (max-width:650px) {
.ser_M li:nth-child(2n-1){padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n){ padding:0px 0px 0px 0px; overflow:hidden;}
.img_box1{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:100%; float: none; margin-bottom: 10px}

.ser_M li:nth-child(2n-1).img_box1{ float:none;}
.ser_M li:nth-child(2n) .img_box1{ float: none;}
}



.ser_txt1{overflow:hidden; padding:5% 0px 10px 0px; margin:0px; }
.ser_txt1 dl{overflow:hidden; padding:0px; width:70%;}
.ser_txt1 dl dt{overflow:hidden; padding:0px; margin:0px; font-size:25px; color:#222; line-height:30px;  margin-bottom:10px; font-weight:600; position: relative;}
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;font-size:16px;  line-height:190%;color:#555}
.ser_txt1 dl dd strong{color:#333;font-weight:bold}
.ser_txt1 dl dd  h3{color:#111; margin-bottom: 5px; margin-top: 10px}

.ser_M li:nth-child(2n-1) .ser_txt1 dl{ float:right;}




.img_box1:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


@media only screen and (max-width:1200px) {
.ser_txt1 dl dt{font-size:22px; line-height:30px; }
.ser_txt1{overflow:hidden; padding:4% 0px 10px 0px; margin:0px; }
}

@media only screen and (max-width:1000px) {
.img_box1{width:40%;}
.ser_txt1{overflow:hidden; padding:2% 0px 10px 0px;}
.ser_txt1 dl{overflow:hidden; padding:0px; width:94%; margin:0 auto}
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;  font-size:14px; line-height:180%;color:#555}
}

@media only screen and (max-width:650px) {
.ser_txt1{overflow:hidden; padding:20px 0px 30px 0px;}
.ser_txt1 dl{overflow:hidden; padding:0px; width:94%; margin:0 auto}

.ser_M li:nth-child(2n-1) .ser_txt1 dl{ float:none;}
.ser_txt1 dl dt{font-size:20px; line-height:26px; }
}

@media only screen and (max-width:640px) {
.ser_txt1 dl{overflow:hidden; padding:0px;padding-bottom:15px; width:92%; margin:0 auto;text-align: center}
.ser_txt1{overflow:hidden; padding:10px 0px 10px 0px;width:100%; margin:0 auto}
.img_box1{width:80%; margin: 0 auto; margin-bottom: 10px}
}


.yf_plbox{ margin: 0;
    padding: 6px;
    overflow: hidden;
    background: #9ccdec;
    margin-right: 4%;
    margin-bottom: 4%;
    border-radius: 10px;
}
.yf_plbox dl{overflow:hidden; padding:15px;background: #fff; border-radius:8px;}
.yf_plbox dl dt{overflow:hidden; padding:0px;margin:0px;text-align: center; margin-bottom: 5px}
.yf_plbox dl dt h3{overflow:hidden; padding:0px;margin:0px;font-size: 18px;}
.yf_plbox dl dt h4{overflow:hidden; padding:0px;margin:0px;font-size: 18px;}
.yf_plbox dl dt p i{color: #FF9E00;font-size: 20px; margin:0px 2px;}
.yf_plbox dl dd{overflow:hidden; padding:0px;margin:0px;font-size: 14px; line-height: 24px; min-height: 72px}

.yf_plbox dl dt img{ width:80px; height:80px;border-radius:50px;}



.sy_yx_bg{background:url(../images/yxbg.png) no-repeat  center; background-size: cover;}


.sd_tq{overflow:hidden; padding:0px; margin: 0px;}
.sd_tq li{overflow:hidden; padding:0px; margin: 0px; width: 33.333%;float:left; margin-bottom: 20px}
.sd_tq li dl{overflow:hidden; padding:0px; margin: 0px; text-align: center}
.sd_tq li dl dt{overflow:hidden; padding:0px; margin: 0px; margin-bottom: 10px}
.sd_tq li dl dd{overflow:hidden; padding:0px; margin: 0px; color: #fff;font-size: 18px; line-height: 190%}

.sd_tq_tu{text-align: center}
.sd_tq_tu img{width: 60px; height:60px; vertical-align: top}
.sd_tq li dl dt i{font-size: 28px; }


.d_ys{overflow:hidden; padding:0px; margin: 0px;}
.d_ys li{overflow:hidden; padding:0px; margin: 0px; width: 25%;float:left;}
.d_ys li dl{overflow:hidden; padding:0px; margin: 0px;}
.d_ys li dl dd{overflow:hidden; padding:0px; margin: 0px; line-height: 50px; color: #1A1919}
.d_ys_tu{ width: 50px; height: 50px; border: #3F79C1 1px solid; text-align: center;border-radius: 50%;margin-right: 20px;}
.d_ys_tu img{ width: 26px; height:26px;vertical-align: top; margin-top: 12px}
.d_ys li dl dt{overflow:hidden; padding:0px; margin: 0px; display: inline-block;float: left}


@media only screen and (max-width:800px) {
	.d_ys_tu{margin-right:10px;}
	.d_ys li dl dd{font-size: 14px}	
}



@media only screen and (max-width:720px) {
.d_ys_tu{margin-right:0px;float: none; margin: 0 auto;width: 40px; height: 40px; }
.d_ys_tu img{ width: 20px; height:20px;vertical-align: top; margin-top: 10px}
.d_ys li dl dt{overflow:hidden; padding:0px; margin: 0px; text-align: center; float: none;display: block}
.d_ys li{overflow:hidden; padding:0px; margin: 0px; width: 50%;float:left; margin-bottom:5px; margin-top: 5px; text-align: center}
.d_ys li dl dd{ line-height: 26px}
.sd_tq_tu img{width: 50px; height:50px; vertical-align: top}
}



.x_icon{ color:#2d82d1;  text-align: center; margin-top: 10px}
.x_icon i{ font-size:20px; margin:0px 5px 0px 0px;}




.d_box_bg{overflow:hidden; padding:0px 0px; margin: 0px; background: #f4f4f9}
.d_box_L{overflow:hidden; padding:0px; margin: 0px; width: 68%;float: left}
.d_box_R{overflow:hidden; padding:0px; margin: 0px; width: 30%;float: right}


.d_box_L li{overflow:hidden; padding:0px; margin: 0px;float: left;width: 25%}
.d_box_L li dl{overflow:hidden; padding:0px; margin: 0px;}
.d_box_L li dl dt{overflow:hidden; padding:0px; margin: 0px; margin-bottom: 10px; font-size: 16px; color: #222}
.d_box_L li dl dd{overflow:hidden; padding:0px; margin: 0px; line-height: 26px;font-size: 14px; color: #666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.d_box_L li dl dd a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #666}
.d_box_L li dl dd a:hover{color: #0067c7}


.d_box_L li:nth-child(2){width: 20%}
.d_box_L li:nth-child(3){width: 20%}
.d_box_L li:nth-child(4){width: 35%}



.d_box_lx{overflow:hidden; padding:0px; margin: 0px;}
.d_box_lx dl{overflow:hidden; padding:0px; margin: 0px; text-align: center}
.d_box_lx dl dt{overflow:hidden; padding:0px; margin: 0px; font-size: 16px; color: #222}
.d_box_lx dl dd img{width: 120px; height: 120px;vertical-align: top;border-radius: 5px}
.d_box_lx dl dd{overflow:hidden; padding:0px; margin: 0px; font-size: 14px; color: #222}

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


@media only screen and (max-width:1000px) {
.d_box_bg{ padding:30px 0px;}
.d_box_R{display: none}
.d_box_L li:nth-child(4){ display: none}
	.d_box_L li{width: 33.333%;text-align: center}
	.d_box_L{width: 100%}
	.d_box_L li:nth-child(2){width:33.333%}
.d_box_L li:nth-child(3){width:33.333%}
}











.nr_top_box{overflow:hidden;background:url(../images/map-bg.png) no-repeat  center top; background-size: auto 100%;}
.top_xz_box{}
.top_xz_L{ margin: 0px; padding: 0px; overflow: hidden;float: left;width: 50%}
.top_xz_R{ margin: 0px; padding: 0px; overflow: hidden;float: right;width: 48%}
.top_xz_R dl{ margin: 0px; padding: 0px; overflow: hidden;}
.top_xz_R dl dt{ margin: 0px; padding: 0px; overflow: hidden;font-size: 40px;font-weight: 400; margin-bottom: 10px}
.top_xz_R dl dd{ margin: 0px; padding: 0px; overflow: hidden;font-size: 16px; line-height: 190%; margin-top: 15px; color: #666}
.top_xz_R dl dd i{margin-right: 5px; color: #009de1}
.top_xz_R dl dd span{margin-right: 5px; color: #009de1}

.top_xz_R dl dd em{margin-right: 5px; color: #009de1}
.top_xz_L img{ max-width:100%;width: auto;height: auto;vertical-align: top}
.top_xz_R dl dd .btn_3 i{color: #fff}

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

@media only screen and (max-width:900px) {
.top_xz_R dl dt{font-size: 24px;}
.top_xz_R dl dd{ font-size: 14px; }
.top_xz_R dl dd{margin-top: 10px;}
.top_xz_L{ margin: 0px; padding: 0px; overflow: hidden;float: left;width: 53%}
.top_xz_R{ margin: 0px; padding: 0px; overflow: hidden;float: right;width: 45%}
.nr_top_box{ margin-bottom:20px}
}


@media only screen and (max-width:640px) {
.top_xz_L{ margin: 0px; padding: 0px; overflow: hidden;float: none;width: 100%;text-align: center; margin-bottom:10px}
.top_xz_R{ margin: 0px; padding: 0px; overflow: hidden;float: none;width: 100%}
.top_xz_R dl{text-align: center}
.top_xz_L img{ max-width:80%;width: auto;height: auto;vertical-align: top}
}



.jsff_box{margin: 0px; padding:50px 50px; overflow: hidden; background: #fafaff; border-radius: 100px;overflow: hidden;border: #f7f7ff 4px solid;}
.jsff_box li{margin: 0px; padding: 0px; overflow: hidden;width: 22%;float: left}

.jsff_box li dl{margin: 0px; padding: 0px; overflow: hidden;}
.jsff_box li dl dt{margin: 0px; padding: 0px; overflow: hidden;font-size: 20px; color: #222}
.jsff_box li dl dd{margin: 0px; padding: 0px; overflow: hidden;font-size: 14px; color: #666}
.jsff_tu{ width: 65px; height: 65px; margin-right: 20px; line-height: 63px; border: #4e56e8 1px solid; text-align: center;font-size: 36px;font-weight: 700;float:left;border-radius: 50%; color: #4e56e8}
.jsff_box li:nth-child(2){width: 15%; line-height:70px; background:url(../images/arrt.png) no-repeat  center right; margin-right: 2%}
.jsff_box li:nth-child(4){width: 15%; line-height:70px;background:url(../images/arrt.png) no-repeat  center right; margin-right: 2%}
.jsff_box li:last-child{display: none;height: 0px;width: 0px}

@media only screen and (max-width:1200px) {
.jsff_box{margin: 0px; padding:40px 30px;}
.jsff_box li{width: 24%;float: left}
.jsff_box li:nth-child(2){width: 12%;margin-right: 2%}
.jsff_box li:nth-child(4){width: 12%; margin-right: 2%}
	
}

@media only screen and (max-width:1050px) {
.jsff_box li dl dt{font-size: 18px; color: #222}
.jsff_tu{ width: 55px; height: 55px; margin-right: 10px; line-height: 53px; border: #4e56e8 1px solid; text-align: center;font-size: 30px;font-weight: 700;float:left;border-radius: 50%; color: #4e56e8}
.jsff_box li{width: 26%;float: left}
.jsff_box li:nth-child(2){width: 9%;margin-right: 1%;margin-left: 1%;line-height:60px;}
.jsff_box li:nth-child(4){width: 9%; margin-right:1%;margin-left: 1%;line-height:60px;}	

}

@media only screen and (max-width:900px) {
.jsff_box li dl dt{font-size: 16px; color: #222}
}
@media only screen and (max-width:750px) {
.jsff_box li{width: 32%;float: left; margin-right: 2%}
	
.jsff_box li:nth-child(2){display: none}
.jsff_box li:nth-child(4){display: none}
.jsff_box li:nth-child(5n+0){margin-right: 0%}

.jsff_box{margin: 0px; padding:0px 0px; overflow: hidden; background: #fafaff; border-radius: 0px;overflow: hidden;border: #f7f7ff 0px solid;}
}

@media only screen and (max-width:650px) {
	.jsff_tu{ width: 46px; height: 46px; margin-right:0px; margin: 0 auto;float: none;font-size: 26px;line-height: 44px; margin-bottom: 10px;}
	.jsff_box li dl dt{text-align: center; margin-bottom: 5px}
	.jsff_box li dl dd{text-align: center;font-size: 12px; line-height: 22px}
}


.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:#f8f8f8;border-radius: 10px; border: #fff 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:#222;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}
}


/*-----------VIP购买------------*/
.gm_L{padding: 0px;margin: 0px; overflow: hidden;float: left;width: 70%}
.gm_R{padding: 0px;margin: 0px; overflow: hidden;float: right;width: 28%}

.hyqydb{padding: 0px;margin: 0px; overflow: hidden;background: #fafaff;border: #d9d8e8 1px solid;text-align: center; line-height: 48px}
.hyqydb span{margin-right: 5px; vertical-align:top;}
.hyqydb span img{width:auto; height: 25px;  vertical-align: middle}

.tab_box{padding: 30px;margin: 0px;overflow: hidden;}

.tab_box table{ table-layout: fixed;word-break: break-all; }
.tab_box td{ border-bottom: 1px solid #666; padding: 8px; line-height: 24px; border-right: 1px solid #666;text-align: center;}
.tab_box td span{margin-right: 5px; vertical-align:top;}
.tab_box td span img{width:auto; height: 25px;  vertical-align: middle}
.tab_box .txt_bt{padding: 10px;margin: 0px;overflow: hidden;font-weight: bold;font-size: 20px;text-align: center}
.tab_box td  strong{color: #222;}

@media only screen and (max-width:800px) {
.gm_L{padding: 0px;margin: 0px; overflow: hidden;float: none;width: 100%}
.gm_R{padding: 0px;margin: 0px; overflow: hidden;float: none;width: 100%}

}

@media only screen and (max-width:600px) {
.tab_box{padding: 30px 15px;margin: 0px;overflow: hidden;}	
.tab_box td{font-size: 14px}
}
/*-----------选项卡-1------------*/
.tab1{ padding: 0px;margin: 0px 0px 0px 0px;}
.tab1 ul{ padding: 0px; overflow: hidden}
.tab-hd1 {width: 100%; margin:0px;position: relative;height:50px;line-height:50px;margin-bottom:10px; overflow:hidden;background: #fafaff;border:#d9d8e8 1px solid; }
.tab-hd1 li{ float:left; width:50%;cursor:pointer; height: 50px; line-height: 50px; font-size: 18px; font-weight:normal;color: #333;padding: 0px; display: inline;position: relative; text-align: center; }
.tab-hd1 li span{margin-right: 5px; vertical-align:top;}
.tab-hd1 li span img{width: 28px; height: auto;  vertical-align: middle}
.tab-hd1 li.active1{color: #ffa731;height:47px;line-height:44px; font-size: 18px; border-top: 3px solid #f7c160;
padding: 0px;float: left; z-index: 2; position: relative}


.tab-bd1 .div1{display:none;margin:0;  padding: 0px}
.tab-bd1 .div1.thisclass{ display:list-item;}
.tab1 .tab-hd1 li .more{ float: right; width: auto}

.tab-hd1 li{border-right: #d9d8e8 1px solid;}
.tab-hd1 li:nth-child(2){border-right: #ecebf5 0px solid;}


.hytq{padding: 20px 20px 0px 20px; overflow: hidden; margin: 0px;border: #d9d8e8 1px solid; border-top: #d9d8e8 0px solid;}
.hytq li{padding: 0px; overflow: hidden; margin: 0px;width:50%;float: left; margin-bottom: 20px}
.hytq li dl{padding: 0px; overflow: hidden; margin: 0px;text-align: center}
.hytq li dl dt{padding: 0px; overflow: hidden; margin: 0px; margin-bottom: 8px;}
.hytq li dl dt img{height: 40px; width: auto;vertical-align: top;}
.hytq li dl dd{padding: 0px; overflow: hidden; margin: 0px;font-size: 14px;} 

/*-----------价格-----------*/

.price_list{overflow:hidden;  padding: 0px 0px; margin: 0;}
.price_list li{overflow:hidden;  padding: 0px; margin: 15px 0px; list-style: none; width: 32%; float: left; margin-right: 2%;background-color: #fafaff; border-radius:5px;border: #d9d8e8 1px solid;}
.price_list li dl{overflow:hidden; margin: 0 auto; text-align: center; padding-bottom: 20px; padding-top: 20px}
.price_list li dl dt{overflow:hidden;  padding: 0px; margin: 0px; font-weight: normal; line-height: 190%;}
.price_list li dl dt span{font-size: 18px; margin-left: 10px; color: #555;font-weight: normal;}
.price_list li dl dd{overflow:hidden;  padding: 0px; margin: 0px; font-size: 16px; line-height:190%; color: #444;}
.price_list li dl dt h3{overflow:hidden;  padding: 0px; margin: 0px;font-size: 30px; margin-bottom:2px; color: #f5122d;font-weight: 600;font-family: 'AVGBBT';line-height: 40px;}
.price_list li:nth-child(3){margin-right: 0%}

.price_list li dl dd span{text-decoration:line-through;color: #999;}

.price_list li dl dd i{  margin-right: 10px}
.price_list li:nth-child(2) .panel {background: rgba(0, 157, 202, 0.5);}

.jg_btn_box1{padding: 0px;overflow: hidden; max-width: 110px; margin: 0 auto;margin-top:15px;  }
.jg_btn{background: #ff9c00;line-height: 40px; text-align: center; color: #fff; width: 100%; border-radius: 40px }
.jg_btn_box1:hover .jg_btn{background: #0162bc; color: #fff; }

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

@media only screen and (max-width:640px) {
.price_list li dl dd{font-size: 14px; line-height:190%; color: #444;}
.price_list li dl dt h3{overflow:hidden;  padding: 0px; margin: 0px;font-size:18px; margin-bottom:2px; color: #f5122d;font-weight: 600;font-family: 'AVGBBT';line-height: 30px;}	
	.price_list li dl dt span{font-size: 14px; }
	.jg_btn_box1{padding: 0px;overflow: hidden; max-width: 110px;width: 90%; margin: 0 auto;margin-top:12px;  }
	.jg_btn{line-height: 34px; font-size: 14px}
	
	.tab-hd1 li{font-size: 16px }
	.tab-hd1 li.active1{font-size: 16px }
}




#fixed_1{ width:100%; height:400px ;background-size:cover; background:#005b9a; position: relative}
#fixed_2{ width:100%; height:400px ;background-size:cover; background:#005b9a; position: relative}
@media only screen and (max-width:1400px) {
#fixed_1{ width:100%; height:300px ;background-size:cover; background:#005b9a; position: relative}
#fixed_2{ width:100%; height:300px ;background-size:cover; background:#005b9a; position: relative}
}

@media only screen and (max-width:1300px) {
#fixed_1{ width:100%; height:260px ;background-size:cover; background:#005b9a; position: relative}
#fixed_2{ width:100%; height:260px ;background-size:cover; background:#005b9a; position: relative}
}
@media only screen and (max-width:1100px) {
#fixed_1{ width:100%; height:160px ;background-size:cover; background:#005b9a; position: relative}
#fixed_2{ width:100%; height:200px ;background-size:cover; background:#005b9a; position: relative}
}


.nr_lmbox{padding-top:0px;position: absolute; z-index:2;left: 0px;height: 100%; width: 100%; opacity: 1; background:rgba(0, 0, 0, 0.1);}

.nr_lm_txt_K{margin: 0 auto;overflow: hidden;}


.nr_lm_txt{position: absolute;  height: auto;left:0; width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index:auto;}

.nr_lm_txt{padding:0px;overflow: hidden; }
.nr_lm_txt dl {max-width: 1300px;width: 90%; margin: 0 auto}
.nr_lm_txt dl dt{padding: 0px;margin: 0;overflow: hidden;font-size:40px; color: #fff; line-height:52px;font-weight: 400;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); position: relative; margin-bottom: 10px}
.nr_lm_txt dl dd{padding: 0px;margin: 0;overflow: hidden;font-size:16px; color: #fff;line-height:26px;font-weight: 400;text-transform: capitalize;    font-family:  "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; }

@media (max-width: 1300px) {
	.nr_lm_txt dl dt{font-size:25px; }
	.nr_lm_txt dl dd{font-size:14px;line-height:24px;}

}
@media (max-width: 800px) {
.nr_lm_txt dl dt{font-size:24px; line-height: 30px;color: #fff }	
 }


.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; margin-bottom:20px}
.about_L_txt{ font-size:16px; line-height:220%;overflow:hidden; padding:0px; margin:0px;}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:46%; }
.about_R img{ width:100%; height:auto; vertical-align:top}

.gsjs_bt{font-size: 36px;width: 100%;margin: 0px 0px 25px 0px;line-height: 40px; color:#111;font-weight: bold}

@media screen and (max-width: 1400px) {
.gsjs_bt{font-size: 30px;margin: 0px 0px 15px 0px;}	
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; margin-bottom:20px}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:47%; }
}
@media screen and (max-width: 1200px) {
.gsjs_bt{font-size: 25px;margin: 0px 0px 15px 0px;text-align: center}	
.about_L{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; margin-bottom:20px}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; }
}


.question_box{overflow:hidden; padding:0px; margin:0px; margin-bottom: 20px;  padding-bottom: 20px; border-bottom: 1px solid #eee}
.question_box .title_bt{overflow:hidden; padding:0px; margin:0px; line-height: 44px;font-size: 22px;color: #222; margin-bottom: 10px;font-weight: 700}

.question_box li{overflow:hidden; padding:0px; margin:0px; width: 33.3333%; float: left}
.question_box li dl{overflow:hidden; padding:0px; margin:0px;}
.question_box li dl dd{overflow:hidden; padding:5px 0px; margin:0px; line-height: 30px;text-indent: 10px;position: relative;white-space:nowrap;text-overflow:ellipsis;}

.question_box li dl dd::after{position: absolute; z-index: 1; content: "";width: 3px; height:3px; background: #008cee;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);left:0}

@media screen and (max-width: 1000px) {
.question_box li{overflow:hidden; padding:0px; margin:0px; width: 49%; float: left; margin-right: 2%}	
.question_box li:nth-child(2n+0){ margin-right:0%}
.question_box li dl dd{font-size: 14px;padding:2px 0px; }
	.question_box .title_bt{font-size:20px; margin-bottom:5px;}
}

@media screen and (max-width: 750px) {
.question_box li{overflow:hidden; padding:0px; margin:0px; width: 100%; float: none; margin-right:0%}	
.question_box{margin-bottom: 10px;  padding-bottom:10px;}
}



.dh_box{ overflow:hidden; line-height:40px;font-size:14px;color:#666; background: #f5f5f5}
.wzdh_k{ overflow:hidden; line-height:40px;font-size:14px;color:#666}
.wzdh_k span a{ font-size:14px; color:#666}
.wzdh_k i{ margin-right:3px;color:#666;font-size:16px;}

.content_bt{ width:100%; line-height:34px; font-size:34px;margin-bottom:15px; color:#222; text-align:center; }
.content_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; line-height:25px; text-align:center; overflow: hidden; margin-bottom: 20px}
.i_date{margin-right:5px;}
.i_from{ margin-right:5px}
.i_View{}


.side_ConR{ margin:0px; padding:55px 6% 50px 6%; overflow:hidden;background:#fff;}

@media only screen and (max-width:980px) {
.side_ConR{ margin:0px; padding:30px 4% 30px 4%; overflow:hidden; background:#fff}
}



.news_title_bt{ width:100%; line-height:34px; font-size:24px;margin-bottom:15px; color:#222;}

.content_time i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300}

.content_txt{line-height:200%; color:#333333; font-size:16px; overflow:hidden; padding:0px; text-align:justify}
.content_txt p{line-height:200%; color:#333333; font-size:16px; overflow:hidden;}
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content_txt h2{font-weight: 700;color: #222;font-size: 22px; line-height: 190%}
.content_img{overflow:hidden; width:100%; text-align:center}
.content_img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content_txt table{ table-layout: fixed;word-break: break-all; }
.content_txt table td{border:1px solid #999}
.content_txt table{border:1px solid #999} 

.main_inbox{ overflow:hidden;  margin:0px; padding:40px 5% 40px 5%;}
@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
}

@media (max-width: 1400px) {
.content_txt{line-height:190%; color:#333333; font-size:14px; overflow:hidden; padding:0px;}
.content_txt p{line-height:190%; color:#333333; overflow:hidden;}
}
@media (max-width: 1300px) {
.content_txt{font-size:14px; }	
.content_txt p{font-size:14px; }	
.content_time{ margin-bottom:15px}	
.content_bt{ font-size:24px;}
.content_txt h2{font-size: 18px;}
}
@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
.news_title_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;font-weight:bold;text-align: center }
.content_time{font-size:12px; }
.content_time i{ font-size:14px;}
.content_bt{ font-size:22px;}
}

@media screen and (max-width: 650px) {
.content_time{text-align: center}	
}

.next_k{ padding:0px;margin-top:15px; border-top:#CCCCCC 1px solid;}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#666666; font-size:14px; list-style:none}
.next_k ul li a{font-size:14px}





.wx_news_list{ margin:0px; padding:0px; overflow: hidden}
.wx_news_list li{ margin:0px; padding:4px 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px; line-height:42px; border-bottom: #fff 1px  dotted;position: relative;text-indent: 15px; border-bottom: #ccc 1px  dotted;
}

.wx_news_list li::after{ position:absolute; content: ""; width: 4px; height:4px; border-radius: 50%; border: 2px solid #4365ec; z-index: auto; float: left;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);left: 0px}
.wx_news_list li:hover::after{ background: #fe9500}



.wx_news_list li a{ display:inline; font-size:18px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wx_news_list li span{ float:right; margin-left:20px; color:#555; font-size:16px}

.wx_news_list li:hover a{color:#6c89fd}
.wx_news_list li i{ color:#4365ec; margin-right: 5px;font-size:18px; }
.wx_news_list li:hover{ border-bottom: #ccc 1px  dotted;}

@media (max-width: 1300px) {
.wx_news_list li a{ display:inline; font-size:16px;}
.wx_news_list li span{  font-size:14px}
.wx_news_list li{line-height:32px;}
}

@media (max-width: 900px) {
.wx_news_list li a{ display:inline; font-size:14px;}
.wx_news_list li span{  font-size:14px}
.wx_news_list li{line-height:30px;}
}






.ys_kxys{ overflow:hidden;padding: 0px; margin: 0px; width: 25%; float: left}
.ys_kxys dl{ overflow:hidden;padding: 15% 20px; margin: 0 auto; width: 94%; background:#fafaff; border-radius: 8px; text-align: center;cursor:pointer; border: #e8e7f2 1px solid}
.ys_kxys dl dt{ overflow:hidden;padding: 0px; margin: 0;}
.ys_kxys dl dt h3{ overflow:hidden;padding: 0px; margin: 0;  font-size:24px; color: #000;  margin-top:20px; margin-bottom: 15px}
.ys_kxys dl dt h4{ overflow:hidden;padding: 0px; margin: 0; font-size: 14px; line-height: 24px; color: #666; font-weight: 300;  padding-bottom: 20px; margin-bottom: 20px; position: relative;letter-spacing: -1px}
.ys_kxys dl dt h4::after{ width: 60px; height: 2px; background:#da3239; text-align: center;position: absolute; left: 50%; margin-left: -30px; bottom:3px;   content: '';}

.ys_kxys dl dd{ overflow:hidden;padding: 0px; margin: 0; font-size: 14px; line-height: 26px; color: #333; min-height: 104px}

.ys_kxys dl dt i{ font-size: 70px; color: #333}

.xmys_x_tu{ width:70px; height: 70px;  margin: 0 auto; background: #fff; text-align: center;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.xmys_x_tu img{ width:70px; height: 70px; transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;
	-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; }

.ys_kxys dl:hover{ background:#0069ca; color: #fff;}
.ys_kxys dl:hover dt{color: #fff;}
.ys_kxys dl:hover dt h3{color: #fff;}
.ys_kxys dl:hover dt h4{color: #ffc7c9;}
.ys_kxys dl:hover dt h4::after{background:#fff;}
.ys_kxys dl:hover dd{color: #fff;}
.ys_kxys dl:hover dt i{color: #fff;}
.ys_kxys dl:hover .xmys_x_tu{ background: #fff;border-radius:40px}


.ys_kxys dl:hover .xmys_x_tu img{ width:44px; height: 44px; margin-top: 13px; -webkit-filter: grayscale(100%); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0); 
filter:none;}

@media only screen and (max-width:1400px) {
.ys_kxys dl dt h3{font-size:20px;}	
.ys_kxys dl dt i{ font-size: 50px;}
.ys_kxys dl{width: 92%;}
}

@media only screen and (max-width:1250px) {
.ys_kxys dl{width: 92%;padding: 15% 15px;}
.ys_kxys dl dt i{ font-size:45px;}
}

@media only screen and (max-width:1210px) {
.ys_kxys dl{width: 92%;padding: 15% 15px;}
.ys_kxys dl dd{ min-height: 120px; line-height: 24px}	
}

@media only screen and (max-width:1030px) {
.xmys_x_tu{ width:50px; height: 50px; }
.xmys_x_tu img{width:50px; height: 50px; }
.ys_kxys dl:hover .xmys_x_tu img{ width:34px; height: 34px; margin-top:7px; -webkit-filter: grayscale(100%); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0); 
filter:none;}	
	
	
.ys_kxys dl{width:96%;padding:25px 5%;}
.ys_kxys dl dd{line-height: 24px; min-height:96px}
.ys_kxys{ overflow:hidden;padding: 0px; margin: 0px; width:50%; float: left; margin-bottom: 15px;}
.ys_kxys dl dt i{ font-size:35px;}	
.ys_kxys dl dt h3{  margin-top: 5px}
	
.ys_kxys dl dt h4{ padding-bottom: 10px; margin-bottom: 10px;}
	
}

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

.ys_kxys dl{width:97%;padding:25px 5%;}
.ys_kxys dl dd{ min-height: 20px; line-height: 24px; height: auto}
.ys_kxys{ overflow:hidden;padding: 0px; margin: 0px; width:100%; float: left; margin-bottom: 15px;}
.ys_kxys dl dt i{ font-size:35px;}	
.ys_kxys dl dt h3{  margin-top: 5px}
	
.ys_kxys dl dt h4{ padding-bottom: 10px; margin-bottom: 10px;}
	
}



.fyj_box{ max-width:1020px; width:100%; margin: 0 auto; padding: 0px; overflow: hidden}


.fyj_box table{ table-layout: fixed;word-break: break-all; }
.fyj_box td{ border-bottom: 1px solid #666; padding: 8px; line-height: 24px; border-right: 1px solid #666;text-align: center;}
.fyj_box td span{margin-right: 5px; vertical-align:top;}
.fyj_box td span img{width:auto; height: 25px;  vertical-align: middle}
.fyj_box td  strong{color: #222;}


.yjbz{overflow:hidden;padding: 0px; margin: 0px;}
.yjbz li{overflow:hidden;padding: 0px; margin: 0px;float:left; width: 33.3333%}
.yjbz li dl{overflow:hidden;padding: 0px; margin: 0px; padding-top: 30px}
.yjbz li dl dt{overflow:hidden;padding: 0px; margin: 0px;font-size: 20px; color: #222}
.yjbz li dl dd{overflow:hidden;padding: 0px; margin: 0px;font-size: 14px; line-height: 24px;}

.yjbz_tu{float:left;margin-right: 10px;}
.yjbz_tu img{width: auto; height: auto;vertical-align: top}


@media only screen and (max-width:720px) {
.fyj_box td{ padding: 8px 4px;font-size: 14px}
.yjbz li dl{text-align: center; padding: 0px 10px}
.yjbz_tu{float: none;margin-right: 0px;text-align: center; margin-bottom: 10px}
.yjbz_tu img{ width: 40px; height: auto}
}


@media only screen and (max-width:600px) {
.yjbz li dl{text-align: center; padding: 0px 5px}
.yjbz li dl dt{font-size: 16px; color: #222}

}

.anzts{overflow:hidden;margin: 0px; padding: 0px;background-color: #fafaff;border: #d9d8e8 1px solid;}
.anzts li{overflow:hidden;padding: 0px; margin: 0px;float:left; width:50%;}
.anzts li dl{overflow:hidden; margin: 0px; padding: 30px}
.anzts li dl dt{overflow:hidden;padding: 0px; margin: 0px;font-size: 20px; color: #222; margin-bottom: 10px;font-weight:normal}
.anzts li dl dd{overflow:hidden;padding: 0px; margin: 0px;font-size: 14px; line-height: 24px; color: #666}

.anzts li:nth-child(2){border-left: #d9d8e8 1px solid;}


@media only screen and (max-width:600px) {
.anzts li dl dt{font-size: 18px;}
.anzts li dl{padding: 20px 15px}
}
@media only screen and (max-width:500px) {
.anzts li dl{padding: 20px 20px}
.anzts li{overflow:hidden;padding: 0px; margin: 0px;float:left; width:100%;}
.anzts li:nth-child(2){border-left: #d9d8e8 0px solid;border-top: #d9d8e8 1px solid;}
}





.sy_dv_bg{position: relative;background:#0c1f3f url(../images/sy_m_bg.png) no-repeat center bottom; background-size:100% auto; padding-bottom: 100px }


.box-video{ max-width: 890px;  width: 80%; margin: 0 auto; text-align: center; mix-blend-mode: screen; position: absolute; z-index: 11; top:120px;left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}

.video-box{ width:100%; }
.box-video video{mix-blend-mode: screen;}

.dv_light{mix-blend-mode:overlay;position:relative; height: 100%;padding-top:120px; }
.dv_light img{left: 50%;position: absolute;top: 0;transform: translateX(-50%);z-index: 10; max-width: 100%; height: auto; width: auto}
.dv_light img:first-child {z-index: 9; position:relative}

.sy_txt_box{ position: absolute; z-index: 12; width: 100%; height: auto;top: 48%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.sy_txt_box dl{ padding: 0px; margin: 0px;}
.sy_txt_box dl dt{ padding: 0px; margin: 0px; text-align: center; color: #fff; margin-bottom:10px;}
.sy_txt_box dl dd{ padding: 0px; margin: 0px; text-align: center;color: #fff;font-size: 40px; line-height:50px;letter-spacing:2px;}

.sy_txt_box dl dt h1 {

      font-weight: 700;
     font-family:"Microsoft YaHei";
      color: #fff;
      font-size:80px;letter-spacing:13px;line-height: 100px;
		position: relative;
    background-image: -webkit-linear-gradient(left,#35fffd,#fff,#35fffd 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
}
}

@media only screen and (max-width:1024px) {	
.dv_light{	padding-top:80px; }
}





@media only screen and (max-width:1300px) {	
	.sy_txt_box dl dt h1 { font-size:60px;letter-spacing:12px;line-height: 90px;}
	.sy_txt_box dl dd{font-size: 30px; line-height:40px;}
}

@media only screen and (max-width:1000px) {	
	.sy_txt_box dl dt h1 { font-size:50px;letter-spacing:10px;line-height: 70px;}
	.sy_txt_box dl dd{font-size: 26px; line-height:30px;}
		.box-video{top: 80px}
}

@media only screen and (max-width:700px) {	
	.sy_txt_box dl dt h1 { font-size:46px;letter-spacing:5px;line-height: 60px;}
	.sy_txt_box dl dd{font-size: 22px; line-height:30px;}
}

@media only screen and (max-width:550px) {	
	.sy_txt_box dl dt h1 { font-size:40px;letter-spacing:5px;line-height: 50px;}
	.sy_txt_box dl dd{font-size: 18px; line-height:30px;}
	.dv_light{ padding-top: 80px}

	.sy_dv_bg{ padding-bottom: 60px}
}

@media only screen and (max-width:450px) {	
	.sy_txt_box dl dt h1 { font-size:36px;letter-spacing:2px;line-height: 50px;}
	.sy_txt_box dl dd{font-size: 18px; line-height:30px;letter-spacing:1px;}
}
@media only screen and (max-width:400px) {	
	.sy_txt_box dl dt h1 { font-size:32px;letter-spacing:2px;line-height: 50px;}
	.sy_txt_box dl dd{font-size: 16px; line-height:26px;letter-spacing:1px;}
}




.scroll-ico{position:absolute; bottom:20px; left:50%; z-index:2; width:22px; height:31px; margin:0 0 0 -11px; padding:0 0 10px;}
.scroll-ico:after{display:block; content:''; position:absolute; bottom:0px; left:50%; width:14px; height:7px; margin:0 0 0 -7px; background:url(../images/arr-white-bottom.png) no-repeat center; background-size:contain; animation-name:move; animation-duration:1.5s; animation-iteration-count:infinite;}
.scroll-ico img{ width:22px; height:31px}


@media (max-width: 1300px) {
.scroll-ico{  bottom:10%;}	
}

@media (max-width: 1200px) {
.scroll-ico{ display: none}
	
}

@keyframes move{
	from {
	bottom:0;
	opacity:1;
	}
	to {
	bottom:-10px;
	opacity:0;
	}
}






/*-----page------*/

.page_k{ text-align:center; padding:0px; font-size:14px;border-top:#CCCCCC 0px solid; margin-top:35px;}
.page_k a{ font-size:14px}
.page_k a:hover{ font-size:14px}


.post_prev_box{width: 100%; height: auto; margin: 0px; padding: 0px; margin-top:30px; margin-bottom: 20px; overflow: hidden;}

.post_prev{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: left;display: flex}
.post_prev .icon{width: 20px;line-height: 20px; position: relative;height: 20px;}
.post_prev .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block; line-height: 20px;font-size: 14px}
.post_prev .icon i{ font-size: 24px; line-height: 20px;color: #ccc; vertical-align: middle; margin-top: -5px}
.post_prev .icon::before{width:1px;height:14px;position:absolute;right:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_next{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: right;display: flex}
.post_next .icon{width: 20px; display:inline-block;line-height:20px; height: 20px; position:relative;float:right; text-align: right; margin-left: 5px}
.post_next .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;line-height: 20px; font-size: 14px}
.post_next .icon i{ font-size: 24px; line-height: 20px; vertical-align:top;color: #ccc; }
.post_next .icon::before{width:1px;height:14px;position:absolute;left:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 16px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 16px}

.post_prev:hover{ background: #005cbb}
.post_prev:hover a{ color: #fff}
.post_next:hover{ background: #005cbb}
.post_next:hover a{ color: #fff}

@media screen and (max-width: 1300px) {
	
.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 14px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 14px}	
}

@media screen and (max-width: 900px) {
.post_prev{width: 100%; margin-bottom: 15px}
.post_next{width: 100%;}
}




/*分页*/
#pages {
    text-align: center;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #005bb9;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #005bb9;
}

#pages li:hover a {
    color: #fff;
}




/*----表单--- */

#contact-form textarea{height: 120px;}
.book_sm{ font-size:16px; line-height:24px; color:#222;margin-bottom:20px; text-align: center}
.book_sm span{ color:#FFBA00}
.msg-title{font-size: 22px;text-align: center;margin-bottom: 15px;color: inherit;color:#FFE3C1;}
.add-msg-form .cf-column{padding-bottom: 20px;position: relative; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}
.add-msg-form .cf-tarea{clear: both;}
.add-msg-form input{box-sizing: border-box;padding: 0 15px;border: 1px solid #ddd;height: 40px;line-height: 40px;width: 100%;margin-bottom: 0; font-size:14px;}
.add-msg-form textarea{box-sizing: border-box;border: 1px solid #ddd;min-height: 100px;padding: 15px;color: #444;width: 100%;margin-bottom: 0;font-size:14px;}
.add-msg-form .submit-button{box-sizing: border-box;width:30%;line-height: 40px;height: 40px;margin: 0px 15px;border: 0px;color: #fff;position: relative; background:#0055b4;border: 0; cursor: pointer; font-size:16px;}
.add-msg-form .submit-button:hover, .add-msg-form .submit-button:active{background-color: #CB1919; font-size:16px}
.add-msg-form em{position: absolute;bottom: 0;z-index: 1111;float: left;left: 20px;}

.add-msg-form select{box-sizing: border-box;padding: 0 15px;border: 1px solid #ddd;height: 40px;line-height: 40px;color: #444; width:120px;font-size:14px;}
@media only screen and (max-width:1000px) {
	.add-msg-form .submit-button{ margin: 0 auto;width:180px;}
}
@media only screen and (max-width:450px) {
.book_sm{ font-size:14px; }
}



.col-md-6 {
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%
}



	
.page_k{ text-align:center; padding:0px; font-size:16px; margin-top:15px;}
.page_k a{ font-size:16px}
.page_k a:hover{ font-size:16px}


@media only screen and (max-width:1000px) {
.page_k a{ font-size:14px}
.page_k a:hover{ font-size:14px}
}