@charset "utf-8";
/* CSS Document */
@import url(/css/public.cssv);
.headerWrap.on{ top: -67px;}
.floorNavBox {width: 100%;height: 50px;}
.floorNavBox .hd {width: 100%;height: 50px;background: #322d33;position: fixed;top: 67px;}
.floorNavBox.on .hd {position: fixed;top: 0px;z-index: 100;}
.floorNav { }
.floorNav ul+a{float: right;background: #00b8b8;color: #fff;padding: 0 40px;line-height: 34px;margin-top: 8px;border-radius: 34px;}
.floorNav ul{float: left;}
.floorNav li {float: left;/* width: 25%; */text-align: center;}
.floorNav li a {display: block;height: 50px;line-height: 50px;color: #fff;font-weight: bold;padding: 0 30px;margin: 0;border-radius: 0;}
.floorNav li.on a,.floorNav li.on a:hover {/* border-bottom: 2px solid #00b8b8; */color: #fff;background: #00b8b8;}
.floorNav li a:hover{background: rgba(95, 95, 95, 0.3);}
.plans_title { color: #000; text-align: center; PADDING: 70PX 0 60px; }
.plans_title h2 { font-size: 40px; line-height: 1; font-weight: bold; }
.plans_title p { font-size: 20px; line-height: 35px; padding: 20px 0 0 0; }
.plans_sub1 { height: 730px; position: relative;}
.plans_sub2 { background: #eff0f4; padding-bottom: 70px; }
.plans_sub2 ul { margin: 0 -25px; }
.plans_sub2 li { float: left; width: 33.33333%; padding: 0 25px; }
.plans_sub2 li a { display: block; text-align: center; border-radius: 4px; }
.plans_sub2 li a span { display: inline-block; line-height: 36px; font-size: 18px; color: #5d5d5d; background: #fff; border-radius: 40px; border: 2px solid #000; min-width: 150px; padding: 0 25px; margin-bottom: 25px; }
.plans_sub2 li a .bd { }
.plans_sub2 li a .pic { border-radius: 4px 4px 0 0; overflow: hidden; position: relative; }
.plans_sub2 li a .pic img { width: 100%; }
.plans_sub2 li a .pic .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 22; opacity: 0; }
.plans_sub2 li a .pic .mask i { width: 76px; height: 76px; border: 5px solid rgba(255, 255, 255, .2); BORDER-RADIUS: 76PX; LINE-HEIGHT: 66px; color: #fff; background: #3554df; font-size: 20px; }
.plans_sub2 li a .text { background: #fff; border-radius: 0 0 4px 4px; overflow: hidden; padding: 30px 0 30px; }
.plans_sub2 li a .text h3 { font-weight: bold; color: #393939; font-size: 20px; line-height: 1; margin-bottom: 15px; }
.plans_sub2 li a .text p { font-size: 16px; line-height: 1; color: #868686; }
.plans_sub2 li a:hover .bd { box-shadow: 0px 0px 7px 4px #d3d3d3; }
.plans_sub2 li a:hover .mask { opacity: 1; }
.plans_sub2 li a:hover .mask i { transform: rotate(180deg) translate(50%, 50%); }
.plans_sub3 { padding-bottom: 70px; }
.plans_sub3 ul { margin: 0 -15px; }
.plans_sub3 li { padding: 0 15px; float: left; width: 33.333%; }
.plans_sub3 li .box {  display: block; min-height: 240px; border-radius: 4px; padding: 30px 20px 0; font-size: 16px; color: #868686; line-height: 1.9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9Fffffff,endColorstr=#9Fffffff); background: #fff; 
background: rgba(255, 255, 255, 0.9);
}
.plans_sub3 h3 { font-size: 20px; font-weight: bold; color: #000; line-height: 1.5;/* height: 60px; */ }
.plans_sub3 p { padding: 15px 0 0 0; }
.plans_sub4 { background: #eff0f4; padding-bottom: 40px; }
.plans_sub4 .right { float: right; width: 615px; }
.plans_sub4 .left { float: left; width: 657px; }
.plans_sub4 .hd { font-size: 16px; color: #868686; height: 175px; padding: 50px 0 0 0; }
.plans_sub4 .hd h3 { font-size: 20px; font-weight: bold; color: #000; line-height: 1; margin-bottom: 20px; }
.plans_sub4 ul { }
.plans_sub4 li { float: left; width: 219px; height: 201px; border: 1px solid #e6e6e6; margin: -1px 0 0 -1px; background: url(img/004-01.gif) no-repeat center center; text-align: center; font-size: 15px; line-height: 25px; color: #868686; }
.plans_sub4 li h3 { font-size: 18px; font-weight: bold; color: #000; padding: 40px 0 15px; }
.plans_sub4 li:nth-of-type(2) { background: url(img/004-02.gif) no-repeat center center; }
.plans_sub4 li:nth-of-type(3) { background: url(img/004-03.gif) no-repeat center center; }
.plans_sub4 li:nth-of-type(4) { background: url(img/004-04.gif) no-repeat center center; }
.plans_sub4 li:nth-of-type(5) { background: url(img/004-05.gif) no-repeat center center; }
.plans_sub4 li:nth-of-type(6) { background: url(img/004-06.gif) no-repeat center center; }
.plans_sub5 { height: 752px; position: relative; }
.plans_sub5 .plans_title { position: absolute; text-align: center; width: 100%; z-index: 99; }
.plans_sub5 .plans_title h2 { color: #fff; }
.plans_sub5 .tabBox { position: absolute; width: 100%; text-align: center; z-index: 99; top: 211px; }
.plans_sub5 .tabs { display: inline-block; border-radius: 48px; overflow: hidden; border: 1px solid #fff; }
.plans_sub5 .tabs a { display: block; line-height: 46px; border-left: 1px solid #fff; float: left; padding: 0 45px; color: #fff; margin-left: -1px; font-size: 16px; }
.plans_sub5 .tabs a:hover { background: rgba(21, 202, 196, 0.5); }
.plans_sub5 .tabs a.on { background: #15cac4; }
.plans_sub5 ul { }
.plans_sub5 li { height: 752px; background-size: cover; background-position: center center; position: relative; }
.plans_sub5 li p { position: absolute; text-align: center; color: #fff; font-size: 16px; line-height: 26px; max-width: 900px; left: 0; top: 134px; left: 50%; transform: translateX(-50%); }
.plans_sub5 li img { }
.plans_sub6 { background: url(img/006Bg.jpg) no-repeat center bottom #c3c9d5; padding: 0 0 100px; min-height: 900px; }
.plans_sub6 .swiper-container { background: #fff; border: 5px solid #394b6d; border-radius: 5px; }
.plans_sub6 ul { }
.plans_sub6 li { height: 600px; background-size: cover; background-position: center center; position: relative; }
.plans_sub6 li .text { padding: 100px 500px 0 140px; font-size: 20px; color: #000; line-height: 1.8; }
.plans_sub6 li .hd { font-size: 30px; color: #96969a; line-height: 1.5; margin-bottom: 20px; }
.plans_sub6 li .hd strong { color: #000; }
.plans_sub6 li .hd p { }
.plans_sub6 li a{ display: block; height: 100%}
.plans_sub6 .swiper-button-prev, .plans_sub6 .swiper-button-next { background: none; color: #474747; font-weight: bold; font-size: 18px; text-align: center; border: 2px solid #959595; width: 40px; height: 40px; border-radius: 40px; line-height: 40px; background: none; bottom: 60px; top: auto; }
.plans_sub6 .swiper-button-prev:hover, .plans_sub6 .swiper-button-next:hover { background: #394b6d; border-color: #394b6d; color: #fff; }
.plans_sub6 .swiper-button-prev { left: 130px; }
.plans_sub6 .swiper-button-next { left: 180px; }
.plans_sub7{ background: url(img/007Bg.jpg) no-repeat center center ;background-size: cover; 
    -ms-behavior: url(/lib/backgroundsize.min.htc);
    behavior: url(/lib/backgroundsize.min.htc);
}