@media (min-width:1300px){
    .container {
        width : 1200px !important ;
    }
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:unset !important;
}
html,
body {
    background: #FFFFFF;
    font-family: 'Microsoft YaHei', 'Hiragino Sans GB', Helvetica, Arial, 'Lucida Grande', sans-serif;
    position: relative;
    width: 100%;
    min-width: 1200px;
}

a{
    text-decoration: none;
    color:#868686;
}

.demo-form .form-group .messageCode {
    height: 30px;
    background-color: #0071cf;
    color: #fff;
}
.demo-form .pic-code-container #getImage{
    width: 160px;
    height: 44px;
}
.demo-form .pic-code-container #getCode{
    height: 37px;
    margin-left: 20px;
}
.demo-form .pic-code-container{
    float: left;
    width: 100%;
    display: inline-flex;
    margin: 0 20px 20px 0;
}

.container .buttons-line a {
    display: inline-block;
    margin: 30px 40px;
}
.container .buttons-line a:first-child {
    background-color: #2564eb;
}
.buttons-line a.demo-env {
    background-color: #000000;
}
.buttons-line a.demo-env:hover {
    background-color: #000000;
}

.bg-container .container > div{
	padding-top: 100px;
}


.banner{
	height: 460px;
	width: 100%;
	background: url(../../img/index/banner.png) center no-repeat;
}
.main-para{
	text-align: center;
}
.min_title{
    width: 1290px;
    height: 50px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.min_title p{
    width: 188px;
    height: 50px;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    font-weight: 600;
    margin: 0 13px;
    border-radius: 50px !important;
}
.main-para h5{
	color: #333333;
	font-size: 36px;
	line-height: 80px;
	font-weight: normal;
    padding-top: 24px;
    padding-bottom: 24px;
}

.main-para p{
	font-size: 20px;
	color: #555555;
	line-height: 50px;
    margin-bottom: 12px;
    letter-spacing: 1px;
}
.main-para a,.main-para a:hover{
	/*width: 136px;*/
	/*height: 40px;*/
    /*line-height: 40px;*/
    width: 215px;
    height: 75px;
    line-height: 75px;
	background-color: #4CA3FF;
	/*border-radius: 20px !important;*/
    border-radius: 50px !important;
	color: #FFFFFF;
	font-size: 18px;
}
.container .linie-title hr{
    width: 50%;
    margin: 0 auto;
    border-top: 2px solid #979797;


}
.container .linie-title h3{
    text-align: center;
    font-size: 36px;
    line-height: 59px;
    width: 257px;
    height: 59px;
    margin: 0 auto;
    position: relative;
    top: -32px;
    background-color: #fff;
    border: 0px solid #ccc;
}



.container .item-container {
    /*width: 1180px;*/
    width: 1200px;
    height: 414px;
    border: 0px solid #ccc;
    padding-top: 0 !important;
    margin-bottom: 56px;
    box-shadow: 1px 0px 3px #888888;

}
.container .item-container div {
    float: left;
}
.container .item-container .left-img{
    width: 723px;
    height: 100%;
    background-size: contain,cover;
    background-repeat: no-repeat;
}
.container .item-container .left-img .img {
    width: 100%;
    height: 394px;
    background-size: contain,cover;
    background-repeat: no-repeat;
    margin-top: -1px;
}

.container .item-container .right-content{
    width: 401px;
    height: 100%;
}
.container .item-container .right-content p{
    width: 100%;
    text-align: left;
    margin-left: 78px;
    margin-top: 78px;
    color: #FD775B;
    height:41px;
    font-size:36px;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(253,119,91,1);
    line-height:41px;
    -webkit-background-clip:text;
}

.container .item-container .right-content p span {
    width: 37px;
    height: 37px;
    display: inline-flex;
    position: relative;
    background-position: center;
    top: 6px;
    background-repeat: no-repeat;
    margin-right: 20px;
}

.container .item-container .right-content ul {
    margin-top: 21px;
    margin-left: 113px;
}
.container .item-container .right-content ul li {
    line-height: 41px;
    font-size: 22px;
    list-style: disc outside none;
}
.container .item-container .right-content ul li span {
    margin-left: 22px;
    color: #666;
}

/*第一个列表 成本管理*/
.container .item-container .right-content ul.ul01 {
    color: #FD775B;
}
.container .item-container .right-content p.p01 span.icon {
    background-image: url(../../img/index/icon/01icon2.svg);
}

.container .item-container .right-content p.p02 span.icon {
    background-image: url(../../img/index/icon/03icon.svg);
}
/*第一个列表 成本管理*/
/*第2个列表  */
.container .item-container .right-content ul.ul02 {
    color: #3CC6C2;
}

.container .item-container .right-content p.p02 {
    color: #3CC6C2;
}
.container .item-container .right-content p.p02 span.icon {
    background-image: url(../../img/index/icon/03icon.svg);
}
/*第2个列表   */

/*第3个列表  */
.container .item-container .right-content ul.ul03 {
    color: #589DF5;
}

.container .item-container .right-content p.p03 {
    color: #589DF5;
}
.container .item-container .right-content p.p03 span.icon {
    background-image: url(../../img/index/icon/03icon1.svg);
}

/*第3个列表   */

/*第4个列表  */
.container .item-container .right-content ul.ul04 {
    color: #FD775B;
}
.container .item-container .right-content p.p04 {
    color: #FD775B;
}
.container .item-container .right-content p.p04 span.icon {
    background-image: url(../../img/index/icon/01icon.svg);
}
/*第4个列表   */

/*第5个列表  */
.container .item-container .right-content ul.ul05 {
    color: #FD775B;
}
.container .item-container .right-content  p.p05 {
    color: #FD775B;
}
.container .item-container .right-content p.p05 span.icon {
    background-image: url(../../img/index/icon/01icon.svg);
}



/* 任务管理 */
.container .item-container .right-content ul.ul-blue {
    color: #589DF5;
}
.container .item-container .right-content p.p-task {
    color: #589DF5;
}
.container .item-container .right-content p.p-task span.icon {
    background-image: url(../../img/index/icon/iconTask.svg);
}

/* 甘特图 */
.container .item-container .right-content ul.ul-green {
    color: #3CC6C2;
}
.container .item-container .right-content p.p-gant {
    color: #3CC6C2;
}
.container .item-container .right-content p.p-gant span.icon {
    background-image: url(../../img/index/icon/iconGant.svg);
}
/* 饱和度 */
.container .item-container .right-content p.p-baohedu {
    color: #589DF5;
}
.container .item-container .right-content p.p-baohedu span.icon {
    background-image: url(../../img/index/icon/iconBaohedu.svg);
}
/* 燃尽图 */
.container .item-container .right-content p.p-ranjintu span.icon {
    background-image: url(../../img/index/icon/iconRanjintu.svg);
}
/* 任务验收 */
.container .item-container .right-content p.p-yanshou {
    color: #3CC6C2;
}
.container .item-container .right-content p.p-yanshou span.icon {
    background-image: url(../../img/index/icon/iconYanshou.svg);
}
/* 积分 */
.container .item-container .right-content ul.ul-yellow {
    color: #F4B438;
}
.container .item-container .right-content p.p-points {
    color: #F4B438;
}
.container .item-container .right-content p.p-points span.icon {
    background-image: url(../../img/index/icon/iconPoints.svg);
}
/* 日报 */
.container .item-container .right-content p.p-ribao {
    color: #F4B438;
}
.container .item-container .right-content p.p-ribao span.icon {
    background-image: url(../../img/index/icon/iconRibao.svg);
}

/*第5个列表   */

/*第6个列表  风险管理*/
.container .item-container .right-content ul.ul06 {
    color: #FD775B;
}
.container .item-container .right-content  p.p06 {
    color: #FD775B;
}
.container .item-container .right-content p.p06 span.icon {
    background-image: url(../../img/index/icon/04icon.svg);
}
/*第6个列表   */

/*第7个列表  */
.container .item-container .right-content ul.ul07 {
    color: #589DF5;
}
.container .item-container .right-content  p.p07 {
    color: #589DF5;
}
.container .item-container .right-content p.p07 span.icon {
    background-image: url(../../img/index/icon/05icon.svg);
}
/*第7个列表   */

/*第8个列表  */
.container .item-container .right-content ul.ul08 {
    color: #589DF5;
}
.container .item-container .right-content  p.p08 {
    color: #589DF5;
}
.container .item-container .right-content p.p08 span.icon {
    background-image: url(../../img/index/icon/05icon.svg);
}
/*第8个列表   */

.container .item-container .nav {
    width: 100%;
    display: flex;
    padding-top: 100px;
}

.container .item-container .nav li {
    float: left;
    display: contents;

}
.container .item-container .nav li .product-box {
    width: 17%;
    margin: auto;
    height: 200px;
    /* border: 1px solid #333333; */
    box-shadow: 1px 0px 3px #888888;
}
.container .item-container .nav li .product-box .icon,.container .item-container .nav li .product-box .line {
    float: unset;
}
.container .item-container .nav li .product-box .line {
    width: 100%;
   text-align: center;
}

.container .item-container .nav li .product-box .icon {
    width: 70px;
    height: 70px;
    background-size: contain;
    margin: 52px auto 25px auto;
}

.container .item-container .nav li .product-box .icon.ios {
    background-image: url(../../img/index/clients/ios.svg);
}
.container .item-container .nav li .product-box .icon.ios-qrcode {
    margin: 25px auto 5px auto;
    width: 130px;
    height: 130px;
    background-image: url(../../img/index/clients/ios-qrcode.jpg);
}
.container .item-container .nav li .product-box .icon.android {
    background-image: url(../../img/index/clients/android.svg);
}
.container .item-container .nav li .product-box .icon.android-qrcode {
    width: 130px;
    height: 130px;
    margin: 25px auto 5px auto;
    background-image: url(../../img/index/clients/android-qrcode.jpg);
}

.container .item-container .nav li .product-box .icon.windows {
    background-image: url(../../img/index/clients/windows.svg);
}

.container .item-container .nav li .product-box .icon.macos {
    background-image: url(../../img/index/clients/macos.svg);
}




.left-img .img01 {
    background-image: url(../../img/index/icon/img-cost6.gif);
}

.left-img .img02 {
    background-image: url(../../img/index/icon/img-huikuan.jpg);
}

.left-img .img-cash {
    background-image: url(../../img/index/icon/img-cash.jpg);
}

.left-img .img-baohedu {
    background-image: url(../../img/index/icon/img-baohedu.jpg);
}
.left-img .img-ranjintu {
    background-image: url(../../img/index/icon/img-ranjintu.jpg);
}
.left-img .img-task {
    background-image: url(../../img/index/icon/img-task.jpg);
}
.left-img .img-fengxian {
    background-image: url(../../img/index/icon/img-fengxian.jpg);
}
.left-img .img-zhanji {
    background-image: url(../../img/index/icon/img-zhanji.jpg);
}
.left-img .img-points {
    background-image: url(../../img/index/icon/img-points.jpg);
}
.left-img .img-gant {
    background-image: url(../../img/index/icon/img-gant.gif);
}
.left-img .img-yanshou {
    background-image: url(../../img/index/icon/img-yanshou.jpg);
}
.left-img .img-ribao {
    background-image: url(../../img/index/icon/img-ribao.jpg);
}

.left-img .titleBar-img {
    background-image: url(../../img/index/icon/titleBarB.png);
    width: 100%;
    height: 19px;
    background-size: contain,cover;
    background-repeat: no-repeat;
}

.container .small-tip {
    text-align: center;
    /* margin: 150px auto 100px; */
}

.container h6 {
    font-size: 28px;
    line-height: 50px;
    color: #333333;
    font-weight: normal;
    text-align: center;
}

.container .three-product-container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.three-product-common {
    width: 340px;
    background: #FFFFFF;
    float: left;
    margin-right: 30px;

}

.three-product-common .title {
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #589DF5;
    font-size: 30px;
    margin-bottom: 20px;
}

.three-product-common .price-people-message {
    padding: 0 24px 15px 24px;
    box-shadow: 0 0 30px #EEEEEE;
    height: 609px;
}

.three-product-common .price-people-message .padding-border {
    position: relative;
    text-align: center;
    padding-top: 37px;
    margin-bottom: 20px;
}

.price-logo {
    position: absolute;
    width: 18px;
    height: 42px;
    left: 90px;
    font-size: 20px;
    color: #B6B6B6;
    top:56px;
}

.price-logo-second {
    left: 70px;
}

.price-logo-third {
    left: 8px;
}

.price-num {
    width: 36px;
    height: 84px;
    font-size: 35px;
    color: #484848;
}

.price-msg {
    width: 64px;
    height: 22px;
    font-size: 16px;
    color: #B6B6B6;
}

.max-user {
    margin-top: 40px;
}

.max-user span {
    display: block;
    width: 113px;
    height: 20px;
    font-size: 14px;
    color: #484848;
    text-align: center;
}

.free-use {
	  display: block;
    width: 143px;
    height: 50px;
    line-height: 50px;
    background: #589DF5;
    color: #FFFFFF;
    border-radius: 100px !important;
    border: none;
    margin: 0 auto;
    margin-top: 25px;
    cursor: pointer;
    font-size: 16px;
}

.detail-list li {
    height: 45px;
    line-height: 45px;
    color: #666;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.blue-banner {
    width: 500px;
    height: 0px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: 50px;
    border-radius: 15px !important;
    margin-bottom: 100px;
}

.blue-banner .tel-phone-tip {
    width: 270px;
    height: 42px;
    line-height: 42px;
    font-size: 28px;
    color: #FFFFFF;
    margin-left: 50px;
}

.blue-banner .tel-num {
    width: 380px;
    height: 60px;
    border-radius: 100px 0px 0px 100px !important;
    padding-left: 27px;
    outline: none;
    border: 1px solid #e5e5e5;
    font-size: 24px;
    /* margin-left: 300px; */
}

.blue-banner .tel-num::-webkit-input-placeholder{
    /* WebKit browsers */
    color: #666666;
    font-size: 26px;
}

.blue-banner .tel-num::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666666;
    font-size: 26px;
}

