/* 福建省政企直通车首页 */
html, body {
    font-size: 65%;
}
.fs-p12 {font-size: 12px;}
.fs-p14 {font-size: 14px;}
.fs-p16 {font-size: 16px;}
.fs-p18 {font-size: 18px;}
.fs-p20 {font-size: 20px;}
.fs-p22 {font-size: 22px;}
.fs-p24 {font-size: 24px;}
.fs-p26 {font-size: 26px;}
.fs-p30 {font-size: 30px;}
.fs-p34 {font-size: 34px;}
.fs-p40 {font-size: 40px;}
/*.header-wrap {*/
/*    height: 668px;*/
/*}*/
.header-wrap .swiper-container a {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.copywriter {
    top: 42%;
    right: 16%;
}
.header-wrap .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.htop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 38px;
    background-color: #1d76e6;
    -webkit-font-smoothing: subpixel-antialiased;
}
.container {
    width: 1200px;
    padding-left: 0;
    padding-right: 0;
}
.ptb7 {
    padding-top: 7px;
    padding-bottom: 7px;
}
.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.pt5 {
    padding-top: 5px;
}
.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}
/*.header-wrap a:hover, .header-wrap a:hover i {*/
    /*color: #f00!important;*/
/*}*/
.htop .pull-right > a:after, .hmenu a+a:before {
    content: '';
    position: absolute;
    top: 36%;
    left: 0;
    width: 2px;
    height: 12px;
    background-color: rgba(255,255,255,0.5);
}
.fa-logo {
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(../images/logo-icon-3.png) no-repeat 0 center;
    background-size: contain;
}
.hbottom {
    top: 0;
    left: 0;
    z-index: 1;
    padding-top: 38px;
}
.hbottom .borbtm {
    border-color: rgba(255,255,255,0.25);
}
.mb60 {
    margin-bottom: 6rem;
}
.hmenu {
    width: 260px;
    height: 400px;
    border-radius: 2px;
    background-color: rgba(0,0,0,0.2);
}
.hmenu h5 {
    height: 50px;
    padding: 16px 26px;
    background-color: rgba(0,0,0,0.2);
}
.hmenu .ofzm a {
    opacity: 0.9;
}
.hmenu li .fa {
    top: 10px;
    right: 0;
}
.hmenu li+li {
    border-top: 1px solid rgba(255,255,255,0.3);
}
.hmenu li > div {
    margin-top: -1rem;
    margin-left: -1rem;
}
.pt100 {
    padding-top: 100px;
}
.col0d5 {
    color: #0d5ab0;
}
.content-wrap h3 {
    background: url(../images/bg-line.png) no-repeat center center;
}
.dmail > div {
    overflow: hidden;
    margin-left: -1rem;
}
.dmail div > a {
    height: 140px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: 90% 80%;
}
.bg-mail1 {
    background-color: #5b98ff;
    background-image: url(../images/bg-mail1.png);
}
.bg-mail2 {
    background-color: #33d0c3;
    background-image: url(../images/bg-mail2.png);
}
.bg-mail3 {
    background-color: #fda93c;
    background-image: url(../images/bg-mail3.png);
}
.bg-mail4 {
    background-color: #fd8282;
    background-image: url(../images/bg-mail4.png);
}
/*.dmail a:hover * {*/
    /*color: #f00;*/
