.wrappercontainer {
    /*padding-top: 90px;*/
    min-width: 980px;

    position: relative;
    overflow: hidden;
}
.headbkgroundbox {
    position: relative;
    width: 100%;
    height: 480px;
    background: url("/newwebsite/costcloud/images/headerimgtwo.png") center center no-repeat;
    background-size: cover;
}
.headbkgroundbox img {
    width: 100%;
    height: 480px;
}
.headbkgroundbox .imgbottom {
    position: absolute;
    top: 470px;
    width: 100%;
    height: 10px;
}
.headbkgroundbox .imgbottom img {
    position: absolute;
    width: 100%;
    height: 10px;
}
/*头部图片上的文字开始*/
.headtitlebigbox {
    width: 1200px;
    margin: 0 auto;
    padding-top: 90px;
    padding-left: 20px;
}
.headbottomcharactersbox {
   /* position: absolute;*/
    width: 315px;
    /*height: 125px;*/

    /*top: 20%;
    left: 15%;*/
}
.headbottomcharactersbox .imgtag{
    width: 1200px;
    height: 85px;
    margin-bottom: 30px;
    color: #fefefe;
}
.headbottomcharactersbox .imgtag h3 {
    font-size: 30px;
    color: #fefefe;
    line-height: 50px;
   /* margin-bottom: 10px;*/
}
.headbottomcharactersbox .imgtagtwo{
    width: 153px;
    height: 30px;
    font-size: 18px;
    line-height: 35px;
    font-weight: normal;
    color: #fefeff;
}
/*申请试用按钮*/
.headbottomcharactersbox .btnbottomontrial {
    width: 135px;
    height: 36px;
    text-align: center;
    line-height: 35px;
    margin-top: 40px;
    background-color: #0062dc;
}
.headbottomcharactersbox .btnbottomontrial a {
    display: inline-block;
    /*width: 80px;
    height: 20px;*/
    font-size: 18px;
    color: #ffffff;
}
.headbottomcharactersbox .btnbottomontrial img {
    width: 20px;
    height: 11px;
    margin-top: -5px;
}
/*头部图片上的文字结束*/

/*费控云简介主体大盒子样式  开始*/
.costmaincontentbox {
    width: 1200px;
    height: 450px;
    margin: 0 auto;
    padding-left: 20px;
    background: white;
}
.costintroducebox {
    /*height: 330px;*/
    /*position: absolute;*/
   /* left: 15%;
    top: 6%;*/
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
}
.costintroducebox .iconcostimgbox {
    float: left;
    width: 145px;
    height: 144px;
    box-shadow: 1px 0px 5px 0px rgba(4, 0, 0, 0.27);
    border-radius: 5px;
}
.costintroducebox .iconcostimgbox img {
    width: 76px;
    height: 77px;
    margin-left: 42px;
    margin-top: 34px;
}
.costintroducebox .structurecontent {
    float: left;
    width: 840px;
    margin-left: 48px;
    margin-top: 42px;
}
.structurecontent .structuretopbox {
    border-bottom: solid 1px #939393;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.structuretopbox h3 {
    font-size: 36px;
    color: #0062dc;
    line-height: 50px;
    letter-spacing: 4px;
    margin-bottom: 10px;
}
.structuretopbox span {
    font-size: 20px;
    line-height: 30px;
    color: #363c48;
}
.costhreebox span {
    display: inline-block;
    width: 148px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    border: solid 1px #939393;
    margin-bottom: 10px;
    margin-right: 25px;
    box-sizing: border-box;
}
/*费控云简介主体大盒子样式  结束*/

/*轮播图主体大盒子样式  开始*/

/*抄别人的轮播图样式*/

