html, body {position: relative;height: 100%; font-family: "微软雅黑";background: #fff;}
body {background: #eee;font-family: "微软雅黑";font-size: 16px;color:#fff;margin: 0;padding: 0;overflow: hidden;width: 100%;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #000;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/*进度点处理*/
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 19px 3px;}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet-active{margin: 19px 0px;}
.swiper-pagination-bullet {width: 10px;height:10px;background: #fff;opacity: 1; background:url(../images/pic02.png) 0 -52px no-repeat ; background-size: 833px; }
.swiper-pagination-bullet-active {width:16px;height: 16px;opacity: 1;background: #288ce2;background:url(../images/pic02.png) 0 0px no-repeat ; background-size: 833px; }
.swiper-container-vertical > .swiper-pagination-bullets{right: 57px;}
/*进度点处理*/
/* swiper bg*/
.page1{width: 100%; height: 100%;position: relative; background:url(../images/pin01.jpg) center 0 no-repeat ; background-size: cover;}
.page2{width: 100%; height: 100%;position: relative;background:url(../images/pin02.jpg) center 0 no-repeat ; background-size: cover;}
.page3{width: 100%; height: 100%;position: relative;background:url(../images/pin03.jpg) center 0 no-repeat ; background-size: cover;}
.page4{width: 100%; height: 100%;position: relative;background:url(../images/pin04.jpg) center 0 no-repeat ; background-size: cover;}
.page5{width: 100%; height: 100%;position: relative;background:url(../images/pin05.jpg) center 0 no-repeat ; background-size: cover;}
.page6{width: 100%; height: 100%;position: relative;background:url(../images/pin06.jpg) center 0 no-repeat ; background-size: cover;}
.page7{width: 100%; height: 100%;position: relative;background:url(../images/pin07.jpg) center 0 no-repeat ; background-size: cover;}
#jzPro6Container {position: relative; width: 100%;height: 100%;}
.page{position: relative;width: 100%;height: 100%;}
.textDiv ,.regDiv{margin:0 auto; height:100%;}
.regBtn{cursor: pointer; display: block;background:url(../images/pic02.png) no-repeat ; background-size: 833px; text-align: center; vertical-align: middle; font-family: "微软雅黑"; font-size: 27px; color: #fff;}
.text{background:url(../images/pic02.png) no-repeat ; background-size: 833px;}
/* 页面文字处理*/
#page1Container{width: 100%;height: 100%;position: relative;}
.page1 {text-align:center;}
.page1 .p1{width:565px;height:124px;background:url(../images/1/1.png) no-repeat;background-size:cover;margin:113px auto 52px}
.page1 .p2{width:718px;height:88px;background:url(../images/1/2.png) no-repeat;background-size:cover;margin:37px auto}
.page1 .p3{width:1250px;height:73px;background:url(../images/1/3.png) no-repeat;background-size:cover;margin:0 auto}
.page1 .p4{width:724px;height:44px;background:url(../images/1/4.png) no-repeat;background-size:cover;margin:37px auto 0}
.page1 .p5{width:1200px; background: linear-gradient(to top, #00279b 0%, #0049c7 20%, #01218a 100%); border-radius:10px; height:220px; margin:60px auto;}
/*第一版滚动新闻css */
.page1 .p5 .picScroll-left{ overflow:hidden; position:relative; width:100%;}
.page1 .p5 .picScroll-left .hd{ overflow:hidden; height:70px;padding:0 40px; }
.page1 .p5 .picScroll-left .prev,.page1 .p5 .picScroll-left .next{ display:block; width:17px; height:50px; float:right; top:110px; cursor:pointer; background-repeat:no-repeat; position:absolute;z-index:5}
.page1 .p5 .picScroll-left .prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 15px;}
.page1 .p5 .picScroll-left .next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right:15px;}
.page1 .p5 .picScroll-left .hd .tit {line-height:70px;}
.page1 .p5 .picScroll-left .hd .tit h2{float:left;}
.page1 .p5 .picScroll-left .hd .tit a{float:right;}
.page1 .p5 .picScroll-left .bd{ padding:10px 40px;}
.page1 .p5 .picScroll-left .bd ul{ overflow:hidden; zoom:1; z-index:1}
.page1 .p5 .picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; width:545px; height:110px; margin-right:20px; margin-left:5px;}
.page1 .p5 .picScroll-left .bd ul li .pic{float:left;width:180px; height:100px;}
.page1 .p5 .picScroll-left .bd ul li .pic img{ width:176px; height:96px; display:block;border:2px solid #ccc;}
.page1 .p5 .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
.page1 .p5 .picScroll-left .bd ul li .title{ line-height:24px; float:right; width:345px; padding-left:10px; height:100px; display:block; overflow:hidden; text-align:left;}
.page1 .p5 .picScroll-left .bd ul li .title b a{color:#00c0ff; font-size:16px;}
.page1 .p5 .picScroll-left .bd ul li .title em{ font-size:12px; display:block;}
.page1 .p5 .picScroll-left .bd ul li .title p{ font-size:12px; line-height:18px; padding:0; margin:0;}
.page2 {text-align:center;}
.page2 .text1{ font-size:50px;font-weight:700;margin-top:271px;}
.page2 .text2{ font-size:29px;line-height:83px;}
.page2 .links{ width:1250px; margin:0 auto;}
.page2 .links a{width:222px;height:135px;float:left;margin-right:27px;margin-top:83px;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;background-size:cover;}
.page2 .links a:hover {
transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
-moz-transform: translate(0, -50px);
-o-transform: translate(0, -50px);
-ms-transform: translate(0, -50px);
}
.page2 .links a:nth-child(1){ background:url(../images/4/01.png) no-repeat;background-size:cover;}
.page2 .links a:nth-child(2){ background:url(../images/4/02.png) no-repeat;background-size:cover;}
.page2 .links a:nth-child(3){ background:url(../images/4/03.png) no-repeat;background-size:cover;}
.page2 .links a:nth-child(4){ background:url(../images/4/04.png) no-repeat;background-size:cover;}
.page2 .links a:nth-child(5){ background:url(../images/4/05.png) no-repeat;background-size:cover;margin-right:none;float:right}
.page3 {text-align:center;}
.page3 .text1{ font-size:50px;font-weight:700;margin-top:166px;}
.page3 .text2{ font-size:29px;line-height:83px;}
.page3 .links{ width:1250px; margin:0 auto;}
.page3 .links a{width:250px; height:250px; float:left; margin-left:241px; margin-top:62px;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;}
.page3 .links a:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.page3 .links a:nth-child(1){ background:url(../images/3/1.png) no-repeat;background-size:cover;}
.page3 .links a:nth-child(2){ background:url(../images/3/2.png) no-repeat;background-size:cover;}
.page3 .links a:nth-child(3){ background:url(../images/3/3.png) no-repeat;background-size:cover;}
.page4 {text-align:center;}
.page4 .text1{ font-size:50px ; font-weight:700; margin-top:166px ;}
.page4 .text2{ font-size:29px; line-height:83px;}
.page4 .links{ width:1250px; margin:0 auto;}
.page4 .links a{width:250px; height:250px; float:left; margin-left:141px; margin-top:62px;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;}
.page4 .links a:hover {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.page4 .links a:nth-child(1){ background:url(../images/2/1.png) no-repeat;background-size:cover;}
.page4 .links a:nth-child(2){ background:url(../images/2/2.png) no-repeat;background-size:cover;}
.page4 .links a:nth-child(3){ background:url(../images/2/3.png) no-repeat;background-size:cover;}
.page5 {text-align:center;}
.page5 .text1{ font-size:50px;font-weight:700;margin-top:238px;}
.page5 .text2{ font-size:29px;line-height:83px;}
.page5 .links{ width:1250px; margin:0 auto;}
.page5 .links a{width:544px;height:245px;float:left;margin: 0 31px;margin-top:83px;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;}
.page5 .links a:hover {
transform: translate(-50px, 0);
-webkit-transform: translate(-50px, 0);
-moz-transform: translate(-50px, 0);
-o-transform: translate(-50px, 0);
-ms-transform: translate(-50px, 0);
}
.page5 .links a:nth-child(1){ background:url(../images/5/1.png) no-repeat;background-size:cover;}
.page5 .links a:nth-child(2){ background:url(../images/5/2.png) no-repeat;background-size:cover;}
.page6 {text-align:center;}
.page6 .text1{ font-size:50px;font-weight:700;margin-top:108px;}
.page6 .img{width: 1097px;height: 552px; background:url(../images/map.png) no-repeat; margin:75px auto;background-size:cover;}
/*************************************联系我们************************************************/
.page6 .topimg-150{width:1100px; height: 150px; margin: 0 auto ; padding-top: 30px; padding-bottom: 20px;}
.page6 .branch-lx{line-height: 34px;}
.page6 .branch-lx h3{font-size: 18px; font-weight: normal; color: #282828;}
.page6 .branch-lx p{color:#5f5f5f;text-indent: 125px;padding-bottom: 10px;}
.page6 .branch{padding: 50px 0;}
.page6 .l-mainmap{ }
.page6 .l-mainmap .main-title{text-align: center;font-size: 14px;line-height: 36px;color:#999;}
.page6 .items-branch .main-title {
margin: 20px 0 0;
z-index: 1;
}
.page6 .branch-map .map {
width: 100%;
height: 100%;
background:url(../../new/bg-mapi.png) no-repeat center;
position: relative;
}
.page6 .branch-map .map-dot {
position: absolute;
text-align: center;
font-size: 12px;
cursor: pointer;
}
.page6 .branch-map .map-dot:after {
content: "";
display: block;
width: 8px;
height: 8px;
margin: 0 auto;
background-color: #00ffff;
border-radius: 50%;
}
.page6 .branch-map .map-dot:hover:after, .page6 .branch-map .map-dot.cur:after {
width: 10px;
height: 10px;
}
.page6 .branch-map .map-dot.cur:before {
content: "";
position: absolute;
left: 50%;
bottom: -3px;
transform: translateX(-50%);
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid #00ffff;
animation: dot 4s infinite;
}
@keyframes dot{
0% 100% {
transform: translateX(-50%) scale(1);
opacity: 1;
}
50% {
transform: translateX(-50%) scale(1.5);
opacity: .1;
}
}
.page6 .branch-map .map-dot.city_18:after {
width: 13px;
height: 12px;
border-radius: 0;
background: url(../../new/img-five-star.png) no-repeat center;
}
.page6 .branch-map .map-dot.city_18.cur:hover:before, .page6 .branch-map .map-dot.city_18.cur:before {
display: none;
}
.page6 .branch-map {
position: relative;
margin-bottom: 30px;
text-align:left;
}
.page6 .branch-map .branch-map-l {
width: 849px;
height: 575px;
position: relative;
}
.page6 .branch-map .branch-map-data {
position: absolute;
box-sizing: border-box;
width: 430px;
border: 1px solid #0046c2;
box-shadow: 0 0 1px 1px #001556;
background-color: #03258e;
padding: 10px 30px;
z-index: 1;
display: none;
}
.page6 .branch-map .branch-map-data:before {
content: "";
position: absolute;
left: -16px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border: 8px solid;
border-color: transparent #01B7BD transparent transparent;
}
.page6 .branch-map .branch-map-data:after {
content: "";
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border: 8px solid;
border-color: transparent #03258e transparent transparent;
}
.page6 .branch-map .branch-map-data-title {
border-bottom: 1px solid #0046c2;
}
.page6 .branch-map .branch-map-data-title p {
font-size: 18px;
color: #FFF;
line-height: 28px;
}
.page6 .branch-map .branch-map-data-info {
max-height: 236px;
overflow-y: auto;
}
.page6 .branch-map .data-branch {
border-bottom: 1px dashed #eee;
padding: 6px 0;
box-sizing: border-box;
}
.page6 .branch-map .data-branch:last-child {
border: none;
}
.page6 .branch-map .data-branch p {
font-size: 14px;
color: #FFF;
line-height: 26px;
}
.page6 .branch-map .data-branch .data-name {
font-size: 14px;
color: #666;
line-height: normal;
margin-bottom: 5px;
}
/*************滚动条******************/
.page6 .scrollbar{background:#dadada;line-height:0;}
.page6 .scrollbar .handle{background:#008cd6;cursor:pointer;line-height:0;}
.page6 #vertical .scrollbar{width:5px;}
.page6 #vertical .scrollbar .handle{height:100px;width:100%;}
.page6 #vertical .branch-con{width: 220px; height: 360px; position: relative;}
.page6 #vertical .branch-con .sly{width:220px;height:360px;}
.page6 #vertical .branch-con .scrollbar{position:absolute;top:0px;right:-10px;height:360px; z-index: 9999;}
.page7 .img{width: 1196px;height: 677px; background:url(../images/6/1.png) no-repeat; margin:0.8333333333333334rem auto;background-size:cover;}
/*#faiscoService{display: none;}*/
.hideText{visibility: hidden;}
/* 页面文字处理*/
/*seo blog */
.dropDown{width:365px; margin:0px auto; position: relative; position: absolute; bottom:-312px; left: 0;right: 0;}
.icon_Down{width: 33px; height: 33px; margin: 0 auto 12px auto; background: url(../images/icond.png) 0px 0px no-repeat; cursor: pointer; background-size: cover;}
.icon_Up{width: 35px; height: 35px; margin: 0 auto 12px auto; background: url(../images/iconu.png) 0px 0px no-repeat; cursor: pointer; background-size: cover;}
.item_border_top{border-top: 1px solid #FC7498;border-bottom: 1px solid #FC7498;}
.item_border_bottom{border-bottom: 1px solid #FC7498;}
.item{display: block; width:365px;;padding: 5px 5px;}
.item_tip{display:inline-block; width:125px; color: #FC7498; font-size: 0.250px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.item_tip a{color: #FC7498;}
.middle{display: inline-block; width: 2px; height: 38px;border-left:1px solid #FC7498; margin: 0px 9px 0px 5px;}
.readMore, .readMore a{font-size: 0.250px; color:#85B0DD; width: 100%; text-align: center;}
.fk_regBtn_B{
margin-top: 81px;
}
.fk_regBtn_B2{position: absolute;right: 0;top: 81px;}
.fk_regBtn_B_1{margin-top: 0.70px;}
.fk_regBtn_B_7{margin-top: 94px;}
.page .fk_regButton_wrap{position: absolute; top: 48%;text-align: center;display: inline-block;left: 50%;width: 590px;margin-left: -285px;text-align: right;}
.page .fk_regButton_wrap .fk_regButton,
.page .fk_regButton_free,
.page .fk_regButton_free_three,
.page .fk_regButton_free_four,
.page .fk_regButton_free_five,
.page .fk_regButton_free_six,
.page .fk_regButton_free_seven{
display: inline-block;
background: url(../images/an01_1.png) no-repeat;
font-size: 0;
width: 284px;
height: 66px;
background-size: 284px 66px;
float: left;
vertical-align: middle;
background-position: 0 0 !important;
width: 296px;height: 69px;background-size: 296px 69px;
}
.page .fk_regButton_wrap .fk_regButton:hover{
background-image: url(../images/an01_1h.png);
}
.page .fk_regButton_wrap .fk_regButton_pay{
float: none;
background-image: url(../images/an01_2.png);
}
.page .fk_regButton_wrap .fk_regButton_pay:hover{
background-image: url(../images/an01_2h.png);
}
.fk_pay_link{color: #fff;position: absolute;left: 50%;margin-left: 250px;top: 50.5%;text-decoration: underline;line-height: 1;}
.fk_pay_link:hover{color: #EEA;}
/*按钮 start*/
.set_4_button2 {
position: relative;
font-weight: 400;
text-align: center;
width: auto;
line-height:73px;
font-size: inherit;
overflow: hidden;
position: relative;
z-index: 0;
cursor: pointer;
color: #fff;
border-radius: 36px;
border: solid #fff 1px;
width: 229px;
text-align: center;
}
.set_4_button2.raised {
-moz-transition: all 0.1s;
-o-transition: all 0.1s;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.anim {
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
}
.anim:before {
position: relative;
content: '';
display: block;
margin-top: 100%;
}
.anim:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
}
.hoverable .anim {
-moz-animation: anim-out 0.75s;
-webkit-animation: anim-out 0.75s;
animation: anim-out 0.75s;
}
.hoverable .anim:after {
-moz-animation: anim-out-pseudo 0.75s;
-webkit-animation: anim-out-pseudo 0.75s;
animation: anim-out-pseudo 0.75s;
}
.hoverable .anim, .hoverable .anim:after{
animation-iteration-count: infinite;
animation-duration: 1.3s;
}
@-webkit-keyframes anim-in {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-moz-keyframes anim-in {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-ms-keyframes anim-in {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes anim-in {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes anim-in-pseudo {
0% {
background: rgba(255, 255, 255, 0.25);
}
100% {
background: transparent;
}
}
@-moz-keyframes anim-in-pseudo {
0% {
background: rgba(255, 255, 255, 0.25);
}
100% {
background: transparent;
}
}
@-ms-keyframes anim-in-pseudo {
0% {
background: rgba(255, 255, 255, 0.25);
}
100% {
background: transparent;
}
}
@keyframes anim-in-pseudo {
0% {
background: rgba(255, 255, 255, 0.25);
}
100% {
background: transparent;
}
}
@-webkit-keyframes anim-out {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-moz-keyframes anim-out {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-ms-keyframes anim-out {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes anim-out {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes anim-out-pseudo {
0% {
background: rgba(255, 255, 255, 0.25);
}
100% {
background: transparent;
}
}
@-moz-keyframes anim-out-pseudo {
0% {
background: rgba(255, 255, 255, 0.25);
}
100% {
background: transparent;
}
}
@-ms-keyframes anim-out-pseudo {
0% {
background: rgba(255, 255, 255, 0.25);
}
100% {
background: transparent;
}
}
@keyframes anim-out-pseudo {
0% {
background: rgba(255, 255, 255, 0.25);
}
100% {
background: transparent;
}
}
/*按钮 end*/
.regBtn1, .regBtn2, .regBtn3, .regBtn4, .regBtn5, .regBtn6, .regBtn7{background: none;}
.regBtn .set_4_button2{
width: 100%;
height: 100%;
box-sizing: border-box;
}
.regBtn1 .set_4_button2,
.regBtn7 .set_4_button2{line-height: 69px;}
.regBtn2 .set_4_button2,
.regBtn3 .set_4_button2,
.regBtn4 .set_4_button2,
.regBtn5 .set_4_button2,
.regBtn6 .set_4_button2{line-height: 0.467rem;}
/*fixed banner start*/
#footer{
position: fixed;bottom: 0;left: 0; z-index: 777; height: 0.534rem ; width: 100%;
background:#000E5F
-ms-transition:all ease 0.6s;
-o-transition:all ease 0.6s;
-webkit-transition:all ease 0.6s;
-moz-transition:all ease 0.6s;
transition:all ease 0.6s;
}
#footer .footText{display: none; margin: 0 auto; font-size:0.134rem ; color:#00deff;font-family: "微软雅黑"; text-align: center; }
#footer .footerContent2{ position:absolute; bottom:0; width:100%;height: 0.534rem ; line-height: 0.534rem; background-color:#00041f}
/*fixed banner end*/