/*}*/
.dmail h5+i {
    width: 24px;
    height: 24px;
    margin-top: 6px;
    padding-left: 2px;
    border-radius: 50%;
    border: 1px solid;
    color: rgba(255,255,255,0.7);
    background-color: rgba(255,255,255,0.1);
}
.dmail a+div {
    width: 27%;
    height: 140px;
}
.dmail div > div+div:before {
    content: '';
    position: absolute;
    top: 16%;
    left: 0;
    width: 1px;
    height: 100px;
    background-color: #eee;
}
.dmail .ad {
    height: 90px;
}
.wd66 {
    width: 66%;
}
.title1 {
    padding-left: 20px;
    background: url(../images/bg-title1.png) no-repeat 0 center;
}
.btn-see {
    top: 3px;
    right: 0;
}
.count {
    height: 120px;
    background: url(../images/bg-b1.jpg) no-repeat right center;
}
.title2 {
    padding-right: 100px;
    background: url(../images/bg-b2.png) no-repeat 0 center;
}
.title2+div {
    margin-left: -46px;
}
form label > input {
    width: 160px;
    height: 37px;
    line-height: 37px;
}
form label a {
    top: 2px;
    right: 18px;
    line-height: 34px;
}
.col168 {
    color: #1687dd;
}
.bgd7a {
    background-color: #d7ad57;
}
.overt td a {
    width: 430px;
}
.overt td+td {
    width: 140px;
    padding-left: 20px;
    padding-right: 20px;
}
.title3 {
    top: -16px;
    left: -8px;
    width: 230px;
    height: 60px;
    line-height: 40px;
    text-align: center;
    background: url(../images/bg-title2.jpg) no-repeat 0 center;
}
.bgf6 {
    background-color: #f6f6f6;
}
.bg067 {
    background-color: #0672d6;
}
.btn-words {
    top: 20px;
    right: 20px;
    width: 134px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.scrollbar {
    height: 340px;
    /*overflow-y: scroll;*/
}
/*!*滚动条整体部分*!*/
/*.scrollbar::-webkit-scrollbar {*/
/*    width: 8px;*/
/*    height: 2px;*/
/*}*/
/*.scrollbar::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);*/
/*    border-radius: 2px;*/
/*    background-color: rgba(0,0,0,0.1);*/
/*}*/
/*.scrollbar::-webkit-scrollbar-thumb {*/
/*    border-radius: 2px;*/
/*    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);*/
/*    background-color: rgba(0,0,0,0.3);*/
/*}*/
.scrollbar > div {
    min-height: 360px;
}
.overt .ad {
    height: 100px;
}
.scrollbar a {
    padding: 13px 20px;
}
.title4 ul {
    margin-left: -1rem;
}
.title4 li a {
    height: 40px;
    line-height: 40px;
    padding: 0 33px;
    color: #4f5a69;
    background-color: #fff;
}
.title4 .active a, .title4 li:hover a {
    color: #fff;
    background-color: #0672d6;
}
.title4 .btn-see {
    top: 40px;
}
.zc-lists {
    margin: 0 -10px;
}
.zc-lists .tab-pane > div {
    margin-left: calc(-1% + 10px);
}
.zc-lists .tab-pane a {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
}
.bshadow {
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}
.rest {
    top: 10px;
    right: 0;
    width: 90px;
    height: 30px;
    line-height: 30px;
    z-index: 2;
    padding-left: 5px;
    color: #fff!important;
    background-color: #ff5a5e;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.zc-lists h5 {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}
.zc-lists a:hover h5 {
    color: #0f71eb;
}
.bgeef {
    background-color: #eef0f3;
}
.col838 {
    color: #838f9e;
}
.zc-lists span {
    height: 24px;
    line-height: 24px;
    padding: 0 14px;
}
.amount {
    top: 26px;
    left: 20%;
}
.colfa7 {
    color: #fa7600;
}
.btn-zx {
    top: 22px;
    right: 20px;
    width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #317ef9;
}
.zxlists p {
    line-height: 26px;
    padding-right: 30px;
}
.zxlists span {
    width: 74px;
    height: 26px;
    line-height: 26px;
}
.reply-1 {
    color: #ee8001!important;
    background-color: #ffe3c2!important;
}
.reply-2 {
    color: #0672d6!important;
    background-color: #daeafe!important;
}
.bgf6 .ad {
    height: 150px;
}
.ad+.ad {
    margin-top: 20px;
}
.title5 ul {
    margin-left: -3%;
}
.title5 ul li {
    width: 30.33%;
    margin-left: 3%;
}
.title5 li.active {
    background-color: #d7ad57;
}
.title5 li.active:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #d7ad57;
    position: absolute;
    top: 100%;
    left: 46%;
}
.title5 .active a *{
    color: #fff;
}
.title5+div {
    height: 460px;
}
.title5+div .tab-pane {
    display: inline-block!important;
    opacity: 0;
    position: absolute;
    top: 1.6rem;
    width: 100%;
}
.title5+div .tab-pane.active {
    opacity: 1;
    left: 0;
    z-index: 2;
}
.title5+div tr:nth-child(odd) {
    background-color: #f2f7fe;
}
.title5+div th {
    padding: 0 20px;
    line-height: 40px;
    background-color: #399afd;
}
.title5+div td {
    padding: 0 20px;
    line-height: 40px;
}
.links .swiper-slide a {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    margin-top: 10px;
    margin-left: 5px;
}
.swiper-btn1 {
    width: 20px;
    height: 48px;
    top: 38%;
    opacity: 0;
    --swiper-navigation-color: #fff;
    background-color: rgba(0,0,0,.2);
}
.swiper-container:hover .swiper-btn1 {
    opacity: 1;
}
.swiper-btn1:after {
    font-size: 12px;
}
.links .swiper-button-next {
    right: 5px;
}
.links .swiper-button-prev {
    left: 5px;
}
.icohead {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
}
.footer {
    background: #e6e6e6;
    padding: 20px 0;
}
.wd83 {
    width: 83%;
}
.foot-link {
    position: absolute;
    bottom: 0;
    right: 30px;
}
.mr0 {
    margin-right: 0!important;
}
.icon1 {
    position: relative;
    top: -1px;
    width: 13px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
}



/* 0722首页修改 */
#left{
    width: 218px;
    position:fixed;
    z-index: 100000;
    cursor:pointer;
}
.float_block {
    position: fixed;
    bottom: 200px;
    right: 14px;
    width: 56px;
    z-index: 10;
}
.float_block .other {
    width: 50px;
    height: 54px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-image: url(../images/bg_other.png);
}
.float_block:hover .other {
    background-image: url(../images/bg_other_hover.png);
}
.float_block a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 24px;
    position: relative;
    background-color: #fff;
    border: 1px solid #e8e8e8;
}
.float_block a+a {
    border-top: none;
}
.float_block a > i {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.kefu:hover ,.weixin:hover ,.youj:hover ,.xinx:hover ,.app:hover{
    background-color: #e35561;
}
.kefu > i {
    background-image: url(../images/icon_kf.png);
}
.kefu:hover > i {
    background-image: url(../images/icon_kf_hover.png);
}
.weixin > i {
    background-image: url(../images/icon_wx.png);
}
.weixin:hover > i {
    background-image: url(../images/icon_wx_hover.png);
}
.youj > i {
    background-image: url(../images/icon_yj.png);
}
.youj:hover > i {
    background-image: url(../images/icon_yj_hover.png);
}
.xinx > i {
    background-image: url(../images/icon_xx.png);
}
.xinx:hover > i {
    background-image: url(../images/icon_xx_hover.png);
}
.app > i {
    background-image: url(../images/icon_app.png);
}
.app:hover > i {
    background-image: url(../images/icon_app_hover.png);
}
.float_block a > div {
    position: absolute;
    width: 352px;
    min-height: 160px;
    bottom: 0;
    right: 56px;
    display: none;
    background: url(../images/bg_pop.png) no-repeat center 100%;
    background-size: 100% 100%;
    padding: 20px 36px;
}
.float_block a:hover div {
    display: block;
}
.float_block div p {
    font-size: 12px;
    color: #666;
}
.float_block div img {
    width: auto;
    margin: 16px auto;
}
.float_block div > span {
    font-size: 12px;
    color: #000;
    text-align: center;
    display: block;
}
.float-left {left: 5px;width: 100px;margin-bottom: 60px;}
.float-left .swiper-slide a {width: auto;height: auto;max-width: 100px;margin: 0;background-color: transparent;}
.float-left .swiper-slide a img {margin: 0;}
.float-left .swiper-pagination span {display: inline-block;}
.float-left .swiper-pagination-bullet-active, .ad .swiper-pagination-bullet-active {background-color: #fff;}
.float-right {right: 5px !important;width: 100px;margin-bottom: 60px;}
.float-right .swiper-slide a {width: auto;height: auto;max-width: 100px;margin: 0;background-color: transparent;}
.float-right .swiper-slide a img {margin: 0;}
.float-right .swiper-pagination span {display: inline-block;}
.float-right .swiper-pagination-bullet-active, .ad .swiper-pagination-bullet-active {background-color: #fff;}

.homepage .layui-fixbar {bottom: 152px!important;}
.homepage .layui-fixbar li {color: #999;background-color: #fff;border: 1px solid #e8e8e8;}
.layui-fixbar li:hover {color: #fff;background-color: rgba(0,0,0,0.7);}
.ad .swiper-button-next {right: 0;}
.ad .swiper-button-prev {left: 0;}
.city-wrap {display: none;width: 200%;top: 36px;left: -66%;}
.city-nav:hover .city-wrap {display: block;}
.city-wrap a {width: 72%;height: 32px;line-height: 32px;margin: 0 auto;border-radius: 5px;}
.city-wrap a:hover {background: #6797e7;color: #fff!important;}
/*.outter:hover > a, .outter:hover i {color: #f00;}*/
.nav-outter {display: none;width: 600px;z-index: 2;top: 27px;left: -300px;padding-top: 10px;}
.outter:hover .nav-outter {display: block;}
.outter-wrap {min-height: 82px;padding-bottom: 20px;}
.outter-wrap a {min-width: 260px;background: #fbfbf9;line-height: 36px;height: 40px;text-align: left;margin-left: 20px;margin-top: 20px;padding-left: 30px;border-radius: 5px;}
.outter-wrap > a:hover {color: #6797e7!important;border-color: #6797e7!important;}
.letters {height: 346px;}
.letters .swiper-slide a {padding: 10px 20px;}
/*.letters .swiper-slide-active *, .zxlists .swiper-slide-active * {color: #1e89e0;background-color: #f2f2f2;}*/
.scrollbar .swiper-slide-active a {
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
}
.scrollbar .swiper-slide p {height: 36px;overflow: hidden;}
.zxlists {height: 279px;margin-top: 20px;}
.zxlists .swiper-slide {margin: -2px 0;}
.zxlists .swiper-slide a {padding: 10px 20px;}
.zxlists .swiper-container-vertical>.swiper-scrollbar {top: 8%;height: 89%;}
#links .swiper-container {
    margin: 0 -10px;
}
#links .swiper-slide a {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
}
#links .swiper-slide a:hover {
    transform: translate(0, -10px);
}
#links .swiper-slide div {
    border: 1px solid #ddd;
    background: #fff;
    padding: 10px;
}
#links .swiper-btn1 {top: 47%;}



/* 首页改版0812 */
.btn-kb a {top: 1px;padding: 3px 5px;background-color: rgba(21,96,189,0.8);}
.col307 {color: #3079fe;}
.step {
    background: url(../images/bg-line-1.png) no-repeat center 72%;
    background-size: contain;
}
.step1 {background-image: url(../images/bg-line-2.png);}
.step div > p {height: 20px;}
.step div > span {
    width: 42px;
    height: 42px;
    line-height: 32px;
    border-radius: 50%;
    border: 4px solid #3079fe;
}
.ad .swiper-pagination {bottom: 3px;}
.ad .swiper-btn1 {top: 46%;}
.diform input {padding: 3px 10px;height: 28px;line-height: 28px;}



/* 首页改版0824 */
.city-nav:hover > a, .outter:hover > a {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.bgeaf {background-color: #eaf3fc;}
.col067 {color: #0672d6;}


/* 动态效果star */

[class*='anim'], [class*='anim'] * {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

/* 鼠标经过字体变色的效果 */
.anim_fhover {
    cursor: pointer;
}
.anim_fhover:hover, .anim_fhover:hover * {
    color: #1e89e0;
    background-color: #f2f2f2;
}

/* 鼠标经过时字体颜色变化*/
.animhover:hover {
    color: #0f71eb!important;
}

/* 鼠标经过时背景色变化*/
.animbtn:hover {
    color: #fff!important;
    background-color: #0f71eb;
    border-color: #fff!important;
}

/* 鼠标经过时边框阴影变化*/
.animbsh:hover {
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
}

/* 鼠标经过时放大*/
.animlarge:hover {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

/* 鼠标经过时旋转*/
.animrotate:hover {
    transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg)
}

/* 鼠标经过时上移*/
.animmove:hover {
    transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
}

/* 动态效果end */




/* 政企直通车首页新增入口 */
.sentrance {
    height: 164px;
    background: url(../images/bg-rk.jpg) no-repeat center 0;
    background-size: 100% 100%;
}
.sentrance form {
    left: 0;
    bottom: 30px;
}
.sentrance label {
    width: 736px;
    height: 52px;
}
.sentrance label input {
    width: calc(100% - 96px);
    padding-left: 16px;
}
.sentrance .layui-btn {
    width: 96px;
    line-height: 52px;
    font-size: 16px;
    background-color: #0062e7;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}