.wrapContent{
    background-color: #FAFBFF;
    padding: 0  0 60px;
}
.wrap {
    width: 1200px;
    margin: 0 auto;
}
.wrapContent .titleBox {
    text-align: center;
    padding-bottom: 60px;
    padding-top: 60px;
}
.wrapContent .titleBox h3{
    font-size: 36px;
    color: #0062dc;
    line-height: 50px;
}
.wrapContent .titleBox p{
    color: #999;
    font-size: 18px;
    line-height: 1;
    margin-top: 28px;
}
.wrapContent .productDesc{
    height: 479px;
}
.wrapContent .w300{
    width: 1200px;
    /*border:1px solid #ddd;*/
    height: 159px;
    padding-left: 12px;
    background-color: #FAFBFF;
    box-sizing: border-box;
}
.wrapContent .w875{
    /*width: 875px;*/
    width: 1200px;
    box-sizing: border-box;
    padding-left: 12px;
    position: relative;
    /*border:1px solid #ddd;*/
    background-color: #FAFBFF;
}
.adverContent img {
    float: left;
}
.wrapContent .rightContent{
   /* position: absolute;
    left: 450px;
    top: 25px;
    right: 0;*/
    float: left;
    width: 588px;
    height: 321px;
    box-sizing: border-box;
    padding-top: 20px;
}
/*注人性体验的文字在右边*/
.humancontentright img {
    float: left;
}
.rightContent .title{
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 2px;
    color: #0062dc;
}
.rightContent ul {
    width: 490px;
    margin:0 auto;
}
.rightContent ul li {
    font-size: 18px;
    color: #666;
    line-height: 30px;
    margin-top: 14px;
    position: relative;
}
.rightContent ul li i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #0062dc;
    position: absolute;
    top: 15px;
    left: -20px;
}
.pf-bg1 .btn_box{
    display: none;
}
.rightContent .titleText{
    display: inline-block;
   /* border-bottom: 1px solid #0062dc;*/
    padding: 10px;
    font-weight: bold;
}
.wrapContent .desc_top{
    height: 159px;
    width: 588px;
    background-color: #f3f3f3;
}
.productDesc .img{
    float: left;
    text-align: center;
    /*padding: 40px 0 16px;*/
    padding-top: 35px;
    padding-left: 53px;
    width: 200px;
    box-sizing: border-box;
}
.productDesc .img .white {
    color: #fff;
}
.productDesc .columnline {
    float: left;
    text-align: center;
    padding: 40px 0 16px;
    /*width: 10px;*/
    box-sizing: border-box;
}
.productDesc .hfourtitle{
    font-size: 24px;
}
.productDesc p{
    font-size: 16px;
    line-height:24px;
    margin-top: 18px;
    letter-spacing: 2px;
}
.productDesc .desc_text.white{
    color: #fff;
}
.background_f{
    background: #fff;
}
.productDesc .desc_text{
    float: left;
    width: 385px;
    padding-top: 65px;
    padding-left: 25px;
    box-sizing: border-box;
    margin: 0 auto;
}
.productDesc .desc_text p {
    margin-top: 0px;
}
.deepColor{
    background: #0062dc;
}
.descItem{
    float: left;
    width: 600px;
    cursor: pointer;
}
.descItem.active .normeStyle {
    display: none;
}
.descItem.active .hoverStyle {
    display: block !important;
}
.descItem:hover .normeStyle {
    display: none;
}
.descItem:hover .hoverStyle {
    display: block !important;
}
.descItem .hoverStyle,.descItem .normeStyle{
    height: 100%;
}
.descItem .hoverStyle{
    display: none;
}
.wrapContent .dots{
    text-align: center;
    margin-top: 37px;
}
.wrapContent .dot {
    width: 31px;
    height: 4px;
    background: #d7d7d7;
   /* border-radius: 50%;*/
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
}
.wrapContent .dot.active{
    background: #3b99fc;
}
/*轮播图主体大盒子样式  结束*/