.blue-banner .tel-num::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666666;
    font-size: 26px;
}

.blue-banner .tel-num::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #666666 !important;
    font-size: 26px;
}

.blue-banner .send-msg {
    width: 186px;
    height: 60px;
    border-radius: 0 100px 100px 0 !important;
    background: #4CA3FF;
    border: 1px solid #4CA3FF;
    color: #FFFFFF;
    font-size: 26px;
    padding: 0px;
}

.bott-bg{
	width: 100%;
	background: #333;
	color: #caceca;
    /*position: fixed;*/
    left: 0;bottom: 0;
}

.bott-bg .cont-box{
	font-size: 16px;
	text-align: center;
	padding: 10px 0px;
}

.bott-bg .cont-box span{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-left: 20px;
}

.bott-bg .cont-box > div{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	/* margin-left: 100px; */
}
.bott-bg .cont-box > div h6{
	color: #FFFFFF;
	margin-bottom: 50px;
	font-size: 34px;
}
.bott-bg .cont-box > div p{
	margin-bottom: 20px;
    font-size: 18px;
    text-align: left;
}
header a:hover{
  color: #579DF5 !important;
}


.iconDirect{
	padding-right: 6px;
}
.news-center{
    width: 90%;
    height: 285px;
    margin: auto;
    margin-bottom: 130px;
}
.news-center p,.video-area p {
    width: 100%;
    line-height: 30px;
    font-size: 28px;
    text-align: center;
    color: #000000;
}
.news-center #newsContainer {
    text-align: left;
    position: inherit;
    padding: 20px;
    background-color: #FFFFFF;
}
.news-center #newsContainer div.type-container{
    float: left;
    height: 200px;
    width: 25%;
    color: #000;
}
.news-center #newsContainer div.type-container p {
    color: #000;
}
.news-center #newsContainer div.type-container ul li a {
    line-height: 30px;
    color: #616161;
}

