/*必须，关系到单个page能否全屏显示*/
body { color: #555555; margin: 0px; padding: 0px; font-size: 14px; font-family: "Microsoft YaHei"; text-align: left; background-color:#ffffff}
.sections, .section { /*必须，兼容，在浏览器不支持transform属性时，通过改变top/left完成滑动动画*/position: relative; /*必须，关系到单个page能否全屏显示*//* height: 100%; */}
a { text-decoration: none; }
a:link, a:visited {/* color: #555555; */}
a:hover { color: #0167cc; text-decoration: underline; }
* {/* margin: 0px; *//* padding: 0px; *//* font-family: "Microsoft YaHei"; *//* outline: none; *//* transition:width .5s linear; */}
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: middle; }
.clear { clear: both; }
input, select { vertical-align: middle; }
.no { display: none; }

.contain{ width:1200px; margin:0 auto; position:relative;}
.bot_bg { border-top:4px solid #cc0000; width:100%; background-color:#ffffff; display:none}
.bot_tit { height:53px; line-height:53px; text-align: center; border-bottom: 1px solid #cfcfcf;}
.bot_tit a { margin: 0 3px;}
.bot { width: 755px; margin: 0px auto; padding: 20px 0; }
.bot_l { float: left; width: 85px; margin-top: 10px; text-align: left; }
.bot_r { float: right; width: 110px; margin-top: 10px; }
.bot_c { line-height: 30px; width: 540px; float: left; text-align:center}

.section {background-size:cover;background-position:center top;background-repeat:no-repeat;position:relative;z-index:1;/* overflow:hidden */padding: 10% 0;}
#section1 {background-image: url(18zp_zjzp_bg1.jpg;vpn_img);}
#section2 { background-image: url(18zp_zjzp_bg2.jpg;vpn_img); }
#section3 { background-image: url(18zp_zjzp_bg3.jpg;vpn_img); }
#section4 { background-image: url(18zp_zjzp_bg4.jpg;vpn_img); }
#section5 {background-image: url(18zp_zjzp_bg5.jpg;vpn_img);padding-top: 5%;}
#section6 { background-image: url(18zp_zjzp_bg6.jpg;vpn_img); }
#section7 { background-image: url(18zp_zjzp_bg4.jpg;vpn_img); }
.pages { position: fixed; top: 50%; list-style: none; margin-top: -54px; z-index: 999; width:40px; height:108px; right:18px;text-align:center;}
.pages ul{width:8px;margin:0 auto;}
.pages li { width: 8px; height:8px; margin-bottom:7px; background:url(18zp_zjzp_dot.png;vpn_img) no-repeat;}
.pages li.active{ height:32px; background:url(18zp_zjzp_dot_1.png;vpn_img) no-repeat;}
.logo{/* left:80px; *//* top:0; *//* position:absolute; *//* display: none; */}
.t1{width:762px;height: 44.43968095712861%;margin: 0 auto;text-align:center;}
.arr{width:84px;height:5.78265204386839%;text-align:center;/* bottom:12%; */display:block;/* position:absolute; *//* left:50%; */margin: 0 auto 30px;animation:top_down 2s ease-in-out infinite;-webkit-animation:top_down 2s ease-in-out infinite;}
.t1 img,.arr img{ height:100%; width:auto;}
@-webkit-keyframes top_down{
	0%{
		bottom:14%;
		}
	50%{
		bottom:18%;
		}
	100%{
		bottom:14%;
		}
}
@keyframes top_down{
	0%{
		bottom:14%;
		}
	50%{
		bottom:18%;
		}
	100%{
		bottom:14%;
		}
}

.con1{background:url(18zp_zjzp_con1.png;vpn_img) no-repeat center top;min-height:570px;height:609px;width:100%;padding-top:60px;}
.t2{ text-align:center; margin-bottom:20px;}
.con1_1{ width:850px; margin:0 auto;}
.con1_2{ line-height:36px; font-size:16px;}
.con1_2 br{display:none;}
.con1_list{ margin:25px auto 0;}
.con1_list li{ float:left; width:142px; margin:0 28px 0 0; display:inline; height:42px; font-size:20px; font-weight:bold; text-align:center; line-height:42px;}
.con1_list li a{ display:block; background:url(18zp_zjzp_bar.png;vpn_img) no-repeat; color:#222222;}
.con1_list li a:hover,.con1_list li.on a{ background:url(18zp_zjzp_bar_1.png;vpn_img) no-repeat; color:#ffffff; text-decoration:none;}
.con2{width:1200px;height:615px;border: none;margin: 0 auto;}
.con2_1{background-color:#7dca82;height:250px;width:544px;border-left:5px solid #6ec172;border-radius:12px;padding:38px 32px 0 0;float:left;}
.con2_2{ background-color:#ffa600; height:250px; width:544px; border-left:5px solid #f09c00; border-radius:12px; padding:38px 32px 0 0; float:right;}
.con2_3{ background-color:#bf70cc; height:250px; width:544px; border-left:5px solid #b067bc; border-radius:12px; padding:38px 32px 0 0; float:left;}
.con2_4{ background-color:#47acf6; height:250px; width:544px; border-left:5px solid #42a1e6; border-radius:12px; padding:38px 32px 0 0; float:right}
.con2_icon{float:left;text-align:center;padding-top:40px;font-size:20px;font-weight:bold;line-height:50px;width: 130px;}
.con2_r{ float:right; width:375px; line-height:36px; font-size:16px;}
.con3{width:1240px;height:777px;margin: 0 auto;}
.con3_list{ margin:20px auto 0}
.con3_list li{ float:left; width:379px; height:243px; position:relative; margin:37px 16px 0 16px;}
.con3_list li .bar_bg{ background:url(18zp_zjzp_bar_bg.png;vpn_img) repeat; height:50px; position:absolute; left:0; bottom:0; width:100%; line-height:50px; font-size:18px;}
.con3_list li .bar_bg a{ padding-left:20px;}
.con3_list li img{ width:100%; height:100%;}
.con3 a.more{ color:#222222; font-size:24px; text-align:center; width:244px; height:70px; line-height:70px; display:block; margin:50px auto 0; background:url(18zp_zjzp_more.png;vpn_img) no-repeat center top;}
.con4{width:1200px;height:100%;margin: 0 auto;}
.con4_l{width:476px;background-color:#cd2026;float: left;height: 770px;}
.t3{ margin-top:5.57128614157527%; height:31.60518444666002%; width:100%; text-align:center}
.t3 img{ height:100%; width:auto}
.tit1{ text-align:center; height:60px; line-height:60px; background:url(18zp_zjzp_tit.png;vpn_img) no-repeat center center; font-size:36px; font-weight:bold; margin:50px auto 0;}
.list{ width:404px; margin: 0 auto; line-height:49px;}
.list li{ border-bottom:1px solid #d94e52; line-height:49px; height:49px; padding-left:7px; font-size:16px;}
.list span{ float:right}
.con4_r{height:770px;width:593px;float: right;}
.con4_r .tit1{top:0;}
.con4_list{  margin-right:-42px;}
.con4_list li{ width:257px; background-color:#ffffff; padding:10px; float:left; display:inline; margin:40px 40px 0 0px}
.con4_list li img{ width:100%; height:175px; margin-bottom:15px;}
.con4_list li h3{ line-height:32px; font-size:16px; font-weight:bold; padding-left:10px;}
.con4_list li p{ padding:0 10px; line-height:24px; height:48px; overflow:hidden}
.con4_list span{ float:right; padding-right:50px; line-height:40px;} 
.con5{width:1240px;height:750px;margin: 0 auto;}
.con5_list{ margin:174px auto 0;}
.con5_list li{ width:206px; height:378px; position:relative; line-height:30px; padding:0 28px; float:left; display:inline; margin:0 23px;}
.con5_list li .icon{ width:189px; height:189px; margin:-94px auto 0; display:block;}
.con5_list li.t_bg1{ background:url(18zp_zjzp_bar_bg1.png;vpn_img) no-repeat center bottom;}
.con5_list li.t_bg2{ background:url(18zp_zjzp_bar_bg2.png;vpn_img) no-repeat center bottom;}
.con5_list li.t_bg3{ background:url(18zp_zjzp_bar_bg3.png;vpn_img) no-repeat center bottom;}
.con5_list li.t_bg4{ background:url(18zp_zjzp_bar_bg4.png;vpn_img) no-repeat center bottom;}
.con5_list li span{ width:167px; height:39px; line-height:39px; background:url(18zp_zjzp_bar1.png;vpn_img) repeat; display:block; margin:20px auto 15px; font-size:18px; text-align:center}
.con5_list li br{display:none;}
.con5 a.more{ color:#ffffff; font-size:24px; text-align:center; width:244px; height:70px; line-height:70px; display:block; margin:50px auto 0; background:url(18zp_zjzp_more1.png;vpn_img) no-repeat center top;}
.block{ display:block}

.twhite1 { color: #fff; }
.twhite1 a:link, .twhite1 a:visited { color: #fff; }
.twhite1 a:hover { color: #fff; text-decoration: underline; }
.torange1 { color: #f2492d; }
.torange1 a:link, .torange1 a:visited { color: #f2492d; }
.torange1 a:hover { color: #f2492d; text-decoration: underline; }

.animated { -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
@-webkit-keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
 @-webkit-keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100px, 0);
 transform: translate3d(0, 100px, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
 @-webkit-keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 right: 0;
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
@-webkit-keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
.go-home{ border-radius:5px; background:#CC0001;width:40px;height:40px; display:none;}
.go-home a{ text-decoration:none;color:#fff;}

/*---------------------------------------segmentation------------------------------------------*/

/*colour*/

.tred1 { color: #eb2f30; }
.tred1 a:link, .tred1 a:visited { color: #eb2f30; }
.tred1 a:hover { color: #eb2f30; text-decoration: underline; }
.tgreen1 { color: #27ae60; }
.tgreen1 a:link, .tgreen1 a:visited { color: #27ae60; }
.tgreen1 a:hover { color: #27ae60; text-decoration: underline; }
.tblue1 { color: #0073dd; }
.tblue1 a:link, .tblue1 a:visited { color: #0073dd; }
.tblue1 a:hover { color: #0073dd; text-decoration: underline; }
.tgray1 { color: #999999; }
.tgray1 a:link, .tgray1 a:visited { color: #999999; }
.tgray1 a:hover { color: #999999; text-decoration: underline; }

.twhite1 { color: #fff; }
.twhite1 a:link, .twhite1 a:visited { color: #fff; }
.twhite1 a:hover { color: #fff; text-decoration: underline; }
.torange1 { color: #f2492d; }
.torange1 a:link, .torange1 a:visited { color: #f2492d; }
.torange1 a:hover { color: #f2492d; text-decoration: underline; }

/*---------------------------------------segmentation------------------------------------------*/

/*frame*/
.bor1 { border: 1px solid #e4e4e4; }
.bor_t1 { border-top: 1px solid #e4e3e3; }
.bor_r1 { border-right: 1px solid #e4e2e2; }
.bor_l1 { border-left: 1px solid #fff; }
.bor_b1 { border-bottom: 1px solid #dddddd; }
.bor_b2 { border-bottom: 1px dotted #cccccc; }
.bor_to { border-top: none; }
.bor_bo { border-bottom: none; }
.bor_ro { border-right: none; }
.bor_lo { border-left: none; }
/*---------------------------------------segmentation------------------------------------------*/

/*font*/
.tb { font-weight: bold; }
.t12 { font-size: 12px; }
.t13 { font-size: 13px; }
.t14 { font-size: 14px; }
.t15 { font-size: 15px; }
.t16 { font-size: 16px; }
.t17 { font-size: 16px; }
.t18 { font-size: 18px; }
.t20 { font-size: 20px; }
.t22 { font-size: 22px; }
.t24 { font-size: 24px; }
.t50 { font-size: 50px; }
.f_heiti { font-family: "SimHei"; }
.f_yahei { font-family: "Microsoft YaHei"; }
.f_c { text-align: center; }
.f_i { text-indent: 2em; }
.f_l { float: left }
.f_r { float: right; }
/*---------------------------------------segmentation------------------------------------------*/

/*line-height*/
.h18 { line-height: 18px; }
.h20 { line-height: 20px; }
.h22 { line-height: 22px; }
.h24 { line-height: 24px; }
.h25 { line-height: 25px; }
.h26 { line-height: 26px; }
.h28 { line-height: 28px; }
.h29 { line-height: 29px; }
.h30 { line-height: 30px; }
.h32 { line-height: 32px; }
.h33 { line-height: 33px; }
.h34 { line-height: 34px; }
.h35 { line-height: 35px; }
.h36 { line-height: 36px; }
.h40 { line-height: 40px; }
.h44 { line-height: 44px; }
.h50 { line-height: 50px; }
/*---------------------------------------segmentation------------------------------------------*/

/*margin*/
.mar1 { margin: 1px; }
.mar15 { margin: 15px; }
.mar_to { margin-top: 0px; }
.mar_t1 { margin-top: 1px; }
.mar_t3 { margin-top: 3px; }
.mar_t5 { margin-top: 5px; }
.mar_t7 { margin-top: 7px; }
.mar_t10 { margin-top: 10px; }
.mar_t12 { margin-top: 12px; }
.mar_t13 { margin-top: 13px; }
.mar_t15 { margin-top: 15px; }
.mar_t18 { margin-top: 18px; }
.mar_t20 { margin-top: 20px; }
.mar_t25 { margin-top: 25px; }
.mar_t30 { margin-top: 30px; }
.mar_t35 { margin-top: 35px; }
.mar_t40 { margin-top: 40px; }
.mar_t45 { margin-top: 45px; }
.mar_t50 { margin-top: 50px; }
.mar_t55 { margin-top: 55px; }
.mar_b1 { margin-bottom: 1px; }
.mar_b5 { margin-bottom: 5px; }
.mar_b10 { margin-bottom: 10px; }
.mar_b15 { margin-bottom: 15px; }
.mar_b20 { margin-bottom: 20px; }
.mar_b25 { margin-bottom: 25px; }
.mar_b30 { margin-bottom: 30px; }
.mar_b35 { margin-bottom: 35px; }
.mar_b40 { margin-bottom: 40px; }
.mar_b45 { margin-bottom: 45px; }
.mar_b50 { margin-bottom: 50px; }
.mar_b55 { margin-bottom: 55px; }
.mar_l1 { margin-left: 1px; }
.mar_l4 { margin-left: 4px; }
.mar_l5 { margin-left: 5px; }
.mar_l10 { margin-left: 10px; }
.mar_l15 { margin-left: 15px; }
.mar_l20 { margin-left: 20px; }
.mar_l25 { margin-left: 25px; }
.mar_l30 { margin-left: 30px; }
.mar_r1 { margin-right: 1px; }
.mar_r5 { margin-right: 5px; }
.mar_r10 { margin-right: 10px; }
.mar_r15 { margin-right: 15px; }
.mar_r20 { margin-right: 20px; }
.mar_r25 { margin-right: 25px; }
.mar_r30 { margin-right: 30px; }
/*---------------------------------------segmentation------------------------------------------*/

/*padding*/
.pad1 { padding: 1px; }
.pad2 { padding: 2px; }
.pad3 { padding: 3px; }
.pad4 { padding: 4px; }
.pad5 { padding: 5px; }
.pad_t1 { padding-top: 1px; }
.pad_t2 { padding-top: 2px; }
.pad_t3 { padding-top: 3px; }
.pad_t4 { padding-top: 4px; }
.pad_t5 { padding-top: 5px; }
.pad_t7 { padding-top: 7px; }
.pad_t8 { padding-top: 8px; }
.pad_t10 { padding-top: 10px; }
.pad_t12 { padding-top: 12px; }
.pad_t15 { padding-top: 15px; }
.pad_t17 { padding-top: 17px; }
.pad_t20 { padding-top: 20px; }
.pad_t25 { padding-top: 25px; }
.pad_t30 { padding-top: 30px; }
.pad_t32 { padding-top: 32px; }
.pad_t35 { padding-top: 35px; }
.pad_t40 { padding-top: 40px; }
.pad_t45 { padding-top: 45px; }
.pad_t50 { padding-top: 50px; }
.pad_t55 { padding-top: 55px; }
.pad_b0 { padding-bottom: 0px; }
.pad_b1 { padding-bottom: 1px; }
.pad_b2 { padding-bottom: 2px; }
.pad_b3 { padding-bottom: 3px; }
.pad_b4 { padding-bottom: 4px; }
.pad_b5 { padding-bottom: 5px; }
.pad_b8 { padding-bottom: 8px; }
.pad_b10 { padding-bottom: 10px; }
.pad_b15 { padding-bottom: 15px; }
.pad_b20 { padding-bottom: 20px; }
.pad_b25 { padding-bottom: 25px; }
.pad_b30 { padding-bottom: 30px; }
.pad_b35 { padding-bottom: 35px; }
.pad_b40 { padding-bottom: 40px; }
.pad_b45 { padding-bottom: 45px; }
.pad_b50 { padding-bottom: 50px; }
.pad_b55 { padding-bottom: 55px; }
.pad_b155 { padding-bottom: 155px; }
.pad_l1 { padding-left: 1px; }
.pad_l5 { padding-left: 5px; }
.pad_l12 { padding-left: 12px; }
.pad_l10 { padding-left: 10px; }
.pad_l15 { padding-left: 15px; }
.pad_l20 { padding-left: 20px; }
.pad_l23 { padding-left: 23px; }
.pad_l25 { padding-left: 25px; }
.pad_l30 { padding-left: 30px; }
.pad_l45 { padding-left: 45px; }
.pad_r1 { padding-right: 1px; }
.pad_r5 { padding-right: 5px; }
.pad_r10 { padding-right: 10px; }
.pad_r15 { padding-right: 15px; }
.pad_r20 { padding-right: 20px; }
.pad_r25 { padding-right: 25px; }
.pad_r28 { padding-right: 28px; }
.pad_r30 { padding-right: 30px; }


@media screen and (max-width: 1280px){
	.con2,.con3,.con4,.con5{width:100%;padding:0 16px;box-sizing: border-box;height: auto !important;margin: 0 auto !important;}

	*{ box-sizing: border-box;}
	.con1{ height:auto;}
	.con1_1{width: 70%;}
	.con1_list{ margin-top:0;}
	.con1_list li{width:33.3%;text-align:center;margin-top:20px;margin-right: 0;}
	.con1_list li a{ display:block; background-size:contain; background-position:center;}
	.con1_list li.on a{ background-position:center;}
	.con2_1,.con2_2,.con2_3,.con2_4{width:48%;height: auto;padding: 20px;margin: 20px 1%;box-sizing: border-box;float:left;}
	.con2_icon{margin:0 auto;float: none;padding-top: 0;display: block;text-align:center;}
	.con2_icon a{ display:block; text-align:center;}
	.con2_r,.con4_l{ float:inherit; width:100%;}
	.clear.pad_t35{ padding-top:0;}
	.con3_list li,.con4_list li,.con5_list li{width: 46%;margin: 32px 2% 0 2%;}
	.con4_l{height:auto;padding:30px 0;overflow: hidden;}
	.con4_r{ float:inherit; width:100%;}
	.con4_list{ margin-right:0;}
	.con5_list li{margin-bottom:100px;background-size: cover !important;}

}
@media screen and (max-width:768px){
	.con1_1{width: 90%;}
    .t1{ max-width:80%;}
    .t1 img, .arr img{ height:auto;}
}
@media screen and (max-width:640px){
    .con1_list li{ width:50%;}
    .con2_1, .con2_2, .con2_3, .con2_4,.con3_list li, .con4_list li, .con5_list li{width: 100% !important;margin: 20px 0 0 0 !important;}
    .con3_list li{height:auto !important;margin: 20px 0 0 0 !important;}
    .con4_r{ margin-top:0 !important}
    .con4_l{ padding: 0 20px;}
    .list{ width:auto;}
    .list span{ float:inherit; display:block; text-align:center;}
    .con4_list li img{ height:auto !important;}
    .con3 a.more,.con5 a.more{width:150px;margin-top: 30px !important;height:50px;line-height:50px;background-position:center;background-size:contain;font-size:18px;}
}