/*集采平台特色样式  开始*/
.gathermaincontentbox {
    width: 1200px;
    height: 625px;
    margin: 0 auto;
}
.gathermaincontentbox .specialtitle{
    text-align: center;
    padding-top: 60px;
}
.gathermaincontentbox .specialtitle h3 {
    font-size: 36px;
    color: #0062dc;
    line-height: 50px;
}
/*集采平台特色样式  结束*/

/*公共的：文字 + 图的样式  开始*/
.specialbigbox {
    width: 1200px;
    height: 425px;
    margin: 0 auto;
    padding-top: 60px;
}
.specialbigbox .usebox {
    float: left;
    padding-left: 75px;
    width: 580px;
    box-sizing: border-box;
}
.usebox .usetitlebox {
    height: 35px;
    font-size: 30px;
    color: #0062dc;
    font-weight: bold;
}
.usebox .usetitlebox em {
    height: 37px;
    width: 5px;
    border-radius: 10px;
    display: inline-block;
    float: left;
    background: #005eb8;
    margin-right: 10px;
}
.usebox .usecontentbox {
    font-size: 18px;
    line-height: 35px;
    margin-left: 25px;
    margin-top: 20px;
}
.usebox .usecontentbox li {
    list-style-type: disc;
}
.usebox .usecontentbox p.multip{
    margin-top: 10px;
}
.usebox .usebottomontrial {
    width: 175px;
    height: 36px;
    text-align: center;
    line-height: 34px;
    margin-top: 20px;
    background-color: #0062dc;
}
.usebox .usebottomontrial a {
    display: inline-block;
    width: 110px;
    height: 20px;
    font-size: 18px;
    color: #ffffff;
}
.usebox .usebottomontrial img {
    margin-top: -5px;
}
.specialbigbox .useimgbox{
    width: 620px;
}

.specialbigbox .useimgbox {
    float: left;
}
/*公共的：文字 + 图的样式  结束*/

/*费控引擎主体大盒子样式  开始*/
.enginemaincontentbox {
    width: 100%;
    height: 490px;
    background-color: #FAFBFF;
}

/*对私报销主体大盒子样式  开始*/
.privatereimburmaincontentbox {
    width: 1200px;
    height: 490px;
    margin: 0 auto;
}

/*对公管理主体大盒子样式  开始*/
.costmanagemaincontentbox {
    width: 100%;
    height: 490px;
    background-color: #FAFBFF;
}

/*财务中台主体大盒子样式  开始*/
.financialmaincontentbox {
    width: 1200px;
    height: 490px;
    margin: 0 auto;
}

/*数据中心主体大盒子样式  开始*/
.datacentermaincontentbox {
    width: 100%;
    height: 490px;
    background-color: #FAFBFF;
}

