/* 动态效果star */

[class*='anim']:hover, [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: #0e83dd;
    background-color: #f2f2f2;
}

/* 鼠标经过时字体颜色变化*/
.animhover:hover {
    color: #0e83dd!important;
}

/* 鼠标经过时背景色变化*/
.animbtn:hover {
    color: #fff!important;
    background-color: #0e83dd;
    border-color: #fff!important;
}
.animbtn:hover * {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);
}

/* 鼠标经过时图片放大 */
.animenlarge:hover img {
    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(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg)
}

/**/
.animrevolve:hover img {
    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 */


/* 福企网3.0首页 */
a {text-decoration: none!important;}
:focus {outline: none;}
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.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-p28 {font-size: 28px;}
.fs-p30 {font-size: 30px;}
.fs-p32 {font-size: 32px;}
    /* .container {
        width: 1200px;
        margin: 0 auto;
    } */
.px20 {padding: 20px;}
.px30 {padding: 30px;}
.ptb10 {padding-top: 10px;padding-bottom: 10px;}
.ptb15 {padding-top: 15px;padding-bottom: 15px;}
.ptb20 {padding-top: 20px;padding-bottom: 20px;}
.ptb30 {padding-top: 30px;padding-bottom: 30px;}
.col858 {color: #858383;}
.col252 {color: #252b3a;}
.cola8a {color: #a8adba;}
.colee6 {color: #ee6552;}
.colf39 {color: #f39800;}
.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);
}
.swiper-slide-1 {
    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;
}





/* 软件超市 */
.nav-bar {
    margin-bottom: 3px;
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
}
.nav-bar .layui-nav {background-color: transparent!important;}
.nav-bar .layui-nav-item {height: 82px;line-height: 82px;}
.nav-bar .layui-nav li+li  {margin-left: 36px;}
.nav-bar .layui-nav-item a {color: #333;font-size: 16px;padding: 0 10px;}
.nav-bar .layui-nav-item a:hover, .nav-bar .layui-this a {color: #333;}
.layui-nav .layui-nav-more {
    right: -5px;
    border-width: 5px;
    border-color: #6e737f transparent transparent;
}
.layui-nav .layui-nav-mored {border-color: transparent transparent #6e737f;}
.icon-hot {
    top: 7px;
    right: -10px;
    width: 28px;
    height: 19px;
    background: url(../../image/anqing_img/icon-hot.png) no-repeat;
    background-size: contain;
}
.nav-bar .layui-nav-child {top: 87px;}
.nav-bar .layui-nav-child dd.layui-this a {background-color: #1E9FFF;}
.nav-bar .layui-col-md2 {height: 82px;}
.nav-bar .getbtn {top: 23%;right: 0;display: block;}
.inpart-1 {
    height: 520px;
    background: url(../../ffcsmodule/default/images/rjcs-inban.png) no-repeat center center;
}
.menu-bar {width: 275px;height: 484px;padding-right: 20px;}
.menu-bar h3 {height: 43px;line-height: 43px;padding: 0 15px;    background-color: #ff6a00;
    background-image: linear-gradient(to right, #ff902e, #ff6a00);
}
.menu-bar ul {height: calc(100% - 43px);background-color: #fff;}
.menu-bar .layui-nav-item {padding-top: 5px;padding-bottom: 5px;}
.menu-bar .layui-nav-item > a {height: 30px;line-height: 30px;}
.menu-bar .swiper-slide-1 {
    -webkit-justify-content: inherit;
    justify-content: inherit;
}
.menu-bar .subnav a {height: 24px;line-height: 24px;}
.menu-bar .submenu {
    top: 15px;
    left: 100%;
    height: calc(100% - 19px);
    padding: 32px 40px;
    display: none;
    z-index: 9;
}
.submenu span {
    top: 0;
    left: -10px;
    width: 10px;
    height: 64px;
    background-color: #fff;
}
.submenu a {height: 30px;line-height: 30px;}
.menu-bar+div {width: calc(100% - 275px);}
.inbanner {height: 356px;margin-bottom: 13px;}
.inbanner .swiper-pagination {bottom: 30px;}
.inbanner .swiper-pagination-bullet {
    width: 37px;
    height: 3px;
    opacity: 0.6;
    margin-right: 8px;
    background: #fff;
    border-radius: 0;
}
.inbanner .swiper-pagination-bullet-active {opacity: 1;}
.links .swiper-slide {
    height: 116px;
    background: #23b7ff;
    background: linear-gradient(-45deg, #2e69f8, #23b7ff);
}
.partit h3 {height: 34px;line-height: 34px;}
.partit h3:before {
    content: '';
    position: absolute;
    top: 24%;
    left: 0;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background-color: #ff6a00;
    background-image: linear-gradient(to top, #ff902e, #ff6a00);
    margin-right: 10px;
}
.partit .refrbtn {top: 24%;left: 8%;}
.partit .layui-form {top: 0;right: 0;}
.partit .layui-form .layui-input {width: 290px;height: 34px;}
.partit .layui-form .layui-btn {
    top: 0;
    right: 0;
    height: 100%;
    line-height: 34px;
    background-color: transparent;
}
.prolist {margin-left: -1%;}
.inpart-2 .prolist a {width: 32.33%;}
.probox {
    display: inline-block;
    height: 202px;
    margin-left: 1%;
    margin-bottom: 13px;
    padding: 20px 19px;
}
.probox .pic {width: 51px;height: 51px;margin-right: 16px;}
.probox h5 {width: calc(100% - 67px);}
.probox:hover h5 {color: #0e83dd;}
.probox div+p {height: 56px;line-height: 23px;}
.probox .layui-icon {
    width: 16px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}
.probox .icon-cart {background-image: url(../../image/anqing_img/icon-cart.png);}
.online {
    width: 290px;
    height: 632px;
    margin-left: 10px;
    background: url(../../ffcsmodule/default/images/bg-rj-hotsale.png) no-repeat 0 center;
}
.online .icon-new {
    top: -8px;
    width: 27px;
    height: 15px;
    background: url(../../image/anqing_img/icon-new.png) no-repeat center center;
}
.online .seebtn {color: #ff6a00;height: 44px;line-height: 44px;border-radius: 8px;}
.inpart-3 {
    height: 748px;
    /*background: url(../../image/anqing_img/bg-part-2.jpg) no-repeat center center;*/
}
.partit .morebtn {top: 22%;right: 0;}
.inpart-3 .prolist a {width: 24%;}
.probox .icon-fire {background-image: url(../../image/anqing_img/icon-fire.png);}
.probox:hover .colf39 {color: #f39800;}








@media screen and (min-width: 1920px) {
    .inpart-1 {background-size: 100% 520px;}
    .inpart-3 {background-size: 100% 748px;}
}