/*page-gaolou*/
.gl-saving .pic{ width: 50%;}
.gl-saving ul{ width: 50%;}
.gl-saving li .img{ width: 50%;}
.gl-saving li .txt{ width: 50%; padding: 50px 30px 0; height: 300px; border: 1px solid #eaeaea;}
.gl-saving li h3{ margin-bottom: 23px; font-size: 24px; font-weight: bold; color: #00a1e9; letter-spacing: 2px;}
.gl-saving li + li h3{ color: #ee9e1e;}
.gl-saving li p{ line-height: 30px; color: #777;}

.gl-gongyi{ position: relative; background: url("../images/p-gaolou2-bg.jpg") no-repeat center/cover;}
.gl-gongyi .fw-bt{ color: #fff;}
.gy-cont{ margin-bottom: 30px; }
.gy-big{ width: 48.4%; margin-top: 60px; }
.gy-txt{ width: 51.6%; padding: 50px 0 60px 50px; background: #fff; }
.gy-txt .bg{ position: absolute; width: 52.1%; height: 415px; right: 0; top: 191px; background: #fff; }
.gy-txt-box{ position: relative;}
.gy-txt h4{ margin: 40px 0;}
.gy-txt .line{ width: 20px; margin-bottom: 30px; border-top: 3px solid #00a1e9;}
.gy-txt p{ line-height: 36px; color: #777;}
.gy-small .swiper-slide{ width: 19.17%; }
.gy-small .swiper-slide + .swiper-slide{ margin-left: 1.0375%;}
.gy-small .swiper-slide img{ border: 1px solid #585858;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
.gy-small .active-nav img{ border-color: #00a1e9; }

.gl-adv li{ background: #00a1e9; }
.gl-adv .li2,.gl-adv .li4{ background: #ee9e1e;}
.gl-adv li + li{ margin-top: 30px;}
.gl-adv .pic{ width: 66.7%;}
.gl-adv .txt{ width: 33.3%; padding: 60px 30px 0; color: #fff; line-height: 36px;}
.gl-adv .txt h3{ margin-bottom: 15px;}

.gl-case{ background: url("../images/p-gaolou4-bg.jpg") no-repeat center/cover;}
.gl-case .fw-bt{ color: #fff;}
.gl-case ul{ margin: 0 -6px;}
.gl-case li{ float: left; width: 25%; padding: 0 6px;}
.gl-case li a{ display: block;}
.gl-case .pic{ position: relative;}
.gl-case .pic .more{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7);}
.gl-case .pic .more span{ position: absolute; top: 50%; left: 50%; margin: -21px 0 0 -60px; width: 120px; height: 42px; line-height: 40px; font-size: 18px; color: #fff; font-weight: bold; text-align: center; border: 1px solid #fff;}
.gl-case li p{ padding: 0 5px; line-height: 45px; font-size: 18px; font-weight: bold; text-align: center; background: #fff;}


/*page-yunxitong*/
.yxt-shuju{}
.yxt-shuju ul{ margin: 0 -38px;}
.yxt-shuju li{ float: left; width:25%; padding: 0 38px; }
.yxt-shuju h3{ margin: 20px 0 13px; text-align: center; font-size: 18px;}
.yxt-shuju li p{ line-height: 30px; color: #777;}

.yxt-erp{ color: #fff; background: url("../images/p-yunxitong2-bg.png") no-repeat center/cover; }
.yxt-erp .pic{ position: relative; width: 47.42%; }
.yxt-erp .pic a{ display: block;}
.yxt-erp .pic .txt{ position: absolute; left: 5.01%; top: 7%; width: 89.98%; height: 65.5%; background: rgba(0,0,0,.5);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;  }
.yxt-erp .txt span{ position: absolute; left: 50%; top: 50%; margin: -43px 0 0 -100px; padding: 13px 0; width: 200px; font-size: 18px; line-height: 30px; text-align: center; border: 1px solid;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; }
.yxt-erp ul{ width: 52.58%; margin: 8px -9px 0;}
.yxt-erp li{ float: left; width: 50%; padding: 0 9px; margin-bottom: 25px;}
.yxt-erp li .box{ border: 1px solid; padding: 56px 30px 23px;}
.yxt-erp li h3{ position: relative; padding-left: 60px; font-size: 18px;}
.yxt-erp li h3 i{ position: absolute; left: 0; bottom: -2px; font-size: 44px; }
.yxt-erp li p{ line-height: 30px; height: 90px; margin-top: 10px;}

.yxt-ioc-l{ width: 50%;}
.yxt-ioc-r{ width: 49.2%;}
.yxt-ioc-r .txt{ margin: 10px 0; padding: 50px 25px 35px; line-height: 36px; border: 3px dashed #ee9e1e;}
.yxt-ioc-r h3{ margin-bottom: 25px; font-size: 18px; color: #ee9e1e;}
.yxt-ioc-r p{ color: #777;}

.yxt-shengji{ color: #fff; background: url("../images/p-yunxitong4-bg.jpg") no-repeat center/cover;}
.yxt-shengji li{ padding-top: 120px; position: relative; float: left; width: 17.92%; line-height: 28px;}
.yxt-shengji li + li{ margin-left: 2.6%;}
.yxt-shengji .num{ position: absolute; top: -40px; left: 50%; margin-left: -77px; width: 155px; height: 151px; text-align: center; font-size: 42px; font-weight: bold; color: #00a1e9; background: url("../images/p-yunxitong4-1.png") no-repeat center;}
.yxt-shengji .num span{ position: absolute; left: 50%; top: 50%; margin: -14px 0 0 -13px;}
.yxt-shengji h3{ position: absolute; left: 0; top: 90px; width: 100%; font-size: 18px; font-weight: bold; text-align: center;}
.yxt-shengji li p{ padding: 35px 30px 60px; height: 208px; background: url("../images/p-yunxitong4-2.png") no-repeat top center;}

.yxt-shengji .li2,.yxt-shengji .li4{ padding: 0 0 120px;}
.yxt-shengji .li2 h3,.yxt-shengji .li4 h3{ top: auto; bottom: 90px;}
.yxt-shengji .li2 .num,.yxt-shengji .li4 .num{ top: auto; bottom: -37px;}

.yxt-zixun li{ line-height: 36px;}
.yxt-zixun li + li{ margin-top: 40px;}
.yxt-zixun h3{ margin-bottom: 10px; font-size: 18px; line-height: 26px; color: #ee9e1e;}
.yxt-zixun p{ color: #777;}
.yxt-zixun .more{ display: block; width:130px; margin: 40px auto 0; line-height: 40px; font-size: 18px; color: #ee9e1e; text-align: center; border: 1px solid #ee9e1e;}



@media screen and (min-width: 992px){
    /*page-gaolou*/
    .gl-case li:hover .more{ display: block;}
    .gl-case li:hover p{ color: #ee9e1e;}

    /*page-yunxitong*/
    .yxt-erp .pic:hover .txt{ height: 0;}
    .yxt-erp .pic:hover .txt span{
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);}

    .yxt-zixun .more:hover{ color: #fff; background: #ee9e1e;}
}

@media screen and (max-width: 1249px){
    /*page-gaolou*/
    .gl-saving li .txt{ padding: 25px 15px 0; height: 235px;}
    .gl-saving li h3{ margin-bottom: 15px;}

    .gy-txt .bg{ top: 172px; height: 413px;}

    .gl-adv .txt{ padding: 20px 15px 0; line-height: 32px;}

    /*page-yunxitong*/
    .yxt-shuju ul{ margin: 0 -25px;}
    .yxt-shuju li{ padding: 0 25px;}

    .yxt-erp li{ margin-bottom: 18px;}
    .yxt-erp li .box{ padding: 35px 20px 23px;}
    .yxt-erp li h3{ padding-left: 50px;}
    .yxt-erp li h3 i{ font-size: 40px;}

    .yxt-ioc-r .txt{ padding: 30px 25px 20px; line-height: 33px;}
    .yxt-ioc-r h3{ margin-bottom: 12px;}

    .yxt-shengji li{ width: 20%;}
    .yxt-shengji li + li{ margin-left: 0;}
    .yxt-shengji .num{ margin-left: 0; left: 0; width: 100%; background-size: contain;}
    .yxt-shengji li p{ padding: 24px 22px 30px; height: 168px; line-height: 23px; font-size: 15px; background-size: contain;}

}

@media screen and (max-width: 991px){
    /*page-gaolou*/
    .gl-saving li .txt{ padding: 10px 10px 0; height: 180px;}
    .gl-saving li h3{ font-size: 20px; margin-bottom: 5px;}
    .gl-saving li p{ font-size: 14px; line-height: 23px;}

    .gy-txt{ padding: 35px 0 40px 30px;}
    .gy-txt .bg{ top: 151px; height: 382px;}
    .gy-txt h3{ font-size: 20px;}
    .gy-txt h4{ margin: 25px 0;}
    .gy-txt .line{ margin-bottom: 20px;}
    .gy-txt p{ line-height: 32px;}

    .gl-adv .txt{ padding: 10px 10px 0; line-height: 22px; font-size: 14px;}
    .gl-adv .txt h3{ font-size: 20px; margin-bottom: 10px;}

    .gl-case li p{ font-size: 16px; line-height: 42px;}

    /*page-yunxitong*/
    .yxt-shuju ul{ margin: 0 -10px;}
    .yxt-shuju li{ padding: 0 10px;}

    .yxt-erp li .box{ padding: 35px 10px 15px;}
    .yxt-erp li h3{ padding-left: 45px;}
    .yxt-erp li h3 i{ font-size: 36px;}
    .yxt-erp li p{ font-size: 14px; line-height: 24px;}

    .yxt-ioc-r .txt{ padding: 15px 15px 10px; line-height: 20px;}
    .yxt-ioc-r h3{ margin-bottom: 8px;}
    .yxt-ioc-r p{ font-size: 14px;}

    .yxt-shengji li{ width: 33.33%;}
    .yxt-shengji li p{ padding: 40px 25px 0; height: 213px; line-height: 30px; font-size: 16px; background-size: cover;}

    .yxt-zixun .more{ margin-top: 30px;}



}

@media screen and (max-width: 767px){
    /*page-gaolou*/
    .gl-saving ul{ width: 100%; overflow: hidden;}
    .gl-saving ul li{ float: left; width: 50%;}
    .gl-saving ul .img{ width: 100%;}
    .gl-saving ul .txt{ width: 100%; height: auto; padding: 10px; }
    .gl-saving li h3{ font-size: 18px; margin-bottom: 10px;}
    .gl-saving li p{ line-height: 26px;}

    .gy-big{ width: 100%; margin-top: 0;}
    .gy-big img{ width: 100%;}
    .gy-txt{ width: 100%; padding: 20px 10px;}
    .gy-txt h4{ margin: 20px 0;}
    .gy-txt .line{ margin-bottom: 15px;}
    .gy-small .swiper-slide img{
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;}

    .gl-adv li + li{ margin-top: 20px;}
    .gl-adv .pic{ width: 100%;}
    .gl-adv .txt{ width: 100%; padding: 15px;}

    .gl-case li p{ font-size: 15px;}

    /*page-yunxitong*/
    .yxt-shuju li{ position: relative; width: 100%;}
    .yxt-shuju li:nth-child(odd){ padding: 20px 0 20px 125px;  }
    .yxt-shuju li:nth-child(even){ padding: 20px 125px 20px 0;  }
    .yxt-shuju li img{ position: absolute; top: 50%; margin-top: -55px; width: 110px; height: auto; }
    .yxt-shuju li:nth-child(odd) img{ left: 0;}
    .yxt-shuju li:nth-child(even) img{ right: 0; }
    .yxt-shuju li h3{ margin-top: 0; margin-bottom: 10px;}
    .yxt-shuju li:nth-child(odd) h3{ text-align: left; }
    .yxt-shuju li:nth-child(even),.yxt-shuju li:nth-child(even) h3{ text-align: right; }

    .yxt-erp .pic{ width: 100%;}
    .yxt-erp ul{ width: 100%; margin: 0;}
    .yxt-erp li{ width: 100%; padding: 0; margin: 12px 0 0;}
    .yxt-erp li .box{ padding-top: 25px;}
    .yxt-erp li h3{ padding-left: 34px;}
    .yxt-erp li h3 i{ font-size: 30px;}
    .yxt-erp li p{ height: auto;}

    .yxt-ioc-l{ width: 100%;}
    .yxt-ioc-r{ width: 100%;}
    .yxt-ioc-r .txt{ padding: 20px 15px 15px; border-width: 2px;}
    .yxt-ioc-r h3{ margin-bottom: 15px;}
    .yxt-ioc-r p{ font-size: 16px; line-height: 30px;}

    .yxt-shengji{ padding-bottom: 10px;}
    .yxt-shengji li{ width: 50%; margin-bottom: 20px;}
    .yxt-shengji .num span{ font-size: 36px; margin-left: -11px;}
    .yxt-shengji h3{ top: 85px; font-size: 16px; line-height: 20px;}
    .yxt-shengji li p{ position: relative; height: auto; padding: 30px 25px; background: none;}
    .yxt-shengji li p img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

    .yxt-zixun li{ line-height: 30px;}
    .yxt-zixun li + li{ margin-top: 20px;}
    .yxt-zixun .more{ margin-top: 20px;}

}
@media screen and (max-width: 500px){
    /*page-gaolou*/
    .gl-case ul{ margin: 0 -3px;}
    .gl-case li{ width: 50%; padding: 0 3px; margin-bottom: 6px;}

}
@media screen and (max-width: 530px){


}
@media screen and (max-width: 430px) {
    /*page-yunxitong*/
    .yxt-shuju li{ padding-top: 10px!important; padding-bottom: 10px!important;}
    .yxt-shuju li:nth-child(odd){ padding-left: 100px; }
    .yxt-shuju li:nth-child(even){ padding-right: 100px; }
    .yxt-shuju li img{ width: 90px; margin-top: -45px;}

    .yxt-shengji .li2 h3, .yxt-shengji .li4 h3{ bottom: 80px;}
}