/*****************
-------首页------
*****************/
.IndBan{background-color:#281767;}
.banner{color:#FFF; background-repeat: no-repeat; background-position: bottom center; position: relative; background-image: url('../images/pic/banner01.png')}
.banNp{ position: absolute;left:0;right:0; margin:0 auto; text-align: center;}
.Indbut{background: linear-gradient(to bottom,#fa0bac,#891675); color:#FFF; box-shadow:0 15px 15px rgba(61,50,172,0.2)}
.Indbuta{text-align:center; display: block;margin:0 auto; letter-spacing:2px;}
.banBC{position: absolute;left:0;right:0; margin:0 auto;}
.IndBca img{display: block;}
/*title*/
.IndTit{ color:#232323; text-align: center;}
.IndTitH{width:100%;font-weight:700;}
.IndimgI img{width:100%; display: block;}
.IndFb{ text-align: center;}
.IndFbS{ color:#696969;}
.IndF8f8{background:#f8f8f8;background:#eee;}
.IndsetN{ text-align: left;}
.IndsetN .IndTitP{ width: auto;}
.IndEnjH{margin:0 auto; text-align: center; color:#333}
/*一款vpn 几台设备*/
.IndoneA p{color:#333; text-align: center;}
.IndoneAo p{ color:#891675;}
.IndoneI{margin:0 auto;}
.IndoneP{width:100%; text-align: center; color:#232323;}
/*VPN*/
.IndIcna{background:#FFF;display: block;text-align: center;}
.IndIcna img{display: block; margin:0 auto;}
.IndIcna h3{ color:#333;}
.IndIcna p{color:#696969;}
@media  screen and ( min-width:1440px){
.banner{ height:846px; background-size: auto 758px;}
.banNp{top:70px;}
.title{ line-height:90px; font-size:68px; letter-spacing: 3px;}
.banF{ font-size:30px; line-height:40px; letter-spacing: 3px; margin-top:18px;}
.Indbuta{height: 76px; line-height: 76px; border-radius:38px; font-size:26px;}
.Indbut:hover{background: linear-gradient(to bottom,#fa0bac,#9c0281);}
.banBC{bottom:22px;}
.banBCs{ margin-bottom: 50px;}
.IndBca{ width: 170px; height: 55px; padding-left: 12px; margin:0 19px;}
.IndBca img{width:35px;}
.IndBca p{ font-size:14px; line-height:35px; margin-left: 14px;}
.IndbanB{ width: 316px;}
.wap{ display:none;}
/*title*/
.IndTitH{width:100%; font-size:68px; line-height:82px; letter-spacing: 3px;margin-bottom:25px;}
.IndTitP{ font-size:24px; line-height:50px; width: 780px;}
.Indwor{ padding:70px 0 50px;}
.IndworI{width:1200px; margin:55px auto 25px;}
.IndFbH{ padding:30px 0;}
.IndFbut{width:265px;}
.IndFbS{font-size:20px; line-height:30px;}
.Indset{padding:100px 0 110px;}
.IndsetI{ width:700px;}
.IndsetN{width:440px;}
.IndsetN .IndTitP{height: 250px;}
.IndDk{padding:100px 0 70px;}
.IndEnj{ padding-bottom:110px;}
.IndEnjB{ width:520px; margin:50px auto;}
.IndEnjBN h3{font-size:56px;line-height:70px;}
.IndEnjBN p{ font-size:18px;line-height:26px; margin-left:10px;}
.IndEnjI{ width:925px; margin:100px auto 40px;}
/*一款vpn 几台设备*/
.Indone{ padding:60px 0;}
.IndoneW{padding:60px 0 30px;}
.IndoneA{width:136px;padding-bottom:30px;}
.IndoneA img{width:65px; margin:0 auto 5px;}
.IndoneA p{line-height:30px; font-size:18px;}
.IndoneI{width:735px;}
.IndoneP{ font-size:24px; line-height:36px;margin-top: 30px;}
/*VPN*/
.Indshi{padding:40px 0;}
.IndshiK{padding:0 10px;}
.IndIcFa{ font-size:22px; text-align: center; width:170px; height: 50px; line-height:50px; border-radius:25px; margin:0 auto; display: block;}
.IndIcna{border-radius:15px;box-shadow:0 0 15px rgba(152,115,73,0.11);padding-top: 30px;}
.IndIcna:hover{box-shadow:0 0 15px rgba(152,115,73,0.25);}
.IndIcna img{width:150px;}
.IndIcnP{}
.IndshiF{ width:370px; height:450px; margin-bottom:0}
.IndshiF .IndIcnP p{ height:100px; margin-bottom: 15px;}
.IndIcna h3{font-size:22px; line-height:30px; padding:15px 10px 0;}
.IndIcna p{font-size:16px; line-height:26px; padding:19px 12px 0;}
.IndshiF p{padding:19px 30px 0;}
.IndIcn{padding:80px 50px 0;}
.IndIcnW{width:335px; height:355px; margin-bottom:48px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.banner{ height:750px; background-size: auto 670px;}
.banNp{top:65px;}
.title{ line-height:70px; font-size:56px; letter-spacing: 3px;}
.banF{ font-size:24px; line-height:35px; letter-spacing: 3px; margin-top:18px;}
.Indbuta{height: 68px; line-height: 68px; border-radius:34px; font-size:23px;}
.Indbut:hover{background: linear-gradient(to bottom,#fa0bac,#9c0281);}
.banBC{bottom:22px;}
.banBCs{ margin-bottom:46px;}
.IndBca{ width: 160px; height: 50px; padding-left: 10px; margin:0 17px;}
.IndBca img{width:30px;}
.IndBca p{ font-size:14px; line-height:32px; margin-left: 10px;}
.IndbanB{ width:290px;}
.wap{ display:none;}
/*title*/
.IndTitH{width:100%; font-size:56px; line-height:68px; letter-spacing: 3px;margin-bottom:25px;}
.IndTitP{ font-size:22px; line-height:46px; width: 720px;}
.Indwor{ padding:62px 0 40px;}
.IndworI{width:1080px; margin:48px auto 20px;}
.IndFbH{ padding:25px 0;}
.IndFbut{width:240px;}
.IndFbS{font-size:18px; line-height:26px;}
.Indset{padding:85px 0 95px;}
.IndsetI{ width:620px;}
.IndsetN{width:380px;}
.IndsetN .IndTitP{height: 230px;}
.IndDk{padding:90px 0 55px;}
.IndEnj{ padding-bottom:90px;}
.IndEnjB{ width:470px; margin:45px auto;}
.IndEnjBN h3{font-size:52px;line-height:60px;}
.IndEnjBN p{ font-size:16px;line-height:24px; margin-left:10px;}
.IndEnjI{ width:840px; margin:85px auto 35px;}
/*一款vpn 几台设备*/
.Indone{ padding:50px 0;}
.IndoneW{padding:50px 0 25px}
.IndoneA{width:112px;padding-bottom:25px;}
.IndoneA img{width:55px; margin:0 auto 4px;}
.IndoneA p{line-height:30px; font-size:17px;}
.IndoneI{width:650px;}
.IndoneP{ font-size:22px; line-height:34px;margin-top:25px;}
/*VPN*/
.Indshi{padding:35px 0;}
.IndshiK{padding:0 8px;}
.IndIcna{border-radius:15px;box-shadow:0 0 13px rgba(152,115,73,0.11);padding-top: 28px; margin-bottom:35px}
.IndIcna:hover{box-shadow:0 0 13px rgba(152,115,73,0.25);}
.IndIcna img{width:120px;}
.IndIcnP{}
.IndshiF{ width:332px; height:410px; margin-bottom:0;}
.IndshiF .IndIcnP p{ height:96px; margin-bottom: 12px;}
.IndIcna h3{font-size:20px; line-height:28px; padding:13px 12px 0;}
.IndIcna p{font-size:15px; line-height:24px; padding:17px 12px 0;}
.IndshiF p{padding:19px 25px 0;}
.IndIcFa{ font-size:19px; text-align: center; width:160px; height:44px; line-height:44px; border-radius:22px; margin:0 auto; display: block; margin-bottom:0;}
.IndIcn{padding:70px 35px 0;}
.IndIcnW{width:310px; height:315px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.banner{ height:630px; background-size: auto 580px;}
.banNp{top:50px;}
.title{ line-height:62px; font-size:46px; letter-spacing: 3px;}
.banF{ font-size:20px; line-height:35px; letter-spacing: 3px; margin-top:15px;}
.Indbuta{height:58px; line-height: 58px; border-radius:29px; font-size:20px;}
.Indbut:hover{background: linear-gradient(to bottom,#fa0bac,#9c0281);}
.banBC{bottom:22px;}
.banBCs{ margin-bottom:40px;}
.IndBca{ width: 140px; height:44px; padding-left: 10px; margin:0 14px;}
.IndBca img{width:24px;}
.IndBca p{ font-size:13px; line-height:28px; margin-left:8px;}
.IndbanB{ width:240px;}
.wap{ display:none;}
/*title*/
.IndTitH{width:100%; font-size:46px; line-height:55px; letter-spacing: 3px;margin-bottom:20px;}
.IndTitP{ font-size:19px; line-height:40px; width:620px;}
.Indwor{ padding:55px 0 35px;}
.IndworI{width:900px; margin:40px auto 16px;}
.IndFbH{ padding:22px 0;}
.IndFbut{width:200px;}
.IndFbS{font-size:16px; line-height:24px;}
.Indset{padding:70px 0 80px;}
.IndsetI{ width:510px;}
.IndsetN{width:310px;}
.IndsetN .IndTitP{height: 200px;}
.IndDk{padding:75px 0 45px;}
.IndEnj{ padding-bottom:70px;}
.IndEnjB{ width:420px; margin:34px auto;}
.IndEnjBN h3{font-size:44px;line-height:50px;}
.IndEnjBN p{ font-size:14px;line-height:22px; margin-left:8px;}
.IndEnjI{ width:640px; margin:70px auto 25px;}
/*一款vpn 几台设备*/
.Indone{ padding:42px 0;}
.IndoneW{padding:40px 0 20px}
.IndoneA{width:95px;padding-bottom:20px;}
.IndoneA img{width:46px; margin:0 auto 4px;}
.IndoneA p{line-height:24px; font-size:16px;}
.IndoneI{width:550px;}
.IndoneP{ font-size:20px; line-height:30px;margin-top:22px;}
/*VPN*/
.Indshi{padding:30px 0;}
.IndshiK{padding:0 6px;}
.IndIcna{border-radius:13px;box-shadow:0 0 11px rgba(152,115,73,0.11);padding-top: 22px; margin-bottom:30px}
.IndIcna:hover{box-shadow:0 0 11px rgba(152,115,73,0.25);}
.IndIcna img{width:110px;}
.IndIcnP{}
.IndshiF{ width:280px; height:340px; margin-bottom:0;}
.IndshiF .IndIcnP p{ height:86px; margin-bottom: 10px;}
.IndIcna h3{font-size:17px; line-height:22px; padding:8px 8px 0;}
.IndIcna p{font-size:13px; line-height:22px; padding:10px 8px 0;}
.IndshiF p{padding:10px 18px 0;}
.IndIcFa{ font-size:16px; text-align: center; width:140px; height:38px; line-height:38px; border-radius:19px; margin:0 auto; display: block; margin-bottom:0;}
.IndIcn{padding:45px 25px 0;}
.IndIcnW{width:258px; height:270px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.banner{ height:450px; background-size: auto 400px;}
.banNp{top:40px;}
.title{ line-height:46px; font-size:38px; letter-spacing:2px;}
.banF{ font-size:16px; line-height:30px; letter-spacing:2px; margin-top:10px;}
.Indbuta{height:48px; line-height:48px; border-radius:24px; font-size:18px;}
.Indbut:hover{background: linear-gradient(to bottom,#fa0bac,#9c0281);}
.banBC{bottom:18px;}
.banBCs{ margin-bottom:25px;}
.IndBca{ width: 122px; height:40px; padding-left:8px; margin:0 6px;}
.IndBca img{width:20px;}
.IndBca p{ font-size:12px; line-height:24px; margin-left:5px;}
.IndbanB{ width:200px;}
.wap{ display:none;}	
/*title*/
.IndTitH{width:100%; font-size:34px; line-height:45px; letter-spacing: 3px;margin-bottom:15px;}
.IndTitP{ font-size:15px; line-height:30px; width:500px;}
.Indwor{ padding:40px 0 25px;}
.IndworI{width:600px; margin:25px auto 10px;}
.IndFbH{ padding:18px 0;}
.IndFbut{width:175px;}
.IndFbS{font-size:15px; line-height:20px;}
.Indset{padding:50px 0 60px;}
.IndsetI{ width:340px;}
.IndsetN{width:235px;}
.IndsetN .IndTitP{height:130px;}
.IndDk{padding:55px 0 30px;}
.IndEnj{ padding-bottom:50px;}
.IndEnjB{ width:380px; margin:28px auto;}
.IndEnjBN h3{font-size:38px;line-height:40px;}
.IndEnjBN p{ font-size:12px;line-height:20px; margin-left:5px;}
.IndEnjI{ width:540px; margin:40px auto 15px;}
/*一款vpn 几台设备*/
.Indone{ padding:35px 0;}
.IndoneW{padding:30px 0 12px}
.IndoneA{width:70px; padding-bottom:18px;}
.IndoneA img{width:35px; margin:0 auto 3px;}
.IndoneA p{line-height:20px; font-size:14px;}
.IndoneI{width:450px;}
.IndoneP{ font-size:17px; line-height:26px;margin-top:18px;}
/*VPN*/
.Indshi{padding:25px 0;}
.IndshiK{padding:0;}
.IndIcna{border-radius:10px;box-shadow:0 0 9px rgba(152,115,73,0.11);padding-top: 15px; margin-bottom:20px}
.IndIcna:hover{box-shadow:0 0 9px rgba(152,115,73,0.25);}
.IndIcna img{width:76px;}
.IndIcnP{}
.IndshiF{ width:190px; height:260px; margin-bottom:0;}
.IndshiF .IndIcnP p{ height:70px; margin-bottom:5px;}
.IndIcna h3{font-size:14px; line-height:20px; padding:5px 8px 0;}
.IndIcna p{font-size:12px; line-height:18px; padding:7px 8px 0;}
.IndIcFa{ font-size:14px; text-align: center; width:120px; height:32px; line-height:32px; border-radius:16px; margin:0 auto; display: block; margin-bottom:0;}
.IndIcn{padding:30px 0 0;}
.IndIcnW{width:190px; height:200px;}
}
@media only screen and (max-width:639px){
.pc{ display:none;}
.Indbut{ box-shadow:0 8px 8px rgba(61,50,172,0.2)}
.banner{background-size:0;}
.banNp{top:0.35rem;}
.title{ line-height:0.35rem; font-size:0.25rem; letter-spacing:3px; font-weight:700;}
.title span{width:100%; display: block;}
.banF{ font-size:0.11rem; line-height:0.15rem; letter-spacing:1px; margin-top:0.12rem;}
.Indbuta{height:0.22rem; line-height:0.22rem; border-radius:0.11rem; font-size:0.1rem; letter-spacing:1px;}
.Indbut:hover{background: linear-gradient(to bottom,#fa0bac,#9c0281);}
.banBC{bottom:18px; display: none;}
.banBCs{ margin-bottom:25px;}
.IndBca{ width: 122px; height:40px; padding-left:8px; margin:0 6px;}
.IndBca img{width:20px;}
.IndBca p{ font-size:12px; line-height:24px; margin-left:5px;}
.IndbanB{ width:1rem;}
.WapBanI img{width:100%; display: block;}
.pc{display:none;}
.IndBanB{width:70%; padding:0.11rem 4%; background:#FFF; border-radius:0.3rem; position: absolute; bottom:-0.24rem; left:0;right:0; margin:0 auto; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.IndBanBk{ width: 100%;}
.IndBanB img{width:45%;}
.IndBanBa{width:0.9rem; height: 0.24rem; line-height:0.24rem; border-radius:0.12rem; color:#FFF; font-size:0.13rem; text-align: center; display: block;}
/*title*/
.IndTitH{width:100%; font-size:0.17rem; line-height:0.22rem; letter-spacing:2px;margin-bottom:0.1rem;}
.IndTitP{ font-size:0.1rem; line-height:0.19rem; width:92%;}
.Indwor{ padding:0.4rem 4% 0.15rem;}
.IndworI{width:100%; margin:0.12rem auto 0.1rem;}
.IndFbH{ padding:0.08rem 0;}
.IndFbut{width:0.9rem;}
.IndFbS{font-size:0.1rem; line-height:0.16rem;}
.Indset{padding:0.2rem 4% 0.6rem; position: relative}
.IndsetI{ width:78%; margin:0 auto;}
.IndsetN{width:100%;}
.IndsetN{ text-align:center;}
.Indset .IndFb{justify-content:center; position: absolute; left:0;right:0; margin:0 auto; bottom:0.05rem;}
.IndDk{padding:0.2rem 4% 0.25rem;}
.IndEnj{ padding-bottom:30px;}
.IndEnjB{ width:80%; margin:0.15rem auto;}
.IndEnjBN h3{font-size:0.26rem;line-height:0.3rem;}
.IndEnjBN p{ font-size:0.1rem;line-height:0.15rem; margin-left:0.04rem;}
.IndEnjI{ width:100%; margin:0.1rem auto 0;}
/*一款vpn 几台设备*/
.Indone{ padding:0.2rem 0;}
.IndoneW{padding:0.1rem 7%}
.IndoneA{width:25%; padding-bottom:0.14rem;}
.IndoneA img{width:0.26rem; margin:0 auto 0.03rem;}
.IndoneA p{line-height:0.24rem; font-size:0.12rem;}
.IndoneI{width:80%;}
.IndoneP{ font-size:0.11rem; line-height:0.2rem;margin-top:0.15rem;}
/*VPN*/
.Indshi{padding:0.2rem 0;}
.IndshiK{padding:0 4%;}
.IndIcna{width:100%; height:0.62rem;border-radius:0.08rem;box-shadow:0 0 15px rgba(152,115,73,0.11); margin-bottom:0.1rem;display:flex;justify-content:space-between;align-items:center; padding:0 4%;flex-direction:row-reverse}
.IndIcna img{width:0.34rem; margin-left:2%;}
.IndIcnP{text-align:right; width:100%;flex:1; padding-right: 0.06rem;}
.IndIcna h3{font-size:0.125rem; line-height:0.16rem; margin-bottom:0.01rem;}
.IndIcna p{font-size:0.09rem; line-height:0.13rem; margin-top: 0.02rem;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.IndshiF{flex-direction:row;padding:0.01rem;}
.IndshiF .IndIcnP{ padding:0 0.06rem;text-align:left;}
.IndIcFa{ font-size:0.1rem; text-align: center; width:0.46rem; height:100%; line-height:0.15rem; border-radius:0.07rem; background:#493497;display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center}
.IndIcn{padding:0.15rem 4% 0;}
.IndIcnW{width:100%; height:0.7rem;}
}
/*****************
-----特色功能-----
*****************/
.NyBan{color:#FFF; background-repeat: no-repeat; background-position: bottom center; background-size: auto 100%;position: relative;}
.NyBanB{ position: absolute;top:0;left:0;right:0; margin:0 auto;}
.NyBanH{font-weight:700;}
.feaBan{background-image: url('../images/pic/feaban.jpg')}
.feaBanB{ text-align:center;}
.back{background-repeat: no-repeat; background-position:top center;position: relative;}
.back01{background-image: url('../images/pic/back01.png')}
.IndTitZ{ color:#000;}
@media  screen and ( min-width:1440px){
.NyBan{height:748px;}
.NyBanH{font-size:60px;line-height:84px; margin-bottom:25px;}
.NyBanF{font-size:30px;line-height:45px;}
.feaBanB{padding-top: 70px;}
.back{background-size:1920px;padding:50px 0 10px;}
.IndTitZ{ font-size:30px; line-height:55px;}
.feaDK{ padding:20px 0 50px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.NyBan{height:620px;}
.NyBanH{font-size:50px;line-height:70px; margin-bottom:18px;}
.NyBanF{font-size:26px;line-height:40px;}
.feaBanB{padding-top:55px;}
.back{background-size:1586px;padding:45px 0 5px;}
.IndTitZ{ font-size:26px; line-height:48px;}
.feaDK{ padding:20px 0 40px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.NyBan{height:500px;}
.NyBanH{font-size:40px;line-height:55px; margin-bottom:12px;}
.NyBanF{font-size:20px;line-height:32px;}
.feaBanB{padding-top:40px;}
.back{background-size:1280px;padding:45px 0 5px;}
.IndTitZ{ font-size:22px; line-height:40px;}
.feaDK{ padding:15px 0 30px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.NyBan{height:380px;}
.NyBanH{font-size:30px;line-height:40px; margin-bottom:9px;}
.NyBanF{font-size:16px;line-height:25px;}
.feaBanB{padding-top:32px;}
.back{background-size:970px;padding:35px 0 5px;}
.IndTitZ{ font-size:18px; line-height:32px;}
.feaDK{ padding:10px 0 20px;}
}
@media only screen and (max-width:639px){
.paddingtop{ padding-top:0.42rem; background:#332175;}
	.conbanBS{height:0.42rem;background:#332175;}
.NyBanH{font-size:0.13rem;line-height:0.18rem; margin-bottom:0.05rem;}
.NyBanF{font-size:0.09rem;line-height:0.15rem;}
.NyBanB{width:100%;}
.feaBanB{padding-top:0.2rem; padding-left:40%;}
.back{background-size:100%;padding:0.15rem 0 0.05rem;}
.IndTitZ{ font-size:0.11rem; line-height:0.18rem; padding:0 4%;}
.feaDK{ padding:0.05rem 0 0.1rem;}
}
/*****************
-----为什么袋鼠VPN-----
*****************/
.whyban{background-image: url('../images/pic/whyban.jpg')}
@media  screen and ( min-width:1440px){
.whyBanB{ top:200px}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.whyBanB{ top:160px}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.whyBanB{ top:130px}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.whyBanB{ top:110px}
}
@media only screen and (max-width:639px){
.whyBanB{ top:0.3rem; padding:0 8%;}
}
/*****************
-----服务器地点-----
*****************/
.IndTitD{font-weight:700; width: 100%;}
.serban{background-image: url('../images/pic/serban.jpg')}
.serbanB{ text-align:center;}
.serbanZ{position: relative;}
.serbanBa i{width:0;height:0;border-style:solid;border-color: transparent transparent transparent #FFF;}
.serbanB1{ background:linear-gradient(to top,#56acfd,#167ed5); color:#FFF;}
/*search*/
.sersea{background:rgba(191,191,191,0.3); margin:50px auto;}
.serseaI{border: none; background: rgba(255,255,255,0); color:#020202;}
.serseaA{display: block; background-image: url("../images/icon/search.png");background-position: center right; background-repeat: no-repeat;}
.SerGH{ color:#020202;}
.SerGU{ color:#585858;}
.SerGT{width: 100%;background:rgba(191,191,191,0.4); color:#1a1a1a;}
.SerGZa{color:#000;}
.SerGZa span{text-align: right; display: block; margin-left: auto;}
@media  screen and ( min-width:1440px){
.IndTitD{font-size:60px; margin-bottom: 28px;}
.serbanB{top:70px;}
.serbanB .NyBanF{ line-height:78px; padding:0 70px;}
.serbanZ{padding-top: 70PX;}
.serbanBa{width:400px; height: 86px; border-radius:43px; margin:0 35px;}
.serbanBa i{border-width:10px 0 10px 13px; margin-left: 5px;}
.serbanBa{font-size:30px; line-height:50px;}
/**/
.SerDk{ padding:90px 0 90px;}
/*search*/
.sersea{ width:910px; padding:0 50px; height:110px; border-radius:12px;margin:50px auto;}
.serseaI{width:700px; height: 100px; line-height:100px;font-size:44px;}
.serseaA{width:100px; height: 100px;background-size: 63px;}
.SerGj{}
.SerGj li{padding-bottom:50px;}
.SerGH{ font-size:38px; line-height:70px; }
.SerGU{ font-size:23px; line-height:50px;}
.SerGT{ font-size:23px; height: 70px;padding-left: 15px; padding-right: 40px;}
.SerGZ{ padding-top:25px;}
.SerGZa{height:64px; font-size:20px;}
.SerGZI{width:58px;}
.SerGZI img{width:37px;}
.SerGZa p{line-height:36px;}
.SerGZa span{line-height:36px;margin-right:55px}
.Sershe img{width:1014px; margin:20px auto 10px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.IndTitD{font-size:50px; margin-bottom: 24px;}
.serbanB{top:65px;}
.serbanB .NyBanF{ line-height:68px; padding:0 70px;}
.serbanZ{padding-top:58px;}
.serbanBa{width:340px; height:76px; border-radius:38px; margin:0 29px;}
.serbanBa i{border-width:9px 0 9px 12px; margin-left: 5px;}
.serbanBa{font-size:26px; line-height:44px;}
/**/
.SerDk{ padding:80px 0 80px;}
/*search*/
.sersea{ width:840px; padding:0 40px; height:96px; border-radius:10px;margin:40px auto;}
.serseaI{width:670px; height:90px; line-height:90px;font-size:38px;}
.serseaA{width:90px; height: 90px;background-size:56px;}
.SerGj{}
.SerGj li{padding-bottom:40px;}
.SerGH{ font-size:33px; line-height:60px; }
.SerGU{ font-size:20px; line-height:40px;}
.SerGT{ font-size:20px; height:60px;padding-left: 15px; padding-right:35px;}
.SerGZ{ padding-top:25px;}
.SerGZa{height:58px; font-size:18px;}
.SerGZI{width:52px;}
.SerGZI img{width:32px;}
.SerGZa p{line-height:32px;}
.SerGZa span{line-height:32px;margin-right:50px}
.Sershe img{width:914px; margin:20px auto 10px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.IndTitD{font-size:42px;margin-bottom: 20px;}
.serbanB{top:55px;}
.serbanB .NyBanF{ line-height:54px; padding:0 70px;}
.serbanZ{padding-top:48px;}
.serbanBa{width:280px; height:66px; border-radius:33px; margin:0 24px;}
.serbanBa i{border-width:8px 0 8px 11px; margin-left: 5px;}
.serbanBa{font-size:22px; line-height:38px;}
/**/
.SerDk{ padding:65px 0 65px;}
/*search*/
.sersea{ width:700px; padding:0 30px; height:80px; border-radius:8px;margin:30px auto;}
.serseaI{width:566px; height:70px; line-height:70px;font-size:30px;}
.serseaA{width:70px; height: 70px;background-size:44px;}
.SerGj{}
.SerGj li{padding-bottom:30px;}
.SerGH{ font-size:28px; line-height:50px; }
.SerGU{ font-size:17px; line-height:34px;}
.SerGT{ font-size:17px; height:50px;padding-left: 12px; padding-right:30px;}
.SerGZ{ padding-top:16px;}
.SerGZa{height:46px; font-size:15px;}
.SerGZI{width:48px;}
.SerGZI img{width:28px;}
.SerGZa p{line-height:26px;}
.SerGZa span{line-height:26px;margin-right:40px}
.Sershe img{width:780px; margin:16px auto 5px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.IndTitD{font-size:30px;margin-bottom:16px;}
.serbanB{top:40px;}
.serbanB .NyBanF{ line-height:40px; padding:0 20px;}
.serbanZ{padding-top:35px;}
.serbanBa{width:200px; height:50px; border-radius:25px; margin:0 16px;}
.serbanBa i{border-width:7px 0 7px 10px; margin-left:3px;}
.serbanBa{font-size:17px; line-height:32px;}
/**/
.SerDk{ padding:30px 0 50px;}
/*search*/
.sersea{ width:540px; padding:0 20px; height:58px; border-radius:6px;margin:22px auto;}
.serseaI{width:445px; height:58px; line-height:58px;font-size:22px;}
.serseaA{width:55px; height: 55px;background-size:30px;}
.SerGj{}
.SerGj li{padding-bottom:22px;}
.SerGH{ font-size:22px; line-height:32px; }
.SerGU{ font-size:14px; line-height:24px;}
.SerGT{ font-size:14px; height:40px;padding-left: 10px; padding-right:22px;}
.SerGZ{ padding-top:12px;}
.SerGZa{height:36px; font-size:13px;}
.SerGZI{width:35px;}
.SerGZI img{width:22px;}
.SerGZa p{line-height:24px;}
.SerGZa span{line-height:24px;margin-right:25px}
.Sershe img{width:500px; margin:12px auto 2px;}
}
@media only screen and (max-width:639px){
.IndTitD{font-size:0.155rem;margin-bottom: 0.1rem;}
.serbanB{top:0.22rem;}
.serbanB .NyBanF{ line-height:0.2rem; padding:0 4%;}
.serbanZ{padding-top:0.18rem;}
.serbanBa{width:34%; height:0.28rem; border-radius:0.14rem; margin:0 2%;}
.serbanBa i{border-width:5px 0 5px 7px; margin-left:3px;}
.serbanBa{font-size:0.11rem; line-height:0.2rem;}
/**/
.SerDk{ padding:0.1rem 0 0.25rem;}
/*search*/
.sersea{ width:92%; padding:0 4%; height:0.36rem; border-radius:0.05rem;margin:0.12rem auto 0.15rem;}
.serseaI{width:88%; height:0.3rem; line-height:0.3rem;font-size:0.13rem;}
.serseaA{width:12%; height: 0.3rem;background-size:0.18rem;}
.SerGj{ width: 92%; padding:0 4%;}
.SerGj li{padding-bottom:0.15rem;}
.SerGH{ font-size:0.15rem; line-height:0.2rem; }
.SerGU{ font-size:0.12rem; line-height:0.22rem;}
.SerGT{ font-size:0.12rem; height:0.3rem;padding-left:2%; padding-right:4%;}
.SerGZ{ padding-top:0.1rem;}
.SerGZa{height:0.26rem; font-size:0.115rem;}
.SerGZI{width:10%;}
.SerGZI img{width:0.18rem;}
.SerGZa p{line-height:0.18rem;}
.SerGZa span{line-height:0.18rem;margin-right:5%}
.Sershe img{width:80%; margin:0.1rem auto 0.02rem;}
}
/*********************
----------价格---------
**********************/
.priban{background-image: url('../images/pic/priban.jpg');}
.pribanB{ text-align:center;}
.priOnea{color:#FFF; background:#b4b4b4;display: block; text-align: center;}
.priOne .on{ background:#6947c5;}
.priForD{width:100%;position: relative;}
.priForI{ color:#000;width:100%;background:none; border:none;}
.priForDW{opacity:0.4;top:50%; position: absolute;}
.priForSel{color:#000;width:100%;background-color:rgba(0,0,0,0); border:none;background-image: url("../images/icon/prisel.png"); background-repeat: no-repeat;}
.priForG{background: rgba(180,180,180,0.4);}
@media  screen and ( min-width:1440px){
.priban{height:497px;}
.pribanB{padding-top: 140px;}
.pridk{ padding-bottom: 50px;}
.pirTit{ font-size:28px; line-height:90px;}
.priOne{}
.priOnea{width:375px; height:475px; border:2px solid #FFF;border-radius:25px;padding-top: 45px;}
.priOneT{ font-size:44px; line-height:60px;}
.priOneF{ font-size:22px; line-height:36px; margin-top:30px;}
.priOneN{ font-size:20px; margin-top: 55px;}
.priOneN span{ font-size:74px;}
.priOneH{ font-size:16px; margin-top:65px;}
.priFor{ padding-bottom:200px;}
.priForD{margin-bottom:22px; border:1px solid #000; height:92px; border-radius:10px;}
.priForI{line-height:80px;height:80px;font-size:28px;padding:0 70px;}
.priForDW{line-height:80px; font-size:28px;margin-top: -40px;right:40px;}
.priForSel{line-height:90px;height:92px;font-size:28px;padding:0 50px;background-size:24px;background-position: 1140px center;}
.priForG{padding:15px 50px; margin-bottom: 27px;font-size:22px;}
.priForGH{ font-size:28px; line-height:80px; border-bottom: 1px solid #b4b4b4;}
.priForGF{line-height:60px; border-bottom: 1px solid #b4b4b4;}
.priForGN{line-height:60px; margin-top:15px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.priban{height:410px;}
.pribanB{padding-top: 120px;}
.pridk{ padding-bottom:40px;}
.pirTit{ font-size:24px; line-height:80px;}
.priOne{}
.priOnea{width:338px; height:410px; border:2px solid #FFF;border-radius:20px;padding-top: 40px;}
.priOneT{ font-size:38px; line-height:50px;}
.priOneF{ font-size:20px; line-height:30px; margin-top:25px;}
.priOneN{ font-size:19px; margin-top:46px;}
.priOneN span{ font-size:68px;}
.priOneH{ font-size:15px; margin-top:56px;}
.priFor{ padding-bottom:200px;}
.priForD{margin-bottom:20px; border:1px solid #000; height:84px; border-radius:8px;}
.priForI{line-height:80px;height:80px;font-size:24px;padding:0 60px;}
.priForDW{line-height:80px; font-size:24px;margin-top: -40px;right:40px;}
.priForSel{line-height:84px;height:84px;font-size:24px;padding:0 40px;background-size:22px;background-position: 1020px center;}
.priForG{padding:12px 40px; margin-bottom: 24px;font-size:20px;}
.priForGH{ font-size:24px; line-height:74px; border-bottom: 1px solid #b4b4b4;}
.priForGF{line-height:55px; border-bottom: 1px solid #b4b4b4;}
.priForGN{line-height:55px; margin-top:12px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.priban{height:350px;}
.pribanB{padding-top: 105px;}
.pridk{ padding-bottom:30px;}
.pirTit{ font-size:20px; line-height:64px;font-weight:600;}
.priOne{}
.priOnea{width:284px; height:320px; border:1px solid #FFF;border-radius:17px;padding-top:32px;}
.priOneT{ font-size:32px; line-height:42px;}
.priOneF{ font-size:20px; line-height:26px; margin-top:16px; }
.priOneN{ font-size:17px; margin-top:35px;}
.priOneN span{ font-size:56px;}
.priOneH{ font-size:14px; margin-top:45px;}
.priFor{ padding-bottom:140px;}
.priForD{margin-bottom:16px; border:1px solid #000; height:70px; border-radius:6px;}
.priForI{line-height:70px;height:70px;font-size:20px;padding:0 45px;}
.priForDW{line-height:70px; font-size:20px;margin-top: -35px;right:30px;}
.priForSel{line-height:70px;height:70px;font-size:20px;padding:0 30px;background-size:18px;background-position: 860px center;}
.priForG{padding:10px 30px; margin-bottom: 24px;font-size:18px;}
.priForGH{ font-size:20px; line-height:62px; border-bottom: 1px solid #b4b4b4;}
.priForGF{line-height:50px; border-bottom: 1px solid #b4b4b4;}
.priForGN{line-height:50px; margin-top:10px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.priban{height:290px;}
.pribanB{padding-top:95px;}
.pridk{ padding-bottom:20px;}
.pirTit{ font-size:18px; line-height:56px;font-weight:600;}
.priOne{}
.priOnea{width:192px; height:230px; border:1px solid #FFF;border-radius:14px;padding-top:25px;}
.priOneT{ font-size:22px; line-height:30px;}
.priOneF{ font-size:16px; line-height:20px; margin-top:10px; }
.priOneN{ font-size:14px; margin-top:25px;}
.priOneN span{ font-size:40px;}
.priOneH{ font-size:12px; margin-top:30px;}
.priFor{ padding-bottom:80px;}
.priForD{margin-bottom:12px; border:1px solid #000; height:54px; border-radius:5px;}
.priForI{line-height:54px;height:54px;font-size:17px;padding:0 25px;}
.priForDW{line-height:54px; font-size:17px;margin-top: -27px;right:20px;}
.priForSel{line-height:54px;height:54px;font-size:17px;padding:0 20px;background-size:14px;background-position: 564px center;}
.priForG{padding:5px 20px; margin-bottom:18px;font-size:15px;}
.priForGH{ font-size:18px; line-height:54px; border-bottom: 1px solid #b4b4b4;}
.priForGF{line-height:44px; border-bottom: 1px solid #b4b4b4;}
.priForGN{line-height:44px; margin-top:5px;}
}
@media only screen and (max-width:639px){
.priban{}
.pribanB{padding-top:0.34rem;}
.pridk{ padding:0 4% 0.2rem;}
.pirTit{ font-size:0.135rem; line-height:0.4rem;font-weight:600;}
.priOne{}
.priOnea{width:32%; height:1.3rem; border:0.01rem solid #FFF;border-radius:0.06rem;padding-top:0.14rem;}
.priOneT{ font-size:0.135rem; line-height:0.2rem;}
.priOneF{ font-size:0.115rem; line-height:0.18rem; margin-top:0.02rem; }
.priOneN{ font-size:0.1rem; margin-top:0.1rem;}
.priOneN span{ font-size:0.16rem; font-weight:600;}
.priOneH{ font-size:0.09rem; margin-top:0.1rem;}
.priForD{margin-bottom:0.08rem; border:0.01rem solid #000; height:0.4rem; border-radius:0.05rem;}
.priForI{line-height:0.34rem;height:0.34rem;font-size:0.12rem;padding:0 4%;}
.priForDW{line-height:0.34rem; font-size:0.12rem;margin-top: -0.17rem;right:4%;}
.priForSel{line-height:0.34rem;height:0.34rem;font-size:0.12rem;padding:0 4%;background-size:0.1rem;background-position: 96% center;}
.priForG{padding:0.05rem 4%; margin-bottom:0.1rem;font-size:0.11rem;}
.priForGH{ font-size:0.13rem; line-height:0.4rem; border-bottom:0.01rem solid #b4b4b4;}
.priForGF{line-height:0.3rem; border-bottom:0.01rem solid #b4b4b4;}
.priForGN{line-height:0.3rem; margin-top:0.05rem;}
}
/*****************
-----关于我们-----
*****************/
.aboBan{background-image: url('../images/pic/aboBan.jpg');}
.aboBanB{ color:#000;}
.back02{background-image: url('../images/pic/back02.png')}
.back03{background-image: url('../images/pic/back03.png')}
.back04{background-image: url('../images/pic/back04.png')}
.aboDN{text-align:center; }
.aboSet{background:linear-gradient(to right,#2e1d6f,#483591)}
.aboSetN{background:#FFF;}
.aboSetS{color:#000}
.aboSetH{font-weight:700;}
.aboSetI img{width:100%; display: block;}
.abotDK .IndTitD{ text-align: center;}
@media  screen and ( min-width:1440px){
.aboBan,.medBan{ height: 600px;}
.aboBanB{top:100px;}
.aboBanB .NyBanF{width:560px;line-height:60px;}
.aboDN{margin-bottom: 105px;}
.aboDN .IndTitD{ margin-bottom:40px; }
.aboSet{ padding: 50px 0;}
.aboSetN{padding:0 20px; height: 300px; margin:0 auto 55px;}
.aboSetS{width:790px;}
.aboSetH{ font-size:40px; line-height:64px; margin-bottom:6px;}
.aboSetP{ font-size:26px; line-height:54px;}
.aboSetI{width:321px;}
.abotDK{ padding: 75px 0 120px}
.abotDK .IndTitD{margin-bottom:60px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.aboBan,.medBan{ height: 500px;}
.aboBanB{top:90px;}
.aboBanB .NyBanF{width:500px;line-height:55px;}
.aboDN{margin-bottom:95px;}
.aboDN .IndTitD{ margin-bottom:32px; }
.aboSet{ padding:42px 0;}
.aboSetN{padding:0 20px; height:280px; margin:0 auto 48px;}
.aboSetS{width:700px;}
.aboSetH{ font-size:36px; line-height:58px; margin-bottom:5px;}
.aboSetP{ font-size:23px; line-height:46px;}
.aboSetI{width:290px;}
.abotDK{ padding: 65px 0 110px}
.abotDK .IndTitD{margin-bottom:50px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.aboBan,.medBan{ height:400px;}
.aboBanB{top:70px;}
.aboBanB .NyBanF{width:380px;line-height:46px;}
.aboDN{margin-bottom:80px;}
.aboDN .IndTitD{ margin-bottom:27px; }
.aboSet{ padding:40px 0 25px;}
.aboSetN{padding:0 18px; height:230px; margin:0 auto 40px;}
.aboSetS{width:615px;}
.aboSetH{ font-size:30px; line-height:46px; margin-bottom:5px;}
.aboSetP{ font-size:20px; line-height:38px;}
.aboSetI{width:230px;}
.abotDK{ padding: 55px 0 100px}
.abotDK .IndTitD{margin-bottom:40px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.aboBan,.medBan{ height:300px;}
.aboBanB{top:50px;}
.aboBanB .NyBanF{width:300px;line-height:32px;}
.aboDN{margin-bottom:50px;}
.aboDN .IndTitD{ margin-bottom:20px; }
.aboSet{ padding:35px 0 14px;}
.aboSetN{padding:0 15px; height:160px; margin:0 auto 26px;}
.aboSetS{width:380px;}
.aboSetH{ font-size:20px; line-height:30px; margin-bottom:4px;}
.aboSetP{ font-size:14px; line-height:25px;}
.aboSetI{width:168px;}
.abotDK{ padding: 40px 0 80px}
.abotDK .IndTitD{margin-bottom:22px;}
}
@media only screen and (max-width:639px){
.aboBan{}
.aboBanB{top:0.2rem; padding:0 4%;}
.aboBanB .NyBanF{width:50%;line-height:0.16rem;}
.aboDN{margin-bottom:0.2rem;}
.aboDN .IndTitD{ margin-bottom:0.1rem; }
.aboSet{ padding:0.15rem 4% 0.05rem;}
.aboSetN{padding:0.08rem 0.08rem; margin:0 auto 0.15rem;}
.aboSetS{width:100%; flex: 1;}
.aboSetH{ font-size:0.12rem; line-height:0.2rem; margin-bottom:0.02rem;}
.aboSetP{ font-size:0.09rem; line-height:0.15rem;}
.aboSetI{width:0.8rem;}
.abotDK{ padding: 0.2rem 0 0.35rem}
.abotDK .IndTitD{margin-bottom:0.1rem;}
}
/*****************
-----媒体查询-----
*****************/
.medBan{background-image: url('../images/pic/medBan.jpg');}
.medBanB{ text-align: center;}
/*常见问题*/
.Medcj{width:100%; display: block;}
.Medcj li{color:#000; width:100%; display: block;}
.Medcja{color:#000;width: 100%; background:#FFF;box-shadow:0 4px 10px rgba(61,50,172,0.1);}
.Medcja p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width:100%; flex:1}
.Medcja i{display:block; background-image: url("../images/icon/menJJ.png"); background-position:0 0; background-repeat: no-repeat; background-size: 100%;}
.MedcjN{background:#fff;box-shadow:0 2px 8px rgba(61,50,172,0.05); display: none;}
/*还不是会员？*/
.Medexp{background:#3d2a82;color:#FFF;align-content:center; text-align: center;}
.Medexp .IndTitZ{ width: 100%; color:#FFF;}
.MedexpA{background:#FFF; color:#000;}
@media  screen and ( min-width:1440px){
.madDK{padding-top:140px;}
.medBanB{ top:80px;}
.medBanB .NyBanF{width:90%;padding:12px 5% 60px; line-height:55px;}
/*常见问题*/
.Medfaq{padding:20px 0 50px;}
.Medcj{padding-top:50px}
.Medcj li{margin-bottom:38px;}
.Medcja{height:90px; padding:0 37px; border-radius:10px;}
.Medcja p{line-height:60px; font-size:36px;}
.Medcja i{width:22px;height:22px;}
.Medcj li .on i{background-position:0 -22px;}
.MedcjN{padding:25px 37px; font-size:24px; line-height:50px;border-radius:10px;}
/*还不是会员？*/
.Medexp{ padding:50px 0;box-shadow:0 3px 15px rgba(61,50,172,0.1);width:1040px;margin:0 auto 100px;border-radius:20px;}
.Medexp .IndTitZ{margin-bottom:25px;}
.MedexpA{margin:40px auto 0;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.madDK{padding-top:120px;}
.medBanB{ top:70px;}
.medBanB .NyBanF{width:90%;padding:10px 5% 52px; line-height:50px;}
/*常见问题*/
.Medfaq{padding:16px 0 45px;}
.Medcj{padding-top:45px}
.Medcj li{margin-bottom:27px;}
.Medcja{height:82px; padding:0 32px; border-radius:8px;}
.Medcja p{line-height:60px; font-size:28px;}
.Medcja i{width:20px;height:20px;}
.Medcj li .on i{background-position:0 -20px;}
.MedcjN{padding:21px 32px; font-size:21px; line-height:44px;border-radius:8px;}
/*还不是会员？*/
.Medexp{ padding:45px 0;box-shadow:0 3px 15px rgba(61,50,172,0.1);width:900px;margin:0 auto 80px;border-radius:15px;}
.Medexp .IndTitZ{margin-bottom:20px;}
.MedexpA{margin:35px auto 0;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.madDK{padding-top:90px;}
.medBanB{ top:56px;}
.medBanB .NyBanF{width:84%;padding:5px 8% 35px; line-height:42px;}
/*常见问题*/
.Medfaq{padding:14px 0 40px;}
.Medcj{padding-top:40px}
.Medcj li{margin-bottom:22px;}
.Medcja{height:74px; padding:0 27px; border-radius:6px;}
.Medcja p{line-height:50px; font-size:24px;}
.Medcja i{width:18px;height:18px;}
.Medcj li .on i{background-position:0 -18px;}
.MedcjN{padding:18px 27px; font-size:17px; line-height:40px;border-radius:6px;}
/*还不是会员？*/
.Medexp{padding:38px 0;box-shadow:0 2px 11px rgba(61,50,172,0.1);width:700px;margin:0 auto 60px;border-radius:12px;}
.Medexp .IndTitZ{margin-bottom:12px;}
.Medexp .MedexpA{margin:30px auto 0;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.madDK{padding-top:60px;}
.medBanB{ top:40px;}
.medBanB .NyBanF{width:92%;padding:3px 4% 25px; line-height:32px;}
/*常见问题*/
.Medfaq{padding:12px 0 35px;}
.Medcj{padding-top:25px}
.Medcj li{margin-bottom:20px;}
.Medcja{height:60px; padding:0 15px; border-radius:5px;}
.Medcja p{line-height:40px; font-size:18px; width:540px;}
.Medcja i{width:15px;height:14px;}
.Medcj li .on i{background-position:0 -15px;}
.MedcjN{padding:15px 20px; font-size:15px; line-height:32px;border-radius:5px;}
/*还不是会员？*/
.Medexp{padding:30px 0;box-shadow:0 2px 9px rgba(61,50,172,0.1);width:500px;margin:0 auto 40px;border-radius:9px;}
.Medexp .IndTitZ{margin-bottom:10px;}
.Medexp .MedexpA{margin:25px auto 0;}
}
@media only screen and (max-width:639px){
.madDK{padding-top:0.3rem;}
.medBanB{ top:0.2rem;}
.medBanB .NyBanF{width:92%;padding:0.04rem 4% 0.14rem; line-height:0.18rem;}
/*常见问题*/
.Medfaq{padding:0.1rem 0 0.2rem;}
.Medcj{padding:0.2rem 4% 0; width:92%;}
.Medcj li{margin-bottom:0.1rem;}
.Medcja{height:0.38rem; padding:0 4%; border-radius:0.04rem;}
.Medcja p{line-height:0.2rem; font-size:0.13rem; width:90%;}
.Medcja i{width:0.1rem;height:0.1rem;}
.Medcj li .on i{background-position:0 -0.1rem;}
.MedcjN{padding:0.12rem 3%;font-size:0.1rem;line-height:0.2rem; border-radius:0.04rem;}
/*还不是会员？*/
.Medexp{padding:0.15rem 0;box-shadow:0 2px 8px rgba(61,50,172,0.1);width:92%;margin:0 auto 0.25rem;border-radius:0.05rem;}
.Medexp .IndTitZ{margin-bottom:0.06rem;}
.Medexp .MedexpA{margin:0.15rem auto 0;}
}
/*****************
-----袋鼠VPN评论-----
*****************/
.comBan{background-image: url('../images/pic/comBan.jpg');}
.comWhy{}
.comTab{border:1px solid #000;overflow: hidden; position: relative;z-index: 1; display: block;}
.comTab tr td{ color:#1b1b1b;text-align: center;border-top:1px solid #1b1b1b; font-weight:500;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;border-left:1px solid #1b1b1b;}
.comTab tr:first-child td {border-top:none;}
.comTab tr td:first-child{border-left:none;}
.comLog img{display: block; margin:0 auto;}
.comDH img{ display: block; margin:0 auto;}
.comDoI{overflow: hidden; border-radius:50%; background:#FFF;}
.comDoI img{width:100%; display: block;}
.comDox{background:#493692;}
.comDoN{ flex:1;color:#000;}
.comDoN h3{font-weight:700;}
.WiFidu{width:100%; display: block;}
.WiFidu li{ border-top:1px solid #000; color:#000; width:100%; display: block;}
.WiFidu li:first-child{border-top:0;}
.WiFida{color:#000;}
.WiFida p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; flex: 1;}
.WiFida i{width:0;height:0;border-style:solid;border-color:#000 transparent transparent transparent;display:block;transition:0.5s;}
.WiFidu li .on i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);transition:0.5s;}
.WiFidN{border-top:1px solid #c7bdfb;display:none;}
.Nojiao{background-image: url("../images/icon/nologJ.png"); background-position: center;  background-repeat: no-repeat; background-size:100%;transition:0.5s; display:block;}
.WiFidu li .on .Nojiao{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);transition:0.5s;}
@media  screen and ( min-width:1440px){
.comBan{height:700px;}
.comBanB{top:170px;}
.comWhy{}
.comTab{border-radius:10px; margin:90px auto 60px;}
.comTab tr td{font-size:23px;line-height:30px; padding: 0 18px; height:100px;}
.comTab tr:first-child td{ height: 80px;}
.comLog img{height:30px;}
.comDH img{width:28px;}
.comTab tr td:hover::after{content:'';height:10000px;left:0;position:absolute;top: -5000px;width:100%;z-index:-1;}
.comTab tr td:hover::after {background-color: #89afff;}
.comDo{padding-top:80px;}
.comDoK{ padding-top: 40px;}
.comDoA{ margin-bottom:100px;}
.comDoI{width:312px; height: 312px;}
.comDox{width:4px; height: 194px;margin-left: 38px;}
.comDoN{ flex:1; margin-left:60px;}
.comDoN h3{ font-size:36px; line-height:50px; margin-bottom:15px;}
.comDoN p{ font-size:24px; line-height:55px;}
/*Wi-Fi VPN*/
.WiFid{ padding-bottom:160px;}
.WiFidu{ padding-top:40px;}
.WiFida{height:100px;}
.WiFida p{ line-height:60px; font-size:38px;}
.WiFida i{border-width:16px 12px 0 12px;margin-right:30px;}
.WiFidN{padding:25px 20px; font-size:24px; line-height:50px;}
.Nojiao{ width:19px; height:19px;margin-right: 30px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.comBan{height:580px;}
.comBanB{top:160px;}
.comWhy{}
.comTab{border-radius:8px; margin:70px auto 50px;}
.comTab tr td{font-size:20px;line-height:28px; padding: 0 15px; height:90px;}
.comTab tr:first-child td{ height:70px;}
.comLog img{height:28px;}
.comDH img{width:25px;}
.comTab tr td:hover::after{content:'';height:10000px;left:0;position:absolute;top: -5000px;width:100%;z-index:-1;}
.comTab tr td:hover::after {background-color: #89afff;}
.comDo{padding-top:70px;}
.comDoK{ padding-top:35px;}
.comDoA{ margin-bottom:85px;}
.comDoI{width:275px; height: 275px;}
.comDox{width:3px; height: 180px;margin-left: 34px;}
.comDoN{ flex:1; margin-left:50px;}
.comDoN h3{ font-size:35px; line-height:44px; margin-bottom:12px;}
.comDoN p{ font-size:22px; line-height:50px;}
/*Wi-Fi VPN*/
.WiFid{ padding-bottom:140px;}
.WiFidu{ padding-top:40px;}
.WiFida{height:90px;}
.WiFida p{ line-height:60px; font-size:32px;}
.WiFida i{border-width:16px 12px 0 12px;margin-right:30px;}
.WiFidN{padding:25px 20px; font-size:22px; line-height:50px;}
.Nojiao{ width:17px; height:17px;margin-right:25px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.comBan{height:460px;}
.comBanB{top:130px;}
.comWhy{}
.comTab{border-radius:6px; margin:60px auto 40px;}
.comTab tr td{font-size:17px;line-height:24px; padding: 0 12px; height:80px;}
.comTab tr:first-child td{ height:55px;}
.comLog img{height:26px;}
.comDH img{width:22px;}
.comTab tr td:hover::after{content:'';height:10000px;left:0;position:absolute;top: -5000px;width:100%;z-index:-1;}
.comTab tr td:hover::after {background-color: #89afff;}
.comDo{padding-top:60px;}
.comDoK{ padding-top:30px;}
.comDoA{ margin-bottom:70px;}
.comDoI{width:230px; height: 230px;}
.comDox{width:3px; height: 160px;margin-left: 30px;}
.comDoN{ flex:1; margin-left:42px;}
.comDoN h3{ font-size:30px; line-height:40px; margin-bottom:12px;}
.comDoN p{ font-size:19px; line-height:45px;}
.WiFid{ padding-bottom:120px;}
.WiFidu{ padding-top:35px;}
.WiFida{height:80px;}
.WiFida p{ line-height:54px; font-size:28px;}
.WiFida i{border-width:14px 11px 0 11px;margin-right:26px;}
.WiFidN{padding:22px 18px; font-size:20px; line-height:46px;}
.Nojiao{ width:15px; height:15px;margin-right:20px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.comBan{height:340px;}
.comBanB{top:90px;}
.comWhy{}
.comTab{border-radius:5px; margin:35px auto 30px;}
.comTab tr td{font-size:14px;line-height:20px; padding: 0 8px; height:60px;}
.comTab tr:first-child td{ height:46px;}
.comLog img{height:20px;}
.comDH img{width:18px;}
.comDo{padding-top:50px;}
.comDoK{ padding-top:25px;}
.comDoA{ margin-bottom:45px;}
.comDoI{width:140px; height: 140px;}
.comDox{width:2px; height: 100px;margin-left:24px;}
.comDoN{ flex:1; margin-left:35px;}
.comDoN h3{ font-size:20px; line-height:35px; margin-bottom:6px;}
.comDoN p{ font-size:15px; line-height:30px;}
.WiFid{ padding-bottom:80px;}
.WiFidu{ padding-top:30px;}
.WiFida{height:70px;}
.WiFida p{ line-height:50px; font-size:22px;}
.WiFida i{border-width:12px 10px 0 10px;margin-right:20px;}
.WiFidN{padding:20px 15px; font-size:18px; line-height:40px;}
.Nojiao{ width:12px; height:12px;margin-right:10px;}
}
@media only screen and (max-width:639px){
.comBan{}
.comBanB{ padding:0 4%;top:0.25rem;}
.comWhy{}
.comTab{border-radius:0.04rem; margin:0.15rem auto 0.1rem; width:92%;}
.comTab tr td{font-size:0.1rem;line-height:0.14rem; height:0.35rem; padding:0.05rem 0}
.comTab tr:first-child td{ height:0.3rem;}
.comLog img{height:0.12rem;}
.comDH img{width:0.12rem;}
.comDo{padding-top:0.2rem;}
.comDoK{ padding:0.15rem 4% 0;}
.comDoA{ margin-bottom:0.15rem;}
.comDoI{width:0.7rem; height:0.7rem;}
.comDox{width:0.02rem; height:0.5rem;margin-left:0.1rem;}
.comDoN{ flex:1; margin-left:0.15rem;}
.comDoN h3{ font-size:0.12rem; line-height:0.2rem; margin-bottom:0.04rem;}
.comDoN p{ font-size:0.09rem; line-height:0.15rem;}
.WiFid{ padding-bottom:0.1rem;}
.WiFidu{ padding:0.15rem 4% 0; width: 92%}
.WiFida{height:0.4rem;}
.WiFida p{ line-height:0.2rem; font-size:0.13rem; }
.WiFida i{border-width:7px 6px 0 6px;margin-right:0.02rem;}
.WiFidN{padding:0.12rem 3%; font-size:0.1rem; line-height:0.2rem;}
.Nojiao{ width:0.08rem; height:0.08rem; margin-right:0.02rem}
}
/*****************
-----无日志-----
*****************/
.nolban{ color:#000;}
.nolbanB1{box-shadow:0 15px 15px rgba(61,50,172,0.2); color:#000;}
.nolbanBs p{ text-align:center;}
.IndP{color:#000;width: 100%; position: relative;}
.IndP:before{display:block;content:'';position: absolute;background-image: url("../images/icon/duih.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; left:0;}
.nolbanZ .IndP{width:auto;}
.nolDK{color:#000;}
.nolDZ h3{font-weight:700;}
.nOLcj li{background:#eaf0fc;}
@media  screen and ( min-width:1440px){
.nolbanB {padding-top:80px;}
.nolbanS{padding-top:45px;}
.nolbanZ{width:680px;}
.nolbanB1{ border:2px solid #000;}
.nolbanBs p{ font-size:18px; line-height:26px; margin:15px 0 25px;}
.IndP{line-height:37px; margin-bottom:28px;font-size:26px;padding-left: 30px;}
.IndP:before{width:23px; height: 23px;top:7px;}
.nolbanZ .IndP{margin-right:35px;}
.nolDK{padding-bottom: 60px;}
.nolDn{ padding-top:25px; font-size:30px;line-height:58px;}
.nolDn p{ margin-bottom:35px; }
.nolDZ{margin-top:80px;font-size:26px;line-height:58px;}
.nolDZ h3{ font-size:40px; line-height:58px; margin-bottom:25px;}
.nOLcj li{ margin-bottom:35px; border-radius:5px;border:1px dashed #e0eee9;}
.nOLcj .WiFida{ height:75px;  padding-left: 25px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.nolbanB {padding-top:70px;}
.nolbanS{padding-top:40px;}
.nolbanZ{width:600px;}
.nolbanB1{ border:2px solid #000;}
.nolbanBs p{ font-size:16px; line-height:22px; margin:14px 0 20px;}
.IndP{line-height:37px; margin-bottom:20px;font-size:22px;padding-left: 30px;}
.IndP:before{width:23px; height: 23px;top:7px;}
.nolbanZ .IndP{margin-right:30px;}
.nolDK{padding-bottom:52px;}
.nolDn{ padding-top:22px; font-size:28px;line-height:54px;}
.nolDn p{ margin-bottom:31px; }
.nolDZ{margin-top:70px;font-size:24px;line-height:54px;}
.nolDZ h3{ font-size:35px; line-height:54px; margin-bottom:22px;}
.nOLcj li{ margin-bottom:30px; border-radius:5px;border:1px dashed #e0eee9;}
.nOLcj .WiFida{ height:70px;  padding-left: 20px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.nolbanB {padding-top:55px;}
.nolbanS{padding-top:35px;}
.nolbanZ{width:500px;}
.nolbanB1{ border:2px solid #000;box-shadow:0 10px 10px rgba(61,50,172,0.2);}
.nolbanBs p{ font-size:14px; line-height:20px; margin:12px 0 16px;}
.IndP{line-height:32px; margin-bottom:16px;font-size:19px;padding-left:26px;}
.IndP:before{width:22px; height: 22px;top:5px;}
.nolbanZ .IndP{margin-right:25px;}
.nolDK{padding-bottom:44px;}
.nolDn{ padding-top:20px; font-size:22px;line-height:42px;}
.nolDn p{ margin-bottom:25px; }
.nolDZ{margin-top:55px;font-size:20px;line-height:42px;}
.nolDZ h3{ font-size:30px; line-height:42px; margin-bottom:18px;}
.nOLcj li{ margin-bottom:25px; border-radius:4px;border:1px dashed #e0eee9;}
.nOLcj .WiFida{ height:64px;  padding-left:18px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.nolbanB {padding-top:40px;}
.nolbanS{padding-top:25px;}
.nolbanZ{width:400px;}
.nolbanB1{ border:1px solid #000;box-shadow:0 10px 10px rgba(61,50,172,0.2);}
.nolbanBs p{ font-size:12px; line-height:18px; margin:8px 0 10px;}
.IndP{line-height:28px; margin-bottom:12px;font-size:16px;padding-left:24px;}
.IndP:before{width:20px; height: 20px;top:4px;}
.nolbanZ .IndP{margin-right:18px;}
.nolDK{padding-bottom:36px;}
.nolDn{ padding-top:10px; font-size:16px;line-height:32px;}
.nolDn p{ margin-bottom:18px; }
.nolDZ{margin-top:40px;font-size:14px;line-height:28px;}
.nolDZ h3{ font-size:25px; line-height:32px; margin-bottom:12px;}
.nOLcj li{ margin-bottom:20px; border-radius:4px;border:1px dashed #e0eee9;}
.nOLcj .WiFida{ height:56px;  padding-left:16px;}
}
@media only screen and (max-width:639px){
.nolbanB {padding:0.2rem 4% 0;}
.nolbanS{padding-top:0.1rem;}
.nolbanZ{width:60%;}
.nolbanB1{ border:1px solid #000;box-shadow:0 5px 5px rgba(61,50,172,0.2);}
.nolbanBs p{ font-size:0.09rem; line-height:0.14rem; margin:0.04rem 0 0.05rem;}
.IndP{line-height:0.2rem; margin-bottom:0.04rem;font-size:0.1rem;padding-left:0.14rem;}
.IndP:before{width:0.12rem; height: 0.12rem;top:0.04rem;}
.nolbanZ .IndP{margin-right:0.1rem;}
.nolDK{padding:0 4% 0.18rem;}
.nolDn{ padding:0.04rem 0 0; font-size:0.115rem;line-height:0.2rem;}
.nolDn p{ margin: 0.06rem 0; }
.nolDZ{padding:0.1rem 0 0;font-size:0.11rem;line-height:0.18rem;}
.nolDZ h3{ font-size:0.13rem; line-height:0.2rem; margin-bottom:0.06rem;}
.nOLcj li{ margin-bottom:0.1rem; border-radius:0.04rem;border:0.01rem dashed #e0eee9;}
.nOLcj .WiFida{ height:0.34rem; padding:0 4%;}
}
/*****************
-----支付方式-----
*****************/
.payban{background-image: url('../images/pic/payban.jpg');}
.paytit{font-weight:700; color:#000;}
.payNa{align-content:center;overflow: hidden;}
.payNa img{width:100%; display: block;}
.payJSa{display: block;}
.payJSI{width:100%;color:#000;}
.payJSI p{width:100%; text-align: center;}
.payJSP{width: 100%;text-align: center; color:#FFF;}
.payJS1 .payJSP{ background:#00a9f2;}
.payJS2 .payJSP{ background:#3cb034;}
@media  screen and ( min-width:1440px){
.payban{height:848px}
.paybanB{top:250px;}
.paybanB .NyBanF{line-height:60px;}
.payDk{ padding:10px 0 50px;}
.paytit{ font-size:40px; line-height:50px; height: 50px;}
.payDN{width:460px;}
.payNr{margin-top: 30px;}
.payNa{width:190px; height:66px;border-radius:6px;border:1px solid #000; margin-bottom:30px; margin-right:20px;}
.payJS{margin-top:30px}
.payJSa{width:105px;margin-right:60px;}
.payJSI{height:132px; border-radius:8px; border:1px solid #000; margin-bottom:15px;padding-top: 12px;}
.payJSI p{font-size:24px; line-height:34px;}
.payJSI img{width:65px; margin:0 auto 8px;}
.payJSP{font-size:19px;line-height:30px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.payban{height:700px}
.paybanB{top:220px;}
.paybanB .NyBanF{line-height:55px;}
.payDk{ padding:10px 0 40px;}
.paytit{ font-size:35px; line-height:42px; height: 42px;}
.payDN{width:400px;}
.payNr{margin-top:25px;}
.payNa{width:170px; height:60px;border-radius:5px;border:1px solid #000; margin-bottom:25px; margin-right:18px;}
.payJS{margin-top:25px}
.payJSa{width:95px;margin-right:50px;}
.payJSI{height:115px; border-radius:7px; border:1px solid #000; margin-bottom:12px;padding-top: 12px;}
.payJSI p{font-size:20px; line-height:30px;}
.payJSI img{width:54px; margin:0 auto 6px;}
.payJSP{font-size:17px;line-height:28px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.payban{height:560px}
.paybanB{top:170px;}
.paybanB .NyBanF{line-height:45px;}
.payDk{ padding:5px 0 40px;}
.paytit{ font-size:30px; line-height:36px; height: 36px;}
.payDN{width:380px;}
.payNr{margin-top:20px;}
.payNa{width:150px; height:52px;border-radius:5px;border:1px solid #000; margin-bottom:20px; margin-right:18px;}
.payJS{margin-top:20px}
.payJSa{width:85px;margin-right:40px;}
.payJSI{height:100px; border-radius:6px; border:1px solid #000; margin-bottom:10px;padding-top: 10px;}
.payJSI p{font-size:17px; line-height:25px;}
.payJSI img{width:46px; margin:0 auto 6px;}
.payJSP{font-size:16px;line-height:28px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.payban{height:420px}
.paybanB{top:120px;}
.paybanB .NyBanF{line-height:35px;}
.payDk{ padding:5px 0 40px;}
.paytit{ font-size:25px; line-height:32px; height: 36px; text-align: center;}
.payDN{width:380px; margin:0 auto;}
.payNr{margin-top:25px; margin-bottom:60px;justify-content:space-between;}
.payNa{width:180px; height:65px;border-radius:5px;border:1px solid #000; margin-bottom:20px;}
.payJS{margin-top:25px;justify-content:center;}
.payJSa{width:100px;margin:0 20px;}
.payJSI{height:120px; border-radius:6px; border:1px solid #000; margin-bottom:10px;padding-top: 14px;}
.payJSI p{font-size:20px; line-height:30px;}
.payJSI img{width:55px; margin:0 auto 6px;}
.payJSP{font-size:17px;line-height:28px;}
}
@media only screen and (max-width:639px){
.payban{}
.paybanB{top:0.3rem; padding:0 10%;}
.paybanB .NyBanF{line-height:0.18rem;}
.payDk{ padding:0.06rem 4% 0.25rem;}
.paytit{ font-size:0.16rem; line-height:0.26rem; height: 0.26rem; text-align: center;}
.payDN{width:100%; margin:0 auto;}
.payNr{margin-top:0.1rem; margin-bottom:0.18rem;justify-content:center;}
.payNa{width:36%; height:0.44rem;border-radius:0.04rem;border:0.01rem solid #000; margin:0 2% 0.12rem;}
.payJS{margin-top:0.1rem;justify-content:center;}
.payJSa{width:23%;margin:0 5%;}
.payJSI{height:0.9rem; border-radius:0.06rem; border:0.01rem solid #000; margin-bottom:0.1rem;padding-top: 0.12rem;}
.payJSI p{font-size:0.14rem; line-height:0.25rem;}
.payJSI img{width:60%; margin:0 auto 0.05rem;}
.payJSP{font-size:0.12rem;line-height:0.22rem;}
}
/*****************
-----退货退款政策-----
*****************/
.refBan{background-image: url('../images/pic/refBan.jpg');}
.refnP{ color:#000;text-align: justify;}
.refnDs,.ternDs{width: 100%; position: relative;}
.refnDs:before,.ternDs:before{display:block;content:'';position: absolute; background:#6250fa;border-radius:50%;left:0;}
@media  screen and ( min-width:1440px){
.refBan{ height: 566px;}
.refBanB{top:130px;}
.refBanB span{ display:block;}
.refBanB .NyBanF{line-height:65px;}
.refDN{ padding:20px 0 40px}
.refnP{font-size:24px; line-height:58px;}
.refnDs{padding-left:24px;}
.refnDs:before{width:8px; height:8px;top:25px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.refBan{ height:486px;}
.refBanB{top:115px;}
.refBanB span{ display:block;}
.refBanB .NyBanF{line-height:60px;}
.refDN{ padding:16px 0 35px}
.refnP{font-size:21px; line-height:48px;}
.refnDs{padding-left:22px;}
.refnDs:before{width:8px; height:8px;top:20px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.refBan{ height:400px;}
.refBanB{top:95px;}
.refBanB span{ display:block;}
.refBanB .NyBanF{line-height:50px;}
.refDN{ padding:12px 0 35px}
.refnP{font-size:18px; line-height:40px;}
.refnDs{padding-left:20px;}
.refnDs:before{width:6px; height:6px;top:17px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.refBan{ height:290px;}
.refBanB{top:70px;}
.refBanB span{ display:block;}
.refBanB .NyBanF{line-height:35px;}
.refDN{ padding:10px 0 26px}
.refnP{font-size:16px; line-height:35px;}
.refnDs{padding-left:14px;}
.refnDs:before{width:5px; height:5px;top:15px;}
}
@media only screen and (max-width:639px){
.refBan{}
.refBanB{top:0.15rem; text-align: center;}
.refBanB .NyBanF{}
.refDN{ padding:0 4% 0.2rem}
.refnP{font-size:0.11rem; line-height:0.22rem;}
.refnDs{padding-left:0.1rem;}
.refnDs:before{width:0.04rem; height:0.04rem;top:0.09rem;}
}
/*****************
-----为什么选择袋鼠VPN-----
*****************/
.whsBan{background-image: url('../images/pic/whsBan.jpg');}
.whsBanB{color:#FFF;}
.whsKuaKn{width:33%; color:#232323; text-align: center;}
.whsKuaiKx{background:#000;}
.whyoneS{width:100%;}
.whySN{ flex:1; width: 100%;text-align: right;}
.whySN .IndTitP{width:100%;}
@media  screen and ( min-width:1440px){
.whsBan{height: 869px;}
.whsBanB{top:220px}
.whsBanB .NyBanF{ letter-spacing: 2px;}
.whsBanY{ font-size:20px; line-height:30px;letter-spacing: 2px;}
.whsBanC{ margin-top:50px;}
.whsBanC .IndbanB{ margin:0; margin-bottom:25px;}
.whsBanP{font-size:20px; line-height:30px;letter-spacing: 2px; margin-left: 12px;}
.whysetK{ padding:80px 0 100px}
.whsFenD{padding-bottom:15px;}
.whsFenD .IndEnjBN{padding-bottom:15px;}
.whyoneK{ padding-bottom:90px;}
.whsKuaK{width:850px; margin:55px auto 55px;}
.whsKuaKn h3{ font-size:66px; line-height:70px;}
.whsKuaKn p{ font-size:34px; line-height:40px;}
.whsKuaiKx{ width: 1px; height: 98px;}
.whybutW{ width:280px;}
	
.whySK{ background:#FFF; padding:20px 40px; height:390px; margin-bottom:45px; }
.whySI{width:482px;}
.whySN{margin-left: 35px;}
.whySNB{ display:none;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.whsBan{height:740px;}
.whsBanB{top:190px}
.whsBanB .NyBanF{ letter-spacing: 2px;}
.whsBanY{ font-size:18px; line-height:27px;letter-spacing: 2px;}
.whsBanC{ margin-top:42px;}
.whsBanC .IndbanB{ margin:0; margin-bottom:20px;}
.whsBanP{font-size:18px; line-height:27px;letter-spacing: 2px; margin-left: 12px;}
.whysetK{ padding:75px 0 95px}
.whsFenD{padding-bottom:13px;}
.whsFenD .IndEnjBN{padding-bottom:13px;}
.whyoneK{ padding-bottom:80px;}
.whsKuaK{width:760px; margin:50px auto 50px;}
.whsKuaKn h3{ font-size:58px; line-height:68px;}
.whsKuaKn p{ font-size:30px; line-height:36px;}
.whsKuaiKx{ width: 1px; height:82px;}
.whybutW{ width:280px;}
	
.whySK{ background:#FFF; padding:18px 35px; height:350px; margin-bottom:40px; }
.whySI{width:440px;}
.whySN{margin-left: 35px;}
.whySNB{ display:none;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.whsBan{height:620px;}
.whsBanB{top:132px}
.whsBanB .NyBanF{ letter-spacing: 2px;}
.whsBanY{ font-size:17px; line-height:25px;letter-spacing: 2px;}
.whsBanC{ margin-top:36px;}
.whsBanC .IndbanB{ margin:0; margin-bottom:16px;}
.whsBanP{font-size:17px; line-height:25px;letter-spacing: 2px; margin-left: 10px;}
.whysetK{ padding:65px 0 80px}
.whsFenD{padding-bottom:10px;}
.whsFenD .IndEnjBN{padding-bottom:10px;}
.whyoneK{ padding-bottom:60px;}
.whsKuaK{width:680px; margin:42px auto 42px;}
.whsKuaKn h3{ font-size:48px; line-height:60px;}
.whsKuaKn p{ font-size:22px; line-height:30px;}
.whsKuaiKx{ width: 1px; height:72px;}
.whybutW{ width:250px;}
.whySK{ background:#FFF; padding:15px 30px; height:320px; margin-bottom:32px; }
.whySI{width:400px;}
.whySN{margin-left: 30px;}
.whySNB{ display:none;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.whsBan{height:460px;}
.whsBanB{top:90px}
.whsBanB .NyBanF{ letter-spacing: 2px;}
.whsBanY{ font-size:15px; line-height:22px;letter-spacing:1px;}
.whsBanB{ margin-top:30px;}
.whsBanC .IndbanB{ margin:0; margin-bottom:14px;}
.whsBanP{font-size:15px; line-height:22px;letter-spacing: 2px; margin-left: 10px;}
.whysetK{ padding:50px 0 60px}
.whsFenD{padding-bottom:6px;}
.whsFenD .IndEnjBN{padding-bottom:6px;}
.whyoneK{ padding-bottom:50px;}
.whsKuaK{width:540px; margin:30px auto;}
.whsKuaKn h3{ font-size:36px; line-height:40px;}
.whsKuaKn p{ font-size:18px; line-height:24px;}
.whsKuaiKx{ width: 1px; height:56px;}
.whybutW{ width:210px;}
.whySK{ background:#FFF; padding:10px 25px; height:200px; margin-bottom:20px; }
.whySI{width:210px;}
.whySN{margin-left:20px;}
.whySNB{ display:none;}
}
@media only screen and (max-width:639px){
.whsBan{}
.whsBanB{top:0.2rem; padding:0 7%}
.whsBanB .NyBanF{ letter-spacing:1px;}
.whsBanY{ font-size:0.09rem; line-height:0.13rem;}
.whsBanC{ margin-top:0.12rem;}
.whsBanC .IndbanB{ margin:0; margin-bottom:0.1rem; font-size:0.1rem; width:1.3rem;}
.whsBanP{font-size:0.09rem; line-height:0.15rem; margin-left:0.03rem;;}
.whysetK{ padding:0.2rem 4% 0.2rem}
.whysetK .IndsetN{ margin-bottom:0.15rem;}
.whsFenD{padding-bottom:0.12rem;justify-content:center;display:flex;}
.whsFenD .IndEnjBN{ width: 40%;justify-content:center;}
.whyoneK{ padding-bottom:0.12rem;}
.whsKuaK{width:86%; margin:0.04rem auto 0.12rem;}
.whsKuaKn h3{ font-size:0.17rem; line-height:0.2rem;}
.whsKuaKn p{ font-size:0.11rem; line-height:0.17rem;}
.whsKuaiKx{ width:0.01rem; height:0.26rem;}
.whybutW{ width:1.2rem;}
.whySK{padding:0.05rem 4%; margin-bottom:0.1rem; }
.whySIw{flex-direction: row-reverse;}
.whySIw .whySN{ text-align: left;}
.whySI{width:46%;}
.whySN{}
.whySN .IndTitP{ font-size:0.09rem; line-height:0.15rem;}
.whySNB{}
.whySNB .IndFbut{ margin:0;}
}
/*****************
-----WIFI VPN-----
*****************/
.wifbanC1{ background:#FFF; color:#000;}
.wifBanB{ top:85px; padding:0 20px;}
.wifBanB .NyBanF{width:670px; line-height:58px;}
.wifbanC{ margin-top:30px;}
.wifbanC .Indbuta{ margin:0;}
/*为什么公共Wi-Fi不安全*/
.WiFsetN{ width:100%;}
.WiFsetP{color:#000 ;width:100%; position: relative;}
.WiFsetP:before{display:block;content:'';position: absolute;background-image: url("../images/icon/duih01.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; left:0;}
/*黑客如何窥视任何wi-Fi网络*/
.WiFhei{background:#3d2a82; color:#FFF;}
.WiFheiN{text-align: center;}
.WiFheiP{width:100%;}
.WiFheiB{ background:#FFF; width: 100%;color:#000;}
/*如何保障Wi-Fi安全*/
.WiFIf .Indbuta{ display:flex;}
.WiFiJ{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #FFF; display: block;}
.WiFIfP{ background:linear-gradient(to right,#46338d,#311f73);color:#FFF;}
@media  screen and ( min-width:1440px){
.wifBanB{ top:85px; padding:0 20px;}
.wifBanB .NyBanF{width:670px; line-height:58px;}
.wifbanC{ margin-top:30px;}
.wifbanC .Indbuta{ margin:0;}
/*为什么公共Wi-Fi不安全*/
.WiFset{ padding:0 0 10px;}
.WiFsetN{ margin-top:80px;}
.WiFsetP{line-height:57px; margin-bottom:36px;font-size:30px;padding-left:80px;}
.WiFsetP:before{width:47px; height: 47px;top:5px;}
/*黑客如何窥视任何wi-Fi网络*/
.WiFheiK{padding:140px 0 70px; margin:20px auto 70px;}
.WiFheiN{padding-top:50px;font-size:30px; line-height:57px; letter-spacing:1px;}
.WiFheiP{padding:0 12% 100px}
.WiFheiN p{padding-bottom:15px;}
.WiFheiB{padding:0 30px; height: 136px; border-radius:68px;font-size:30px; margin-bottom:50px;}
/*如何保障Wi-Fi安全*/
.WiFIf{ padding:10px 0 80px;}
.WiFiJ{border-width:5px 0 5px 7px;}
.WiFIfN{ margin:70px auto;}
.WiFIfP{padding:20px 50px; margin-bottom:30px;}
.WiFIfP h3{ font-size:40px; line-height:50px}
.WiFIfP p{ font-size:26px; line-height:32px; margin-top:18px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.wifBanB{ top:75px; padding:0 18px;}
.wifBanB .NyBanF{width:640px; line-height:55px;}
.wifbanC{ margin-top:30px;}
.wifbanC .Indbuta{ margin:0;}
/*为什么公共Wi-Fi不安全*/
.WiFset{ padding:0 0 10px;}
.WiFsetN{ margin-top:70px;}
.WiFsetP{line-height:48px; margin-bottom:32px;font-size:26px;padding-left:70px;}
.WiFsetP:before{width:40px; height: 40px;top:4px;}
/*黑客如何窥视任何wi-Fi网络*/
.WiFheiK{padding:120px 0 60px; margin:15px auto 60px;}
.WiFheiN{padding-top:55px;font-size:26px; line-height:50px; letter-spacing:1px;}
.WiFheiP{padding:0 12% 80px}
.WiFheiN p{padding-bottom:13px;}
.WiFheiB{padding:0 28px; height: 120px; border-radius:60px;font-size:26px; margin-bottom:45px;}	
/*如何保障Wi-Fi安全*/
.WiFIf{ padding:10px 0 70px;}
.WiFiJ{border-width:5px 0 5px 7px;}
.WiFIfN{ margin:60px auto;}
.WiFIfP{padding:17px 45px; margin-bottom:25px;}
.WiFIfP h3{ font-size:35px; line-height:45px}
.WiFIfP p{ font-size:23px; line-height:30px; margin-top:12px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.wifBanB{ top:60px; padding:0 15px;}
.wifBanB .NyBanF{width:510px; line-height:45px;}
.wifbanC{ margin-top:24px;}
.wifbanC .Indbuta{ margin:0;}
/*为什么公共Wi-Fi不安全*/
.WiFset{ padding:0 0 8px;}
.WiFsetN{ margin-top:60px;}
.WiFsetP{line-height:42px; margin-bottom:20px;font-size:22px;padding-left:55px;}
.WiFsetP:before{width:32px; height:32px;top:5px;}
/*黑客如何窥视任何wi-Fi网络*/
.WiFheiK{padding:100px 0 50px; margin:10px auto 50px;}
.WiFheiN{padding-top:40px;font-size:22px; line-height:42px; letter-spacing:1px;}
.WiFheiP{padding:0 12% 80px}
.WiFheiN p{padding-bottom:15px;}
.WiFheiB{padding:0 26px; height: 110px; border-radius:55px;font-size:22px; margin-bottom:40px;}
/*如何保障Wi-Fi安全*/
.WiFIf{ padding:6px 0 60px;}
.WiFiJ{border-width:5px 0 5px 7px;}
.WiFIfN{ margin:40px auto 30px;}
.WiFIfP{padding:14px 35px; margin-bottom:22px;}
.WiFIfP h3{ font-size:30px; line-height:40px}
.WiFIfP p{ font-size:20px; line-height:25px; margin-top:10px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.wifBanB{ top:36px; padding:0 10px;}
.wifBanB .NyBanF{width:350px; line-height:30px;}
.wifbanC{ margin-top:15px;}
.wifbanC .Indbuta{ margin:0;}
/*为什么公共Wi-Fi不安全*/
.WiFset{ padding:0 0 6px;}
.WiFsetN{ margin-top:40px;}
.WiFsetP{line-height:32px; margin-bottom:20px;font-size:17px;padding-left:40px;}
.WiFsetP:before{width:26px; height:26px;top:3px;}
/*黑客如何窥视任何wi-Fi网络*/
.WiFheiK{padding:60px 0 30px; margin:5px auto 40px;}
.WiFheiN{padding-top:30px;font-size:17px; line-height:32px; letter-spacing:1px;}
.WiFheiP{padding:0 12% 50px}
.WiFheiN p{padding-bottom:10px;}
.WiFheiB{padding:0 15px; height:80px; border-radius:40px;font-size:16px; margin-bottom:30px;}
/*如何保障Wi-Fi安全*/
.WiFIf{ padding:4px 0 30px;}
.WiFiJ{border-width:4px 0 4px 6px;}
.WiFIfN{ margin:30px auto 20px;}
.WiFIfP{padding:9px 25px; margin-bottom:18px;}
.WiFIfP h3{ font-size:20px; line-height:30px}
.WiFIfP p{ font-size:15px; line-height:20px; margin-top:4px;}
}
@media only screen and (max-width:639px){
.wifBanB{ top:0.15rem; padding:0 5%;}
.wifBanB .NyBanF{width:64%; line-height:0.15rem;}
.wifbanC{ margin-top:0.06rem;}
.wifbanC .Indbuta{ margin:0;}
/*为什么公共Wi-Fi不安全*/
.WiFset{ padding:0 4% 0.01rem;}
.WiFsetN{ margin-top:0.18rem;}
.WiFsetP{line-height:0.2rem; margin-bottom:0.1rem;font-size:0.11rem;padding-left:0.18rem;}
.WiFsetP:before{width:0.14rem; height:0.14rem;top:0.02rem;}
/*黑客如何窥视任何wi-Fi网络*/
.WiFheiK{padding:0.3rem 4% 0.15rem; margin:0.04rem auto 0.2rem;}
.WiFheiN{padding-top:0.15rem;font-size:0.12rem; line-height:0.22rem;}
.WiFheiP{padding:0 0 0.3rem}
.WiFheiN p{padding-bottom:0.06rem;}
.WiFheiB{padding:0 4%; height:0.6rem; border-radius:0.3rem;font-size:0.12rem; margin-bottom:0.15rem;justify-content:center;align-content:center}
.WiFheiBa{ padding:0 2%; line-height:0.2rem}
/*如何保障Wi-Fi安全*/
.WiFIf{ padding:0.02rem 0 0.1rem;}
.WiFiJ{border-width:4px 0 4px 6px;}
.WiFIfN{ margin:0.12rem auto 0.15rem; width:92%}
.WiFIfP{padding:0.06rem 5.5%; margin-bottom:0.1rem;}
.WiFIfP h3{ font-size:0.12rem; line-height:0.2rem}
.WiFIfP p{ font-size:0.1rem; line-height:0.14rem; margin-top:0.03rem;}
}
/*****************
-----什么是VPN-----
*****************/
.whabanC{ background: linear-gradient(to right,#8e43b0,#d2527e); display: flex}
.whatJ{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #FFF; display: block;}
.whaSM{background:#FFF;}
.whaTitP{ color:#696969;}
.whycna{background:#FFF;display: block;text-align: center;}
.whycna img{display: block; margin:0 auto;}
.whycnp h3{ color:#333;}
.whycnp p{color:#696969;}
.whaDo{background:linear-gradient(to right,#493692,#2d1c6e);}
.whaDoD{background:#FFF;}
.whaDoN h3{font-weight:700; text-align: center;}
.whaDoDP{color:#000;}
@media  screen and ( min-width:1440px){
.whaBanB{top:80px;}
.whatJ{border-width: 9px 0 9px 12px; margin-left:3px;}
.whaSM{padding:60px 0 1px;}
.whaTitP{ font-size:20px;line-height:26px;}
.whycna{width:257px;height:274px;border-radius:20px;box-shadow:0 0 15px rgba(152,115,73,0.11);margin-bottom:30px; padding-top:15px;}
.whycna:hover{box-shadow:0 0 15px rgba(152,115,73,0.25);}
.whycna img{width:120px;}
.whycnp h3{font-size:18px; line-height:30px; padding:10px 10px 0;}
.whycnp p{font-size:12px; line-height:22px; padding:8px 10px 0;}
.whaDo{padding:80px 0 95px; margin-bottom:80px;}
.whaDoD{padding:52px 80px 15px; border-radius:30px; margin-top:45px;}
.whaDoN{padding-bottom:35px;}
.whaDoN h3{ font-size:40px;line-height:58px; height:58px; border-radius:29px; width: 356px; letter-spacing:3px;}
.whaDoDP{ font-size:26px;line-height:58px; margin-top: 25px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.whaBanB{top:60px;}
.whatJ{border-width: 8px 0 8px 11px; margin-left:3px;}
.whaSM{padding:50px 0 1px;}
.whaTitP{ font-size:18px;line-height:24px;}
.whycna{width:234px;height:250px;border-radius:18px;box-shadow:0 0 15px rgba(152,115,73,0.11);margin-bottom:22px; padding-top:15px;}
.whycna:hover{box-shadow:0 0 15px rgba(152,115,73,0.25);}
.whycna img{width:90px;}
.whycnp h3{font-size:17px; line-height:30px; padding:10px 8px 0;}
.whycnp p{font-size:12px; line-height:20px; padding:5px 8px 0;}
.whaDo{padding:70px 0 85px; margin-bottom:70px;}
.whaDoD{padding:45px 66px 12px; border-radius:26px; margin-top:40px;}
.whaDoN{padding-bottom:30px;}
.whaDoN h3{ font-size:35px;line-height:52px; height:52px; border-radius:26px; width: 310px; letter-spacing:3px;}
.whaDoDP{ font-size:23px;line-height:52px; margin-top: 20px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.whaBanB{top:40px;}
.whatJ{border-width: 7px 0 7px 10px; margin-left:1px;}
.whaSM{padding:40px 0 1px;}
.whaTitP{ font-size:16px;line-height:22px;}
.whycna{width:195px;height:200px;border-radius:16px;box-shadow:0 0 15px rgba(152,115,73,0.11);margin-bottom:16px; padding-top:10px;}
.whycna:hover{box-shadow:0 0 15px rgba(152,115,73,0.25);}
.whycna img{width:60px;}
.whycnp h3{font-size:16px; line-height:30px; padding:8px 5px 0;}
.whycnp p{font-size:12px; line-height:20px; padding:2px 5px 0;}
.whaDo{padding:55px 0 70px; margin-bottom:55px;}
.whaDoD{padding:40px 50px 10px; border-radius:22px; margin-top:35px;}
.whaDoN{padding-bottom:30px;}
.whaDoN h3{ font-size:30px;line-height:48px; height:48px; border-radius:24px; width:270px; letter-spacing:2px;}
.whaDoDP{ font-size:20px;line-height:44px; margin-top:16px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.whaBanB{top:28px;}
.whatJ{border-width:5px 0 5px 8px; margin-left:1px;}
.whaSM{padding:30px 0 1px;}
.whaTitP{ font-size:15px;line-height:20px;}
.whycn{ padding:30px 60px 0}
.whycna{width:225px;height:230px;border-radius:16px;box-shadow:0 0 15px rgba(152,115,73,0.11);margin-bottom:25px; padding-top:10px;}
.whycna:hover{box-shadow:0 0 15px rgba(152,115,73,0.25);}
.whycna img{width:80px;}
.whycnp h3{font-size:16px; line-height:30px; padding:8px 10px 0;}
.whycnp p{font-size:12px; line-height:20px; padding:2px 10px 0;}
.whaDo{padding:40px 0 50px; margin-bottom:40px;}
.whaDoD{padding:30px 35px 10px; border-radius:20px; margin-top:20px;}
.whaDoN{padding-bottom:25px;}
.whaDoN h3{ font-size:22px;line-height:40px; height:40px; border-radius:20px; width:200px; letter-spacing:2px;}
.whaDoDP{ font-size:15px;line-height:34px; margin-top:10px;}
}
@media only screen and (max-width:639px){
.whaBanB{top:0.12rem;}
.whaBanB .NyBanF{ line-height:0.13rem;}
.whatJ{border-width:4px 0 4px 6px;}
.whaSM{padding:0.1rem 0 0.01rem;}
.whaSM .aboDN{text-align: left;}
.whaSM .aboDN .IndTitD{ padding:0 4%;}
.whaTitP{ font-size:0.1rem;line-height:0.15rem;}
.whycna{width:48.5%;height:1.5rem;border-radius:0.08rem;box-shadow:0 0 15px rgba(152,115,73,0.11);margin-bottom:0.1rem; padding-top:0.1rem;}
.whycna img{width:0.4rem;}
.whycnp h3{font-size:0.13rem; line-height:0.2rem; padding:0.06rem 3% 0;}
.whycnp p{font-size:0.1rem; line-height:0.16rem; padding:0.02rem 3% 0;}
.whycna{width:100%; height:0.7rem;border-radius:0.08rem;box-shadow:0 0 15px rgba(152,115,73,0.11); margin-bottom:0.1rem;display:flex;justify-content:space-between;align-items:center; padding:0 4%;flex-direction:row-reverse}
.whycna img{width:0.34rem; margin-left:2%;}
.whycnp{text-align:right; width:100%;flex:1; padding-right: 0.06rem;}
.whycnp h3{font-size:0.125rem; line-height:0.16rem; margin-bottom:0.01rem;}
.whycnp p{font-size:0.09rem; line-height:0.13rem; margin-top: 0.02rem;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.whaDo{padding:0.18rem 4% 0.26rem; margin-bottom:0.2rem;}
.whaDoD{padding:0.18rem 6% 0.05rem; border-radius:0.1rem; margin-top:0.06rem;}
.whaDoN{padding-bottom:0.1rem;}
.whaDoN h3{ font-size:0.13rem;line-height:0.26rem; height:0.26rem; border-radius:0.13rem; width:1.1rem;}
.whaDoDP{ font-size:0.1rem;line-height:0.2rem; margin-top:0.08rem;}
}
/*****************
-----安全 VPN-----
*****************/
.safBan{background-image: url('../images/pic/safBan.jpg');}
.safBNr{text-align: justify;}
@media  screen and ( min-width:1440px){
.safBan{height:691px;}
.safBanB{ top:140px;}
.safBanB .NyBanF{width:630px;}
.safBNp{ padding-bottom:55px;}	
.safBNp .IndTitD{ padding-bottom: 15px;}	
.safBNr{font-size:28px; line-height:57px;}
.safBNr p{ margin-bottom:35px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.safBan{height:580px;}
.safBanB{ top:120px;}
.safBanB .NyBanF{width:550px;}
.safBNp{ padding-bottom:50px;}	
.safBNp .IndTitD{ padding-bottom: 12px;}	
.safBNr{font-size:24px; line-height:50px;}
.safBNr p{ margin-bottom:30px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.safBan{height:460px;}
.safBanB{ top:110px;}
.safBanB .NyBanF{width:420px;}
.safBNp{ padding-bottom:40px;}	
.safBNp .IndTitD{ padding-bottom: 10px;}
.safBNr{font-size:20px; line-height:40px;}
.safBNr p{ margin-bottom:25px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.safBan{height:330px;}
.safBanB{ top:90px;}
.safBanB .NyBanF{width:330px;}
.safBNp{ padding-bottom:30px;}	
.safBNp .IndTitD{ padding-bottom:6px;}
.safBNr{font-size:16px; line-height:32px;}
.safBNr p{ margin-bottom:16px;}
}
@media only screen and (max-width:639px){
.safBan{}
.safBanB{ top:0.25rem; padding:0 6%}
.safBanB .NyBanF{width:50%;}
.safBNp{ padding:0 4% 0.2rem}	
.safBNp .IndTitD{ padding-bottom:0.04rem;}
.safBNr{font-size:0.11rem; line-height:0.2rem;}
.safBNr p{ margin-bottom:0.1rem;}
}
/*****************
-----Windows VPN-----
*****************/
.winban{background-image: url('../images/pic/winban.png'); color:#232323;}
.winFb{ position:absolute;}
.winFb .IndFbH{ width:100%;}
.winFbut{text-align: center; display: block;}
.winXinK a{align-content:center}
.winXinK a img{ width:auto;display:block;}
.winshiI img{width:100%;}
.winshiN{ flex: 1; width:100%; text-align: right;}
.Winexp{ background:#3d2a82; color:#FFF; text-align: center;}
.Winexp .IndTitZ{color:#FFF}
@media  screen and ( min-width:1440px){
.winban{height:800px;}
.winbanB{top:110px;}
.winFb{ bottom:10px;left:50%;width:600px;}
.winFbut{ line-height:62px;width:226px; font-size:26px; border-radius:31px;margin-left: 40px;}
.winXin{ padding-top:40px}
.winXinK{padding-top:50px}
.winXinK a{ height:122px; width: 19.8%; border:2px solid #000;}
.winXinK a img{height: 94px;}
.winshi{padding:100px 0;}
.winshiI{width:417px; margin-left: 70px;}
.winshiN{ margin-left:65px;}
.winshiN .IndP{ padding-left:0; padding-right:35px;}
.winshiN .IndP:before{left:auto;right:0;}
.winYin{ padding-bottom:70px;}
.IndTitDz span{ display:block;}
.winYinN{padding-top:40px;}
.winYinN .IndP{padding-left:0; margin-bottom:55px;}
.winYinN .IndP:before{position:static; margin-right:10px;}
.winshiN{ flex: 1; width:100%; text-align: right;}
.Winexp{padding:50px 0;}
.Winexp .IndbanB{ margin:50px auto 20px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.winban{height:680px;}
.winbanB{top:90px;}
.winFb{ bottom:8px;left:50%;width:540px;}
.winFbut{ line-height:54px;width:205px; font-size:23px; border-radius:27px;margin-left:35px;}
.winXin{ padding-top:30px}
.winXinK{padding-top:40px}
.winXinK a{ height:106px; width: 19.8%; border:2px solid #000;}
.winXinK a img{height:84px;}
.winshi{padding:85px 0;}
.winshiI{width:360px; margin-left:60px;}
.winshiN{ margin-left:55px;}
.winshiN .IndP{ padding-left:0; padding-right:32px;}
.winshiN .IndP:before{left:auto;right:0;}
.winYin{ padding-bottom:60px;}
.IndTitDz span{ display:block;}
.winYinN{padding-top:30px;}
.winYinN .IndP{padding-left:0; margin-bottom:40px;}
.winYinN .IndP:before{position:static; margin-right:8px;}
.Winexp{padding:42px 0;}
.Winexp .IndbanB{ margin:42px auto 16px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.winban{height:550px;}
.winbanB{top:60px;}
.winFb{ bottom:8px;left:50%;width:450px;}
.winFbut{ line-height:48px;width:180px; font-size:20px; border-radius:24px;margin-left:25px;}
.winXin{ padding-top:20px}
.winXinK{padding-top:30px}
.winXinK a{ height:94px; width: 19.8%; border:1px solid #000;}
.winXinK a img{height:72px;}
.winshi{padding:70px 0;}
.winshiI{width:320px; margin-left:40px;}
.winshiN{ margin-left:40px;}
.winshiN .IndP{ padding-left:0; padding-right:30px;}
.winshiN .IndP:before{left:auto;right:0;}
.winYin{ padding-bottom:50px;}
.IndTitDz span{ display:block;}
.winYinN{padding-top:24px;}
.winYinN .IndP{padding-left:0; margin-bottom:32px;}
.winYinN .IndP:before{position:static; margin-right:7px;}
.Winexp{padding:36px 0;}
.Winexp .IndbanB{ margin:36px auto 10px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.winban{height:440px;}
.winbanB{top:35px;}
.winFb{ bottom:8px;left:50%;width:300px;}
.winFbut{ line-height:40px;width:130px; font-size:16px; border-radius:20px;margin-left:15px;}
.winXin{ padding-top:10px}
.winXinK{padding-top:20px}
.winXinK a{ height:68px; width: 19.8%; border:1px solid #000;}
.winXinK a img{height:48px;}
.winshi{padding:50px 0;}
.winshiI{width:230px; margin-left:15px;}
.winshiN{ margin-left:15px;}
.winshiN .IndP{ padding-left:0; padding-right:25px;}
.winshiN .IndP:before{left:auto;right:0;}
.winYin{ padding-bottom:40px;}
.IndTitDz span{ display:block;}
.winYinN{padding-top:18px;}
.winYinN .IndP{padding-left:0; margin-bottom:25px;}
.winYinN .IndP:before{position:static; margin-right:6px;}
.Winexp{padding:30px 0;}
.Winexp .IndbanB{ margin:30px auto 5px;}
}
@media only screen and (max-width:639px){
.winban{background:none;}
.winbanB{top:0.15rem; padding:0 4%;}
.winbanB .nolbanS {padding-top:0.04rem;}
.winbanB .IndP{ margin-bottom:0; font-size:0.09rem;line-height: 0.18rem}
.winbanB .IndP:before{top:0.03rem;}
.winFb{ bottom:0.03rem;left:42%;width:55%;}
.winFbut{ line-height:0.22rem;width:40%; font-size:0.1rem; border-radius:0.11rem;margin-left:4%;}
.winXin{ padding-top:0.08rem}
.winXinK{padding:0.1rem 4% 0}
.winXinK a{ height:0.4rem; width: 19.8%; border:0.01rem solid #000;}
.winXinK a img{height:0.25rem;}
.winshi{padding:0.2rem 0;}
.winshiI{width:1.1rem; margin-left:1%;}
.winshiN{ margin-left:0; margin-right:3.5%}
.winshiN .IndP{ padding-left:0; padding-right:0.15rem;}
.winshiN .IndP:before{left:auto;right:0;}
.winYin{ padding-bottom:0.2rem;}
.IndTitDz span{ display:block;}
.winYinN{padding-top:0.1rem;}
.winYinN .IndP{ padding-left:0; margin-bottom:0.1rem;}
.winYinN .IndP:before{position:static; margin-right:0.04rem;}
.winones{padding-bottom:0;}
.winones .IndoneA{width:20%;}
.Winexp{padding:0.2rem 0;}
.Winexp .IndbanB{ margin:0.2rem auto 0.02rem;}
}
/*********************
--------常见问题-------
**********************/
.Heplban{}
.HeplbanK:before,.HeplbanK:after{display:block;content:'';position: absolute;background-position:bottom center; background-repeat: no-repeat; background-size: 100%;bottom:0;}
.HeplbanK:before{ background-image: url("../images/pic/Heplban01.png");left:0;}
.HeplbanK:after{ background-image: url("../images/pic/Heplban02.png");right:0;}
.HeplbanB .NyBanH{color:#FFF; text-align: center;}
.HelClaZ{display: block; background:#FFF;}
.HelClaI{border-radius: 50%; margin:0 auto; background:#3d2a82}
.HelClaI img{width:100%; display: block;}
.HelClaP{color:#000;text-align: center;}
@media  screen and ( min-width:1440px){
.Heplban{height:590px;}
.HeplbanK:before{ width:181px; height:362px;}
.HeplbanK:after{ width:52px; height:55px;}
.HeplbanB .NyBanH{ padding-top: 120px;}
.HelCla{position:absolute;z-index:1;bottom:-240px;right:0;left:0; margin:0 auto;}
.HelClaN{padding:0 24px;}
.HelClaZ{width:255px; height:355px; padding:30px 15px 20px; border-radius:6px;}
.HelClaI{ width:92px; height:92px;}
.HelClaP{padding-top:20px;}
.HelClaP h3{ font-size:24px; line-height:36px; margin-bottom:10px;}
.HelClaP p{ font-size:17px; line-height:30px;}
.helpDK{ padding-top: 350px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.Heplban{height:490px;}
.HeplbanK:before{ width:150px; height:322px;}
.HeplbanK:after{ width:48px; height:50px;}
.HeplbanB .NyBanH{ padding-top: 100px;}
.HelCla{position:absolute;z-index:1;bottom:-210px;right:0;left:0; margin:0 auto;}
.HelClaN{padding:0 20px;}
.HelClaZ{width:230px; height:305px; padding:25px 12px 15px; border-radius:5px;}
.HelClaI{ width:80px; height:80px;}
.HelClaP{padding-top:18px;}
.HelClaP h3{ font-size:20px; line-height:36px; margin-bottom:6px;}
.HelClaP p{ font-size:16px; line-height:28px;}
.helpDK{ padding-top: 310px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.Heplban{height:390px;}
.HeplbanK:before{ width:120px; height:282px;}
.HeplbanK:after{ width:42px; height:45px;}
.HeplbanB .NyBanH{ padding-top:80px;}
.HelCla{position:absolute;z-index:1;bottom:-170px;right:0;left:0; margin:0 auto;}
.HelClaN{padding:0 16px;}
.HelClaZ{width:195px; height:255px; padding:20px 10px 12px; border-radius:5px;}
.HelClaI{ width:70px; height:70px;}
.HelClaP{padding-top:15px;}
.HelClaP h3{ font-size:18px; line-height:26px; margin-bottom:6px;}
.HelClaP p{ font-size:14px; line-height:25px;}
.helpDK{ padding-top:260px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.Heplban{height:300px;}
.HeplbanK:before{ width:100px; height:212px;}
.HeplbanK:after{ width:38px; height:40px;}
.HeplbanB .NyBanH{ padding-top:60px;}
.HelCla{position:absolute;z-index:1;bottom:-150px;right:0;left:0; margin:0 auto;}
.HelClaN{padding:0;}
.HelClaZ{width:140px; height:235px; padding:16px 10px 12px; border-radius:7px;}
.HelClaI{ width:52px; height:52px;}
.HelClaP{padding-top:12px;}
.HelClaP h3{ font-size:16px; line-height:26px; margin-bottom:2px;}
.HelClaP p{ font-size:12px; line-height:22px;}
.helpDK{ padding-top:210px;}
}
@media only screen and (max-width:639px){
.HeplbanK{ padding:0.15rem 4% 0.1rem}
.HeplbanK:before{ width:1rem; height:2rem;}
.HeplbanK:after{ width:38px; height:40px;}
.HeplbanB{ position: static;padding:0.25rem 0 0.1rem}
.HeplbanB .NyBanH{}
.HelCla{background:#FFF; border-radius:0.1rem; padding:0.05rem 4% 0.12rem; }
.HelClaN{padding-top:0.1rem;}
.HelClaZ{width:100%; padding:0.04rem 4%; border-radius:0.06rem; margin-bottom:0.06rem;display:flex;justify-content:space-between;align-items:center; background:#fafafa;}
.HelClaI{ width:0.3rem; height:0.3rem;}
.HelClaP{ flex:1; margin-left:0.1rem; width:100%; text-align: left}
.HelClaP h3{ font-size:0.12rem; font-weight:700; line-height:0.16rem; margin-bottom:0.02rem;}
.HelClaP p{ font-size:0.09rem; line-height:0.15rem;}
.helpDK{ padding-top:0.2rem;}
}
/*********************
--------免责声明-------
**********************/
.zheDK{ position: relative; text-align: center; background-image: url("../images/pic/serban.jpg"); height: auto; }
.zheDN{ background:#FFF;z-index:2; position: relative;color:#000;}
@media  screen and ( min-width:1440px){
.zheDK{ padding:175px 0 50px;background-position: center -78px;   background-size:auto 748px;}
.zheDN{border-radius:18px; box-shadow:0 0 15px rgba(14,12,34,0.1); padding:50px 40px 30px;}
.zheDP{line-height:60px; padding:30px 0 60px;}
.zheDP h3{ font-size:40px; margin-bottom:20px;}
.zheDP p{ font-size: 30px; }
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.zheDK{ padding:160px 0 45px;background-position: center -78px;   background-size:auto 648px;}
.zheDN{border-radius:15px; box-shadow:0 0 14px rgba(14,12,34,0.1); padding:45px 35px 25px;}
.zheDP{line-height:50px; padding:20px 0 50px;}
.zheDP h3{ font-size:35px; margin-bottom:15px;}
.zheDP p{ font-size:25px; }
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.zheDK{ padding:130px 0 40px;background-position: center -10px;   background-size:auto 500px;}
.zheDN{border-radius:13px; box-shadow:0 0 12px rgba(14,12,34,0.1);padding:40px 30px 20px;}
.zheDT{ font-size:44px; line-height:54px;}
.zheDP{line-height:40px; padding:10px 0 40px;}
.zheDP h3{ font-size:28px;margin-bottom:10px;}
.zheDP p{ font-size:20px; }
}
@media screen and (max-width:959px ) and ( min-width:640px){
.zheDK{ padding:100px 0 35px;background-position: center top;   background-size:auto 400px;}
.zheDN{border-radius:10px; box-shadow:0 0 10px rgba(14,12,34,0.1); padding:30px 25px 10px;}
.zheDT{ font-size:32px; line-height:40px;}
.zheDP{line-height:28px; padding:5px 0 30px;}
.zheDP h3{ font-size:22px; margin-bottom:4px;}
.zheDP p{ font-size:15px; }
}
@media only screen and (max-width:639px){
.zheDK{ padding:100px 0 35px;background-position: center top; background-size:100%; background-image: url("../images/pic/wapserban.jpg");  background-size:100%;}
.zheDK{ padding:0.3rem 5% 0.2rem;}
.zheDK:before{height:0.8rem;}
.zheDN{border-radius:0.06rem; box-shadow:0 0 10px rgba(14,12,34,0.1); padding:0.2rem 4.5%;}
.zheDP{line-height:0.2rem; padding:0.05rem 0;}
.zheDP h3{ font-size:0.12rem; line-height:0.22rem; margin-bottom:0.02rem; font-weight:700;}
.zheDP p{ font-size:0.1rem; }
}
/*********************
-------条款和条件------
**********************/
.terBan{background-image: url('../images/pic/terBan.jpg');}
.terNR{color:#000;padding-top:0;}
.ternP{ color:#000;text-align: justify;}
.ternTit{font-weight:550;}
.ternD{width: 100%; position: relative;}
.ternDs{width: 100%; position: relative;}
@media  screen and ( min-width:1440px){
.terBan{height: 898px;}
.terBanB{top:250px;}
.terBanP{ font-size:24px; line-height:45px; width: 450px;}
.terNR{line-height:44px;}
.ternP{font-size:24px; line-height:44px; margin-top:25px;}
.ternTit{ font-size: 30px; line-height:44px; margin-top:60px;}
.ternDs{padding-left:24px; margin-bottom:20px;}
.ternDs:before{width:14px; height:14px;top:15px;}
.ternDs:last-child{ margin-bottom:0}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.terBan{height:760px;}
.terBanB{top:210px;}
.terBanP{ font-size:22px; line-height:42px; width: 410px;}
.terNR{line-height:40px;}	
.ternP{font-size:21px; line-height:40px; margin-top:20px; }
.ternTit{ font-size:28px; line-height:40px; margin-top:52px;}
.ternDs{padding-left:24px; margin-bottom:16px;}
.ternDs:before{width:12px; height:12px;top:12px;}
.ternDs:last-child{ margin-bottom:0}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.terBan{height:620px;}
.terBanB{top:160px;}
.terBanP{ font-size:19px; line-height:38px; width:350px;}
.terNR{line-height:32px;}	
.ternP{font-size:18px; line-height:32px; margin-top:15px; }
.ternTit{ font-size:24px; line-height:32px; margin-top:42px;}
.ternDs{padding-left:20px; margin-bottom:12px;}
.ternDs:before{width:10px; height:10px;top:10px;}
.ternDs:last-child{ margin-bottom:0}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.terBan{height:460px;}
.terBanB{top:120px;}
.terBanP{ font-size:16px; line-height:32px; width:300px;}
.terNR{line-height:28px;}
.ternP{font-size:16px; line-height:28px; margin-top:10px; }
.ternTit{ font-size:20px; line-height:28px; margin-top:30px;}
.ternDs{padding-left:15px; margin-bottom:9px;}
.ternDs:before{width:8px; height:8px;top:9px;}
.ternDs:last-child{ margin-bottom:0}
}
@media only screen and (max-width:639px){
.terBan{}
.terBanB{top:0.18rem; padding:0 5%;}
.terBanP{ font-size:0.09rem; line-height:0.16rem; width:55%;}
.terNR{padding:0 4% 0;line-height:0.2rem;}
.ternP{font-size:0.11rem; line-height:0.2rem; margin-top:0.06rem; }	
.ternTit{ font-size:0.13rem; line-height:0.2rem; margin-top:0.14rem;}	
.ternDs{padding-left:0.1rem; margin-bottom:0.04rem;}
.ternDs:before{width:0.06rem; height:0.06rem;top:0.06rem;}
.ternDs:last-child{ margin-bottom:0}
}
/*********************
--------隐私政策-------
**********************/
.priTab{border:1px solid #000;}
.priTab tr th,.priTab tr td{ color:#000;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box; font-weight:normal; border-left:1px solid #000;}
.priTab tr th:first-child,.priTab tr td:first-child{border-left:none;}
.priTab tr td{border-top:1px solid #000; }
@media  screen and ( min-width:1440px){
.PrinY{ font-size:20px;margin-top:25px;}
.ternY{padding-left: 18px;}
.priTab{margin-top:25px;}
.priTab tr th,.priTab tr td{font-size: 23px;padding:15px 6px;line-height:33px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.PrinY{ font-size:18px;margin-top:20px;}
.ternY{padding-left: 18px;}
.priTab{margin-top:20px;}
.priTab tr th,.priTab tr td{font-size: 20px;padding:15px 6px;line-height:30px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.PrinY{ font-size:18px;margin-top:15px;}
.ternY{padding-left:14px;}
.priTab{margin-top:15px;}
.priTab tr th,.priTab tr td{font-size:16px;padding:13px 5px;line-height:28px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.PrinY{ font-size:16px;margin-top:10px;}
.ternY{padding-left:10px;}
.priTab{margin-top:10px;}
.priTab tr th,.priTab tr td{font-size:14px;padding:11px 5px;line-height:22px;}
}
@media only screen and (max-width:639px){
.PrinY{ font-size:0.1rem;margin-top:0.06rem;}
.ternY{padding-left:0.08rem;}
.priTab{margin-top:0.08rem;}
.priTab tr th,.priTab tr td{font-size:0.09rem;padding:0.08rem 0.02rem;line-height:0.16rem;}
}
/*****************
-----联系我们-----
*****************/
.conban{background-image: url('../images/pic/cenBan.png');}
.conDDa{background:#FFF;}
.conDDaP{ text-align: center; color:#101010;}
.conDDaP h3{font-weight:700;}
.conDN{background:#FFF;color:#1c1c1c;}
.conDNH h3{font-weight:700;}
.conDNP{flex:1; width:100%;text-align: right}
@media  screen and ( min-width:1440px){
.conban{height:895px;}
.conbanB{top:240px;}
.conDK{ padding-bottom:90px;}
.conDD{padding:55px 48px 0;}
.conDDa{ width:298px; height:280px; border-radius:15px;padding-top:36px;}
.conDDa img{width:100px; display: block; margin: 0 auto 35px;}
.conDDaP h3{ font-size:24px;line-height:34px; margin-bottom:8px;}
.conDDaP p{ font-size:18px; line-height:25px;}
.conDN{padding:10px 45px; border-radius: 15px; margin-bottom: 26px; height: 170px;}
.conDNH{}
.conDNH h3{ font-size:40px; line-height:54px; margin-bottom:10px;}
.conDNH p{ font-size:24px;line-height:32px;}
.conDNP{ font-size:30px;margin-left: 15px; line-height:50px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.conban{height:750px;}
.conbanB{top:220px;}
.conDK{ padding-bottom:80px;}
.conDD{padding:50px 44px 0;}
.conDDa{ width:270px; height:252px; border-radius:12px;padding-top:30px;}
.conDDa img{width:90px; display: block; margin: 0 auto 30px;}
.conDDaP h3{ font-size:22px;line-height:30px; margin-bottom:8px;}
.conDDaP p{ font-size:16px; line-height:22px;}
.conDN{padding:10px 38px; border-radius: 12px; margin-bottom: 20px; height: 145px;}
.conDNH{}
.conDNH h3{ font-size:35px; line-height:40px; margin-bottom:10px;}
.conDNH p{ font-size:20px;line-height:26px;}
.conDNP{ font-size:26px;margin-left: 12px; line-height:40px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.conban{height:610px;}
.conbanB{top:190px;}
.conDK{ padding-bottom:65px;}
.conDD{padding:40px 35px 0;}
.conDDa{ width:238px; height:220px; border-radius:9px;padding-top:27px;}
.conDDa img{width:76px; display: block; margin: 0 auto 26px;}
.conDDaP h3{ font-size:18px;line-height:28px; margin-bottom:6px;}
.conDDaP p{ font-size:14px; line-height:22px;}
.conDN{padding:6px 28px; border-radius:9px; margin-bottom:15px; height: 120px;}
.conDNH{}
.conDNH h3{ font-size:30px; line-height:40px; margin-bottom:8px;}
.conDNH p{ font-size:18px;line-height:22px;}
.conDNP{ font-size:22px;margin-left: 10px; line-height:34px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.conban{height:480px;}
.conbanB{top:150px;}
.conDK{ padding-bottom:50px;}
.conDD{padding:25px 20px 0;}
.conDDa{ width:170px; height:160px; border-radius:6px;padding-top:20px;}
.conDDa img{width:50px; display: block; margin: 0 auto 18px;}
.conDDaP h3{ font-size:15px;line-height:24px; margin-bottom:3px;}
.conDDaP p{ font-size:12px; line-height:20px;}
.conDN{padding:4px 20px; border-radius:6px; margin-bottom:12px; height:96px;}
.conDNH{}
.conDNH h3{ font-size:25px; line-height:30px; margin-bottom:6px;}
.conDNH p{ font-size:14px;line-height:18px;}
.conDNP{ font-size:18px;margin-left: 10px; line-height:24px;}
}
@media only screen and (max-width:639px){
.conban{}
.conbanB{top:0.6rem; padding:0 5%;}
.conDK{ padding-bottom:0.2rem;}
.conDD{padding:0.15rem 3% 0;}
.conDDa{ width:32%; height:0.9rem; border-radius:0.05rem;padding-top:0.1rem;}
.conDDa img{width:0.26rem; display: block; margin: 0 auto 0.06rem;}
.conDDaP h3{ font-size:0.11rem;line-height:0.18rem; margin-bottom:0.02rem;}
.conDDaP p{ font-size:0.09rem; line-height:0.14rem;}
.conDN{padding:0.04rem 4%; border-radius:0.05rem; margin-bottom:0.08rem; height:0.66rem;}
.conDNH{ width:46%}
.conDNH h3{ font-size:0.14rem; line-height:0.2rem; margin-bottom:0.03rem;}
.conDNH p{ font-size:0.09rem;line-height:0.12rem;}
.conDNP{ font-size:0.11rem;margin-left:0.03rem; line-height:0.16rem;}
}
/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/