.video-area .video-container{
    width: 1100px;
    height: 600px;
    margin: 0 auto;
}

.box-wrap {
    text-align: center;
    /* background-color: #d4d4f5; */
    overflow: hidden;
    margin-left: 8%;
    margin-right: 8%;
}

.box-wrap>div {
    width: 31%;
    /* height: 31%; */
    /* padding-bottom: 31%; */
    margin: 1%;
    /* border-radius: 10% !important; */
    float: left;
    /* background-color: orange; */
}

.box-videoimg{
    width: 350px;
    height: 197px;
    margin: auto;
    background-size: 100% 100%;
}

.box-videotext{
    width: 350px;
    height:80px;
    margin: auto;
    /* background-color: #000000b0; */
}

.main-para .videop{
    font-size: 18px;
        color:#555555;
        line-height: 40px;
        margin-bottom: 30px;
        text-align: left;
        overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.modal .close {
    position: relative;
    top: -15px;
    left: 11px;
    width: 34px;
    height: 34px;
    background: #666666;
    opacity: 1;
    -webkit-border-radius: 28px !important;
    -moz-border-radius: 18px !important;
    border-radius: 28px !important;
    border: 1px solid #FFFFFF;
    background-image: url(/static/app/1.0.0/img/icon/close.png) !important;
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 6px;
}

.buttons-line .blue-banner-min {
    width: 510px;
    height: 25px;
    display: inline-flex;
    padding-left: 27px;
    outline: none;
    border: none;
    font-size: 24px;
}

.blue-banner-min .tel-num-min {
    /*height: 40px;*/
    height: 75px;
    width: 360px;
    border-radius: 100px 0px 0px 100px !important;
    padding-left: 27px;
    outline: none;
    border: 1px solid #e5e5e5;
    font-size: 22px;
}

.blue-banner-min .tel-num-min::-webkit-input-placeholder { /* WebKit browsers*/
    color:#aaa;font-size:20px;
}
.blue-banner-min .tel-num-min:-moz-placeholder { /* Mozilla Firefox 4 to 18*/
    color:#aaa;font-size:20px;
}
.blue-banner-min .tel-num-min::-moz-placeholder { /* Mozilla Firefox 19+*/
    color:#aaa;font-size:20px;
}
.blue-banner-min .tel-num-min:-ms-input-placeholder { /* Internet Explorer 10+*/
    color:#aaa;font-size:20px;
}

.blue-banner-min .send-msg-min {
    /*height: 40px;*/
    width: 186px;
    height: 75px;
    border-radius: 0 100px 100px 0 !important;
    background: #ff375f;
    border: 1px solid #ff375f;
    color: #FFFFFF;
    /*font-size: 18px;*/
    padding: 0px;

    font-size: 30px;
    font-weight: 325;
}

.send-msg-min-spinner {
    margin: 0px 0 0 36px;
    position: absolute;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 4px solid transparent;
    border-top-color: white;
    border-radius: 50% !important;
    animation: spin 1s linear infinite;

}
.send-msg-spinner {
    margin: 0px 0 0 56px;
    position: absolute;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 4px solid transparent;
    border-top-color: white;
    border-radius: 50% !important;
    animation: spin 1s linear infinite;

}

/* 加载动画的关键帧 */
@keyframes spin {
    from {
        transform: translateY(-50%) rotate(0deg);
    }
    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

.new-para-style{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 19920626;

    transition: bottom 0.5s ease;
}
.new-para-style .container .buttons-line a {
    margin: 0 40px;
}
.new-para-style .blue-banner{
    height: unset !important;
    margin: unset !important;
}


.new-para-style .container {
    background: #FFFFFF;
    border-radius: 10px !important; /* 进一步加大圆角，并确保优先级最高 */
    border: 0.5px solid #979797;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
    padding: 25px 0 25px 0;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10px;
    z-index: 10; /* 确保在最上层 */
}

.new-footer-style .container{
    width: auto !important;
}
.new-para-style  a {
    font-size: 30px;
    font-weight: 325;
}