/*c_nav*/
.c_nav,
.c_title,
.c_net,
.c_ee,
.c_salary, .c_canvas {
min-width: 1102px;
overflow: hidden;
}
.c_nav .c_link {
width: 1102px;
text-align: right;
margin: 0 auto;
height: 50px;
}
.c_nav {
margin: 0 auto;
padding: 10px 0;
height: 50px;
background: no-repeat;
background-size: 100% 100%;
box-sizing: border-box;
}
.c_nav span,
.c_nav a {
color: #029ad3;
font-size: 14px;
}
.c_nav span {
font-size: 18px;
}
.c_nav a {
border: 1px solid #029ad3;
text-decoration: none;
margin-top: 100px;
padding: 7px 14px;
border-radius: 5px;
}
/***************navgation***************/
.h5online-top {
height: 60px;
background: #333d49;
text-align: center;
width: 100%;
}
.h5online-wrap-content {
width: 1120px;
margin: 0 auto;
text-align: left;
position: relative;
}
a:focus,
a:hover {
text-decoration: none;
color: #1c7ec1;
}
h1.com-logo {
background: url(/uploads/image/patdimg/logo.png) 0 center no-repeat;
width: 172px;
height: 60px;
font-size: 0;
color: #e34f27;
text-indent: -10000px;
float: left;
}
.h5online-top ul {
float: left;
margin-left: 15px;
height: 60px;
}
.h5online-top ul li {
float: left;
font-size: 16px;
background: url(/uploads/image/patdimg/nav_list_left.png) left 0 no-repeat;
padding-left: 16px;
}
.h5online-top ul li a {
color: #fff;
background: url(/uploads/image/patdimg/nav_list_right.png) right 0 no-repeat #ffffff;
line-height: 60px;
height: 60px;
display: block;
padding: 0 20px;
padding-right: 36px;
}
.home-link {
float: right;
background: url(/uploads/image/patdimg/icon_home.png) left center no-repeat;
padding-left: 36px;
line-height: 60px;
color: #fff;
font-size: 15px;
}
.study {
float: left;
padding-left: 40px;
line-height: 60px;
color: #fff;
font-size: 18px;
}
/*.h5online-top .dt{width:103px;}*/
.p-nav {
width: 1000px;
margin: 0 auto;
}
.p-nav>.sidebar {
position: fixed;
top: 400px;
margin-left: 1054px;
z-index: 99999;
font-size: 25px;
display: none;
}
/***************banner***************/
.banner {
height: 809px;
max-width: 1920px;
min-width: 1084px;
background: #020608 url(/uploads/image/patdibanner/banner_bg.jpg);
overflow: hidden;
position: relative;
}
.middle_con {
width: 1084px;
height: 100%;
margin: 0 auto;
text-align: center;
}
.banner_title {
position: relative;
left: -206px;
}
.choices {
width: 610px;
position: absolute;
bottom: 45px;
left: 50%;
margin-left: -310px;
overflow: hidden;
}
.choices>a {
float: left;
margin: 0 25px;
}
/*共用按钮过白光按钮效果*/
@-webkit-keyframes lighteffect {
from {
left: -20%;
}
to {
left: 120%;
}
}
@keyframes lighteffect {
from {
left: -20%;
}
to {
left: 120%;
}
}
.btn_flash {
position: relative;
display: inline-block;
border-radius: 30px;
overflow: hidden;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.btn_flash:before {
content: "";
position: absolute;
width: 20%;
height: 90%;
top: 5%;
left: -10%;
overflow: hidden;
opacity: 0.7;
filter: alpha(opacity=70);
/*border-bottom-right-radius: 20px;*/
background: -moz-linear-gradient(left, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, .1)), color-stop(50%, rgba(255, 255, 255, .4)), color-stop(100%, rgba(255, 255, 255, .1)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .1) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .1) 100%);
-webkit-transform: skewx(45deg);
-moz-transform: skewx(45deg);
-ms-transform: skewx(45deg);
transform: skewx(45deg);
-webkit-animation: lighteffect 2s infinite both;
animation: lighteffect 2s infinite both;
}
/***************part1***************/
.part1 {
height: 1304px;
max-width: 1920px;
min-width: 1084px;
background: url(/uploads/image/patdipart1/bg_part1.jpg) no-repeat;
}
.part1_title {
padding-top: 30px;
}
.market_intro {
padding-top: 53px;
padding-bottom: 40px;
text-align: left;
letter-spacing: .8px;
}
.text_highlight {
color: #01effe;
font-weight: normal;
}
.text_highlight_large {
color: #01effe;
font-weight: normal;
font-size: 20px;
}
.text_normal {
color: #9a9b9c;
font-size: 18px;
line-height: 28px;
font-family: 'microsoft yahei', verdana, arial, helvetica, sans-serif;
}
.jobs {
position: relative;
height: 747px;
background: url(/uploads/image/patdipart1/jobs_figure.png) center center no-repeat;
-webkit-animation: bouncein 1s .5s linear both;
animation: bouncein 1s .5s linear both;
}
.rotatering {
position: absolute;
left: 0;
right: 0;
top: 250px;
margin: 0 auto;
-webkit-animation: rotate 5s infinite linear;
animation: rotate 5s infinite linear;
}
@keyframes rotate {
from {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.job_logo {
position: absolute;
}
.job_logo:hover {
-webkit-animation: rotate 1s linear;
animation: rotate 1s linear;
}
.job1 {
left: 486px;
top: 75px;
}
.job2 {
left: 310px;
top: 152px;
}
.job3 {
left: 235px;
top: 330px;
}
.job4 {
left: 310px;
top: 506px;
}
.job5 {
left: 486px;
top: 580px;
}
.job6 {
right: 317px;
top: 506px;
}
.job7 {
left: 737px;
top: 330px;
}
.job8 {
right: 317px;
top: 152px;
}
.job_title {
position: absolute;
padding: 12px 10px;
font-size: 21px;
min-width: 180px;
text-align: center;
font-size: 20px;
border: 1px solid #e5e1f0;
color: white;
}
.jobname1 {
left: 433px;
top: 0;
}
.jobname2 {
left: 97px;
top: 97px;
}
.jobname3 {
left: 10px;
top: 352px;
}
.jobname4 {
left: 97px;
top: 607px;
}
.jobname5 {
left: 433px;
top: 700px;
}
.jobname6 {
left: 772px;
top: 607px;
}
.jobname7 {
right: 10px;
top: 352px;
}
.jobname8 {
left: 772px;
top: 97px;
}
.part1_bottom {
padding: 70px 0;
}
/***************part2***************/
.part2 {
height: 984px;
max-width: 1920px;
min-width: 1084px;
background: url(/uploads/image/patdipart2/bg_part2.jpg);
}
.part2_con {
padding-top: 81px;
}
.advantages {
width: 840px;
margin: 0 auto;
overflow: hidden;
}
.advantages>li {
overflow: hidden;
}
.linespace {
margin-top: 24px;
margin-bottom: 24px;
}
.iconleft {
display: inline-block;
width: 117px;
height: 117px;
margin-right: 25px;
}
.icon_item1 {
background: url(/uploads/image/patdipart2/icon1_part2.png);
}
.icon_item1:hover {
background: url(/uploads/image/patdipart2/icon1_part2_hover.png);
}
.icon_item2 {
background: url(/uploads/image/patdipart2/icon2_part2.png);
}
.icon_item2:hover {
background: url(/uploads/image/patdipart2/icon2_part2_hover.png);
}
.icon_item3 {
background: url(/uploads/image/patdipart2/icon3_part2.png);
}
.icon_item3:hover {
background: url(/uploads/image/patdipart2/icon3_part2_hover.png);
}
.destext {
float: right;
width: 690px;
padding-top: 46px;
padding-bottom: 46px;
text-align: left;
}
.part2_bottom {
padding: 70px 0 80px;
}
/*æµæ˜ŸåŠ¨ç”»*/
.meteor {
position: absolute;
}
.meteor1 {
-webkit-transform: translate(1000px, -200px);
-ms-transform: translate(1000px, -200px);
transform: translate(1000px, -200px);
-webkit-animation: move1 2s .5s infinite backwards;
animation: move1 2s .5s infinite backwards;
}
@-webkit-keyframes move1 {
from {
-webkit-transform: translate(1000px, -200px);
-ms-transform: translate(1000px, -200px);
transform: translate(1000px, -200px);
}
to {
-webkit-transform: translate(-100%, 150px);
-ms-transform: translate(-100%, 150px);
transform: translate(-100%, 150px);
}
}
@keyframes move1 {
from {
-webkit-transform: translate(1000px, -200px);
-ms-transform: translate(1000px, -200px);
transform: translate(1000px, -200px);
}
to {
-webkit-transform: translate(-100%, 150px);
-ms-transform: translate(-100%, 150px);
transform: translate(-100%, 150px);
}
}
.meteor3 {
-webkit-transform: translate(800px, -200px);
-ms-transform: translate(800px, -200px);
transform: translate(800px, -200px);
-webkit-animation: move3 3s 1.5s infinite both;
animation: move3 3s 1.5s infinite both;
}
@-webkit-keyframes move3 {
from {
-webkit-transform: translate(800px, -200px);
-ms-transform: translate(800px, -200px);
transform: translate(800px, -200px);
}
to {
-webkit-transform: translate(-200px, 500px);
-ms-transform: translate(-200px, 500px);
transform: translate(-200px, 500px);
}
}
@keyframes move3 {
from {
-webkit-transform: translate(800px, -200px);
-ms-transform: translate(800px, -200px);
transform: translate(800px, -200px);
}
to {
-webkit-transform: translate(-200px, 500px);
-ms-transform: translate(-200px, 500px);
transform: translate(-200px, 500px);
}
}
.meteor4 {
-webkit-transform: translate(1500px, -100px);
transform: translate(1500px, -100px);
-ms-transform: translate(1500px, -100px);
-webkit-animation: move4 1.5s 1s infinite both;
animation: move4 1.5s 1s infinite both;
}
@-webkit-keyframes move4 {
from {
-webkit-transform: translate(1500px, -100px);
transform: translate(1500px, -100px);
opacity: 1;
filter: alpha(opacity=100);
}
to {
-webkit-transform: translate(300px, 500px);
transform: translate(300px, 500px);
opacity: 0;
filter: alpha(opacity=0);
}
}
@keyframes move4 {
from {
-webkit-transform: translate(1500px, -100px);
transform: translate(1500px, -100px);
opacity: 1;
filter: alpha(opacity=100);
}
to {
-webkit-transform: translate(300px, 500px);
transform: translate(300px, 500px);
opacity: 0;
filter: alpha(opacity=0);
}
}
.meteor5 {
-webkit-transform: translate(2000px, 200px);
-ms-transform: translate(2000px, 100px);
transform: translate(2000px, 100px);
-webkit-animation: move5 2s 1s infinite both;
animation: move5 2s 1s infinite both;
}
@-webkit-keyframes move5 {
from {
-webkit-transform: translate(2000px, 200px);
transform: translate(2000px, 100px);
opacity: 1;
filter: alpha(opacity=100);
}
to {
-webkit-transform: translate(800px, 600px);
transform: translate(800px, 600px);
opacity: 0;
filter: alpha(opacity=0);
}
}
@keyframes move5 {
from {
-webkit-transform: translate(2000px, 200px);
transform: translate(2000px, 100px);
opacity: 1;
filter: alpha(opacity=100);
}
to {
-webkit-transform: translate(800px, 600px);
transform: translate(800px, 600px);
opacity: 0;
filter: alpha(opacity=0);
}
}
.meteor6 {
-webkit-transform: translate(2000px, 200px);
-ms-transform: translate(2000px, 200px);
transform: translate(2000px, 200px);
-webkit-animation: move6 3s .5s infinite both;
animation: move6 3s .5s infinite both;
}
@-webkit-keyframes move6 {
from {
-webkit-transform: translate(2000px, 200px);
transform: translate(2000px, 200px);
opacity: 1;
filter: alpha(opacity=100);
}
to {
-webkit-transform: translate(200px, 600px);
transform: translate(200px, 600px);
opacity: 0;
filter: alpha(opacity=0);
}
}
@keyframes move6 {
from {
-webkit-transform: translate(2000px, 200px);
transform: translate(2000px, 200px);
opacity: 1;
filter: alpha(opacity=100);
}
to {
-webkit-transform: translate(200px, 600px);
transform: translate(200px, 600px);
opacity: 0;
filter: alpha(opacity=0);
}
}
.meteor7 {
-webkit-transform: translate(1000px, -200px);
-ms-transform: translate(1000px, -200px);
transform: translate(1000px, -200px);
-webkit-animation: move7 2s 2s infinite both;
animation: move7 2s 2s infinite both;
}
@-webkit-keyframes move7 {
from {
-webkit-transform: translate(1000px, -200px);
transform: translate(1000px, -200px);
}
to {
-webkit-transform: translate(-200px, 600px);
transform: translate(-200px, 600px);
}
}
@keyframes move7 {
from {
-webkit-transform: translate(1000px, -200px);
transform: translate(1000px, -200px);
}
to {
-webkit-transform: translate(-200px, 600px);
transform: translate(-200px, 600px);
}
}
.meteor8 {
-webkit-transform: translate(2000px, -250px);
-ms-transform: translate(2000px, 100px);
transform: translate(2000px, 100px);
-webkit-animation: move8 2s 1s infinite both;
animation: move8 2s 1s infinite both;
}
@-webkit-keyframes move8 {
from {
-webkit-transform: translate(2000px, 100px);
transform: translate(2000px, 100px);
opacity: 1;
filter: alpha(opacity=100);
}
to {
-webkit-transform: translate(800px, 600px);
transform: translate(800px, 600px);
opacity: 0;
filter: alpha(opacity=0);
}
}
@keyframes move8 {
from {
-webkit-transform: translate(2000px, 100px);
transform: translate(2000px, 100px);
opacity: 1;
filter: alpha(opacity=100);
}
to {
-webkit-transform: translate(800px, 600px);
transform: translate(800px, 600px);
opacity: 0;
filter: alpha(opacity=0);
}
}
.meteor9 {
-webkit-transform: translate(2000px, -200px);
-ms-transform: translate(2000px, 200px);
transform: translate(2000px, 200px);
-webkit-animation: move9 2s 2s infinite both;
animation: move9 2s 2s infinite both;
}
@-webkit-keyframes move9 {
from {
-webkit-transform: translate(2000px, 200px);
-ms-transform: translate(2000px, 200px);
transform: translate(2000px, 200px);
opacity: 1;
filter: alpha(opacity=100);
}
to {
-webkit-transform: translate(600px, 600px);
-ms-transform: translate(600px, 600px);
transform: translate(600px, 600px);
opacity: 0;
filter: alpha(opacity=0);
}
}
@keyframes move9 {
from {
-webkit-transform: translate(2000px, 200px);
-ms-transform: translate(2000px, 200px);
transform: translate(2000px, 200px);
opacity: 1;
filter: alpha(opacity=100);
}
to {
-webkit-transform: translate(600px, 600px);
-ms-transform: translate(600px, 600px);
transform: translate(600px, 600px);
opacity: 0;
filter: alpha(opacity=0);
}
}
/*唯一*/
.fsole {
width: 100%;
min-width: 1084px;
height: 1100px;
background: #0b2043 url(/uploads/image/patdimg/fpay_tab_bg.png);
overflow: hidden;
}
.fsoler {
width: 1084px;
margin: 0 auto;
}
.fsoler .fpay_subtitle {
letter-spacing: 1px;
}
.fsole_list {
margin-top: 20px;
}
.fsole_item {
float: left;
width: 305px;
margin-right: 84px;
text-align: center;
}
.fsole_item:nth-child(3) {
margin-right: 0;
}
.fsole_item>img {
display: block;
width: 122px;
height: 122px;
margin: 0px auto 36px;
}
.fsole_item>img:hover {
-webkit-animation: scaling 1s infinite linear;
animation: scaling 1s infinite linear;
}
@-webkit-keyframes scaling {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
50% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaling {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
50% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.fsole_item>span {
color: #fecb01;
font-size: 20px;
letter-spacing: 2px;
}
.fsole_item>span:before {
content: " ";
display: inline-block;
width: 12px;
height: 12px;
border-radius: 6px;
background-color: #fecb01;
vertical-align: middle;
margin-right: 10px;
}
.fsole_item>p {
font-size: 18px;
color: #c7c7c7;
text-align: left;
line-height: 28px;
margin-top: 20px;
}
.fbanner {
margin-top: 55px;
width: 1084px;
background-color: #022865;
padding-top: 20px;
overflow: hidden;
}
.fbanner_list {
background-color: white;
width: 9999px;
position: relative;
left: 0px;
}
.fbanner_list>li {
float: left;
height: 295px;
width: 1084px;
}
.fbanner_list>li:nth-child(1) {
background: url(/uploads/image/patdimg/fsole_swiper1.jpg) no-repeat center center;
}
.fbanner_list>li:nth-child(2) {
background: url(/uploads/image/patdimg/fsole_swiper2.jpg) no-repeat center center;
}
.fbanner_list>li:nth-child(3) {
background: url(/uploads/image/patdimg/fsole_swiper3.jpg) no-repeat center center;
}
.fbanner_list>li:nth-child(4) {
background: url(/uploads/image/patdimg/fsole_swiper1.jpg) no-repeat center center;
}
.fbanner_dot {
height: 25px;
text-align: center;
}
.fbanner_dot>li {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #d3d3d3;
opacity: 0.2;
vertical-align: middle;
}
.fbanner_dot>.fbanner_dot_active {
opacity: 1;
}
.fsole_btn {
text-align: center;
margin-top: 50px;
}
/*è€å¸ˆå›¢é˜Ÿ*/
.fteach {
width: 100%;
min-width: 1084px;
height: 1271px;
background: #460000 url(/uploads/image/patdimg/fpay_tab_bg.png);
overflow: hidden;
}
.fteacher {
width: 1084px;
margin: 0 auto;
}
.fteacher .fpay_subtitle {
font-size: 19px;
letter-spacing: 1px;
}
.fteach_info_title {
color: #fecb01;
font-size: 30px;
padding-bottom: 10px;
}
.fteach_info {
margin-top: 88px;
}
.fteach_btn {
text-align: center;
margin-top: 90px;
}
/*è€å¸ˆè½®æ’图*/
.box {
position: relative;
margin: 0 auto;
}
.box ul {
width: 1084px;
height: 539px;
overflow: hidden;
position: absolute;
}
.box ul li {
position: absolute;
top: 0;
left: 0;
list-style: none;
box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.5);
}
.box ul li img {
border: none;
vertical-align: top;
width: 100%;
}
/*课程大纲*/
.fcourse {
width: 100%;
min-width: 1084px;
height: 1135px;
background: url(/uploads/image/patdimg/fcourse_bg.jpg) no-repeat;
background-position: center;
overflow: hidden;
}
.fcourser {
width: 1084px;
margin: 0 auto;
}
.fcourser>.fpay_line {
width: 666px !important;
}
.fcourser .fpay_subtitle {
letter-spacing: 8px !important;
}
.fcourse_list {
margin-top: 47px;
}
.fcourse_item {
float: left;
width: 254px;
height: 568px;
border: 2px solid #022865;
margin-right: 17px;
position: relative;
padding: 0 20px;
box-sizing: border-box;
cursor: pointer;
}
/*hover*/
.fcourse_item:hover {
border: 2px solid #fecb01;
}
.fcourse_item:hover>.fcourse_item_title {
background-color: #fecb01;
color: rgba(2, 40, 101, 0.8);
}
.fcourse_item:hover>.fcourse_item_big {
color: #fff;
}
.fcourse_item:hover>.fcourse_item_small {
color: #fff;
}
/*hover*/
.fcourse_item:nth-child(1) {
padding-top: 70px;
}
.fcourse_item:nth-child(2) {
padding-top: 12px;
}
.fcourse_item:nth-child(3) {
padding-top: 60px;
}
.fcourse_item:nth-child(4) {
padding-top: 80px;
margin-right: 0;
}
.fcourse_item_title {
width: 100%;
height: 44px;
background-color: #022865;
position: absolute;
left: 0;
bottom: 0;
font-size: 18px;
line-height: 44px;
color: rgba(249, 249, 249, 0.8);
text-align: center;
}
.fcourse_item_big {
color: #30c5ce;
font-size: 18px;
line-height: 30px;
}
.fcourse_item_small {
color: #787878;
font-size: 16px;
line-height: 30px;
margin-bottom: 20px;
}
.fcourse_btn {
text-align: center;
margin-top: 64px;
}
/*涨薪模å—*/
.fpay {
width: 100%;
min-width: 1084px;
height: 1634px;
background: url(/uploads/image/patdimg/fpay_bg.jpg) no-repeat;
background-position: center;
overflow: hidden;
}
.fpayer {
width: 1084px;
margin: 0 auto;
}
.fpay_title {
text-align: center;
padding-top: 92px;
padding-bottom: 15px;
}
.fpay_line {
width: 743px;
height: 2px;
background-color: #c7c7c7;
margin: 0 auto;
opacity: 0.5;
}
.fpay_subtitle {
color: #c7c7c7;
font-size: 25px;
text-align: center;
padding-top: 20px;
letter-spacing: 10px;
padding-bottom: 60px;
}
.fpay_content {
color: #c7c7c7;
font-size: 18px;
line-height: 28px;
letter-spacing: 1px;
}
.fpay_lvls {
margin-top: 57px;
}
.fpay_lvl {
width: 252px;
height: 58px;
border: 2px solid #f3bd20;
float: left;
margin-right: 20px;
font-size: 26px;
text-align: center;
line-height: 58px;
color: #f3bd20;
letter-spacing: 4px;
}
.fpay_lvl:nth-child(4) {
margin-right: 0px;
}
.fpay_tab {
height: 734px;
border: 2px solid #01378e;
margin-top: 20px;
margin-bottom: 64px;
padding: 0 40px;
background: url(/uploads/image/patdimg/fpay_tab_bg.png);
}
.fpay_tab_title {
text-align: center;
color: #fff;
font-size: 26px;
padding: 28px 0;
}
.fpay_tab_line {
border-top: 2px solid #01378e;
text-align: center;
line-height: 0px;
}
.fpay_tab_left {
float: left;
width: 705px;
}
.fpay_tab_subtitle {
font-size: 20px;
color: #01effe;
margin-top: 20px;
}
.fpay_tab_subtitle:before {
content: "";
display: inline-block;
width: 10px;
height: 26px;
background: url(/uploads/image/patdimg/fpay_subtitle_left.png) no-repeat;
vertical-align: bottom;
padding-right: 2px;
}
.fpay_tab_subtitle:after {
content: "";
display: inline-block;
width: 10px;
height: 26px;
background: url(/uploads/image/patdimg/fpay_subtitle_right.png) no-repeat;
vertical-align: bottom;
padding-left: 2px;
}
.fpay_tab_content {
font-size: 16px;
color: #c7c7c7;
line-height: 30px;
padding-top: 20px;
}
.fpay_tab_result {
padding-top: 20px;
}
.fpay_tab_right {
float: right;
width: 263px;
height: 572px;
background-color: rgba(1, 55, 142, 0.4);
margin-top: 24px;
}
.fpay_right_title {
font-size: 22px;
line-height: 22px;
color: #ffffff;
text-align: center;
padding-top: 65px;
}
.fpay_right_title:nth-child(1) {
padding-top: 45px;
}
.fpay_right_money {
font-size: 30px;
line-height: 30px;
color: #f65f21;
text-align: center;
padding-top: 17px;
}
.fpay_right_line {
height: 3px;
background: url(/uploads/image/patdimg/fpay_line.png) no-repeat;
margin-top: 62px;
}
.fpay_right_star {
text-align: center;
margin-top: 17px;
}
.fpay_btn {
text-align: center;
padding-top: 55px;
}
/*å°è¯•æ¨¡å—*/
.ftry {
width: 100%;
min-width: 1084px;
height: 447px;
background: url(/uploads/image/patdimg/ftry_bg.jpg) no-repeat;
background-position: center;
overflow: hidden;
}
.ftryer {
width: 1084px;
margin: 0 auto;
}
.ftry_title {
text-align: center;
padding-top: 57px;
padding-bottom: 75px;
}
.ftry_content {
font-size: 18px;
line-height: 28px;
color: #c7c7c7;
letter-spacing: 1px;
}
.ftry_btn {
text-align: center;
padding-top: 57px;
}
/*问题模å—*/
.fquestion {
width: 100%;
min-width: 1084px;
height: 394px;
background: url(/uploads/image/patdimg/fbottom_bg.jpg) no-repeat;
background-position: center;
overflow: hidden;
}
.fquestioner {
width: 1084px;
margin: 0 auto;
}
.fquestioner>ul {
padding-top: 75px;
}
.fq_item {
float: left;
width: 220px;
margin: 0 25.5px;
}
.fq_item:hover>.fq_item_title {
border: 2px dotted #fecb01;
}
.fq_item_img {
text-align: center;
width: 227px;
height: 127px;
}
.fq_item:nth-child(1)>.fq_item_img {
background: url(/uploads/image/patdimg/fbottom1.png) no-repeat;
background-position: center center;
}
.fq_item:nth-child(1):hover>.fq_item_img {
background: url(/uploads/image/patdimg/fbottom1_select.png) no-repeat;
background-position: center center;
}
.fq_item:nth-child(2)>.fq_item_img {
background: url(/uploads/image/patdimg/fbottom2.png) no-repeat;
background-position: center center;
}
.fq_item:nth-child(2):hover>.fq_item_img {
background: url(/uploads/image/patdimg/fbottom2_select.png) no-repeat;
background-position: center center;
}
.fq_item:nth-child(3)>.fq_item_img {
background: url(/uploads/image/patdimg/fbottom3.png) no-repeat;
background-position: center center;
}
.fq_item:nth-child(3):hover>.fq_item_img {
background: url(/uploads/image/patdimg/fbottom3_select.png) no-repeat;
background-position: center center;
}
.fq_item:nth-child(4)>.fq_item_img {
background: url(/uploads/image/patdimg/fbottom4.png) no-repeat;
background-position: center center;
}
.fq_item:nth-child(4):hover>.fq_item_img {
background: url(/uploads/image/patdimg/fbottom4_select.png) no-repeat;
background-position: center center;
}
.fq_item_title {
color: #c7c7c7;
font-size: 16px;
padding: 0 20px;
border: 2px dotted #1c8991;
margin-top: 25px;
height: 75px;
box-sizing: border-box;
line-height: 28px;
}
.fq_item:nth-child(1)>.fq_item_title,
.fq_item:nth-child(4)>.fq_item_title {
line-height: 75px;
text-align: center;
}
.fq_item:nth-child(2)>.fq_item_title,
.fq_item:nth-child(3)>.fq_item_title {
padding-top: 8px;
}
/*å…¬å…±æ ·å¼*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.clearfix {
* height: 1%;
}
.vt {
vertical-align: top;
}
/*弹窗*/
.themask{ width:100%; height:100%; background:#000;filter:alpha(opacity=35); -moz-opacity:0.35;opacity:0.35; position:fixed; left:0;top:0; z-index:19; display:none}
.thepop{ width:596px; height:323px; background:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; position:fixed; top:0; left:50%; margin-left:-298px; z-index:20; display:none;
}
.thepop .close{ background:url(/uploads/image/patdimg/thepop_close.png) 0 0 no-repeat; width:60px; height:54px; position:absolute; right:-21px;top:-21px; cursor:pointer}
.thepop .tit{ color:#007ee6; font-size:18px; text-align:center; line-height:123px; height:98px;}
.thepop .cont{ width:369px; margin:0 auto}
.thepop .cont li{ float:left; margin:0 12px; font-size:14px; color:#393f5b; text-align:center; width:99px;}
.thepop .cont li .thebg{ width:48px; height:48px; margin:0 auto}
.thepop .cont li .bg01{ background:url(/uploads/image/patdimg/thepop_cont_img01.png) 0 0 no-repeat}
.thepop .cont li .bg02{ background:url(/uploads/image/patdimg/thepop_cont_img04.png) 4px 0 no-repeat}
.thepop .cont li .bg03{ background:url(/uploads/image/patdimg/thepop_cont_img03.png) 0 0 no-repeat}
.thepop .cont li p{ line-height:40px;}
.thepop .cont li img{ display:block;}
.thepop h2{ color:#393f5b; font-size:18px; text-align:center; height:67px; line-height:53px; text-align:center;font-weight: normal;}
.thepop .thebtn{ position:absolute; width:126px; height:34px; text-align:center; line-height:34px; font-size:16px;}
.thepop .thebtn01{ background:url(/uploads/image/patdimg/thepop_thebth01.png) 0 0 no-repeat; left:148px; top:253px; color:#f0f2f7;}
.thepop .thebtn02{ background:url(/uploads/image/patdimg/thepop_thebth02.png) center 0 no-repeat; height:55px;left:317px; top:253px; color:#4f5362; cursor:pointer}
/*左侧悬浮*/
.ni_left{ position:fixed; left:0;top:50%; height:580px; margin-top:-278px; z-index:10;/*-webkit-box-shadow: 4px 3px 30px -5px #ebebeb; -moz-box-shadow: 4px 3px 30px -5px #ebebeb; box-shadow: 4px 3px 30px -5px #ebebeb*/}
.ni_left li{ background:#ffffff; font-size:13px; color:#4f5362;}
.ni_left li a{width:79px; height:83px; display:block; overflow:hidden;color: #4f5362;}
.ni_left li i{ font-size:24px; color:#00abf7; margin:24px auto 0; display:block; width:24px;}
.ni_left li p{ line-height:28px; text-align:center;}
.ni_left li:hover{ background:#00abf7}
.ni_left li:hover i{color:#ffffff;}
.ni_left li:hover a{color:#ffffff;}
.ni_left li.active{ background:#00abf7}
.ni_left li.active i{color:#ffffff;}
.ni_left li.active a{color:#ffffff;}
@media screen and (max-width: 1366px)
{
.ni_left{ position:fixed; left:0;top:50%; height:475px; margin-top:-227px; z-index:10;/*-webkit-box-shadow: 4px 3px 30px -5px #ebebeb; -moz-box-shadow: 4px 3px 30px -5px #ebebeb; box-shadow: 4px 3px 30px -5px #ebebeb*/}
.ni_left li{ background:#ffffff; font-size:10px; color:#4f5362;}
.ni_left li a{width:65px; height:68px; display:block; overflow:hidden;}
.ni_left li i{ font-size:20px; color:#00abf7; margin:20px auto 0; display:block; width:20px;}
.ni_left li p{ line-height:23px; text-align:center;font-size:10px;}
.ni_left li:hover{ background:#00abf7}
.ni_left li:hover i{color:#ffffff;}
.ni_left li:hover a{color:#ffffff;}
.ni_left li.active{ background:#00abf7}
.ni_left li.active i{color:#ffffff;}
.ni_left li.active i.i01{}
.ni_left li.active a{color:#ffffff;}
}