/*创新特色小功能样式  开始*/
.controlstrengthbox {
    width: 1200px;
    height: 695px;
    margin: 0 auto;
}
.controlstrengthbox .strengthtitle {
    text-align: center;
    padding-top: 60px;
}
.controlstrengthbox .strengthtitle h3 {
    font-size: 36px;
    color: #0062dc;
    line-height: 50px;
}
/*特色小功能盒子样式开始*/
.innovatecontentbox{
    padding-top: 20px;
    height: 485px;
}
.innovatecontentbox ul li{
    float: left;
    /*padding-right: 75px;*/
    padding-right: 40px;
    padding-left: 35px;
    margin-top: 40px;
}
.innovateulbox .licontentdiv {
    width: 165px;
    height: 200px;
    box-shadow: 0px 0px 10px 8px rgb(245, 245, 245);
    cursor: pointer;
    transition: color 1s ease, background-color 1s ease;
}
.licontentdiv .icontitlebox {
    text-align: center;
    padding-top: 20px;
}
.licontentdiv .icontitlebox .hoverimginnovate {
    display: none;
}
.licontentdiv .icontitlebox p {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 10px;
    color: #0062dc;
}
.licontentdiv .innovatetext {
    margin-top: 10px;
    margin-left: 20px;
    width: 130px;
    /*height: 86px;*/
    font-size: 14px;
    line-height: 26px;
    color: #7c7c7c;
}
/*鼠标浮动上去的时候，字体变白，底色变蓝*/
.licontentdiv:hover p{color: #ffffff; !important;}
.licontentdiv:hover img.hoverimginnovate {
    /*注：除了第一个盒子，其他盒子都是蓝色的。鼠标浮动上去的时候要多处理一下*/
   /* background-color: white;
    border-radius: 2px;*/
    /*border: 2px solid #0062dc;*/
    display: block;
    margin-left: 70px;
}
.licontentdiv:hover img.normalimginnovate {
    display: none;
}
.licontentdiv:hover {background-color: #0062dc;}

/*注第一个图标记得加个背景色,它底色是白的*/
.innovateoneimg {
    background-color: #0062dc;
}
/*创新特色小功能样式  结束*/

/*灵活的部署方式样式  开始*/
.arrangeflexiblebox {
    width: 100%;
    height: 710px;
    background-color: #FAFBFF;
}
.arrangeflexiblebox .flexiblecontentbox {
    width: 1200px;
    height: 710px;
    margin: 0 auto;
}
.flexiblecontentbox .flexibletitle {
    text-align: center;
    padding-top: 60px;
}
.flexiblecontentbox .flexibletitle h3{
    font-size: 36px;
    color: #0062dc;
    line-height: 50px;
}
.flexiblecontentbox .flexibletitle p:nth-child(2){
    font-size: 24px;
    line-height: 45px;
    color: #4a4a4a;
}
.flexiblecontentbox .arrangebottombox {
    padding-top: 20px;
    height: 505px;
}
.arrangebottombox ul li {
    float: left;
    /* padding-right: 55px; */
    padding-right: 25px;
    padding-left: 30px;
    margin-top: 40px;
}
.arrangeulbox .arrangelicontbox {
    width: 245px;
    height: 426px;
    /*background-color: #0062dc;*/
    cursor: pointer;
}
.arrangelicontbox .arrangebottntitle{
    box-sizing: border-box;
    text-align: center;
    background-color: #E0E0E0;
    height: 93px;
    padding-top: 20px;
    color: #4c4c4c;
}
.arrangebottntitle p:nth-child(1){
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
}
.arrangelicontbox .arrangebottntitle p:nth-child(2){
    font-size: 12px!important;
}

/*鼠标浮动上去的时候，字体变白，底色变蓝*/
.arrangelicontbox:hover p{color: #ffffff; !important;}
.arrangelicontbox:hover .arrangebottntitle{background-color: #0062dc;}
/*灵活的部署方式样式  结束*/

/*赋能企业全流程费用管控样式  开始*/
.enablewholeprocessbox {
    width: 1200px;
    height: 726px;
    margin: 0 auto;
}
.enablewholeprocessbox .enabletitlebox {
    text-align: center;
    padding-top: 60px;
}
.enablewholeprocessbox .enabletitlebox h3 {
    font-size: 36px;
    color: #0062dc;
    line-height: 50px;
}
.wholeprocessbox ul li {
    float: left;
    /* padding-right: 55px; */
    padding-right: 25px;
    padding-left: 30px;
    margin-top: 60px;
}
.wholeulbox .wholelicontbox{
    width: 332px;
    height: 487px;
    background-color: #0062dc;
    cursor: pointer;
}
.wholelicontbox .wholebottomtitle {
    height: 155px;
    padding-left: 42px;
    padding-top: 20px;
    color: #ffffff;
    box-sizing: border-box;
    background-color: #AAAAAA;
    font-size: 20px;
    line-height: 28px;
    /* text-align: center; */
}
.wholelicontbox .wholebottomtitle p:nth-child(1){
    font-size: 22px;
    line-height: 40px;
}
.wholelicontbox:hover .wholebottomtitle{background-color: #0062dc;}