/*首页*/
.ban-box,.ban-box1{width: 100%;height: 9.03rem;overflow: hidden;}
.ban-box{margin-top: -1.01rem}
.ban-box1 img{width: 100%;height: 100%;}
.ban-icon{width: 100%;height: auto;margin: -0.6rem auto 0 auto;z-index: 30;position: relative;display: flex;justify-content: center}
.ban-icon span{display: block;margin-right: 30px;border-radius: 50%;outline: none;cursor: pointer}
/*
.ban-span{width: 0.1rem!important;height: 0.1rem!important;margin-right: 0.1rem;display: block;background-color: #fff;border-radius: 50%}
.ban-on{!*background-image: url("../images/ban-on.png");background-size: 0.3rem 0.3rem*!}
*/
.ban-span{width: 8px;height: 8px;background-color: #ffffff}
.ban-on{width: 4px;height: 4px;background-color: #fff}

.circleProgress_wrapper{width: 18px;height: 18px;position: absolute;z-index: 20;margin-top: -0.14rem;
}
.wrapper{width: 9px;height: 18px;position: absolute;top:0;overflow: hidden;}
.right{right:0;}
.left{left:0;}
.circleProgress{width: 16px;height: 16px;border:1px solid #fff;
    border-radius: 50%;position: absolute;top:0;-webkit-transform: rotate(45deg);}
.rightcircle{
    border-top:1px solid #004ea1;border-right:1px solid #004ea1;right:0;/*-webkit-animation: circleProgressLoad_right 5s linear infinite;*/
}
.leftcircle{border-bottom:1px solid #004ea1;border-left:1px solid #004ea1;left:0;/*-webkit-animation: circleProgressLoad_left 5s linear infinite;*/
}

.rightAn{-webkit-animation: circleProgressLoad_right 4s linear infinite;}
.leftAn{-webkit-animation: circleProgressLoad_left 4s linear infinite;}

@-webkit-keyframes circleProgressLoad_right{
    0%{
        -webkit-transform: rotate(45deg);
    }
    50%,100%{
        -webkit-transform: rotate(225deg);
    }
}
@-webkit-keyframes circleProgressLoad_left{
    0%,50%{
        -webkit-transform: rotate(45deg);
    }
    100%{
        -webkit-transform: rotate(225deg);
    }
}



.index-jj-box{width: calc(100% - 3rem);height: 7.3rem;padding: 0.87rem 1.5rem 0.87rem 1.5rem;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center}
.index-jj-left{max-width: 8.4rem;height: 7.3rem;display: flex;flex-flow: column nowrap;justify-content: flex-start;align-items: flex-start}
.index-jj-left-title{font-size: 0.3rem;margin-top: 1rem;}
.index-jj-left-center{width: auto;height: auto;display: flex;flex-flow: row nowrap;justify-content: space-between;margin-left: -0.6rem}
.index-jj-left-center div{width: 2.1rem;margin-top: 0.6rem}
.index-jj-left-center div p:first-child{text-align: center;font-size: 0.38rem;color: #444444;}
.index-jj-left-center div p:first-child span{font-size: 0.12rem;color: #444444;vertical-align: top}
.index-jj-left-center div p:last-child{font-size: 0.12rem;color: #444444;margin-top: 0.1rem;margin-bottom: 0.6rem;text-align: center}
.index-jj-left-center i{width: 0.02rem;height: 0.35rem;display: block;background: #eeeeee;/*margin: auto 0.4rem*/align-self: center}
.index-jj-right{width: 7.8rem;height: 7.3rem;position: relative}
.index-jj-right .video{width: 7.8rem;height: 7.3rem;display: block;outline: none;background-size: 7.8rem 7.3rem;background-repeat: no-repeat;background-position: center;position: absolute;top: 0;left: 0;z-index: 2;cursor: pointer}
.index-jj-right .video:after{content: '';width: 7.8rem;height: 7.3rem;display: block;z-index: 10;left: 0;top: 0;background-image: url("../images/pc-video-icon.png");background-size: 0.98rem 0.98rem;background-repeat: no-repeat;background-position: center;}
.index-video-box{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;background-color: #f1f1f1}
.index-jj-right video{width: 100%;outline: none}

.yellow-word{width: auto;font-size: 0.16rem;overflow: hidden;color: #f16616;text-transform:uppercase;
    transform-origin: top left;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    -o-transform: rotate(90deg); /* Opera */}
.yellow-word span{width: 0.52rem;height: 0.02rem;display: inline-block;margin-right: 0.14rem;background: #f16616;vertical-align: super;margin-left: 0.1rem}
.index-jj-content{max-width: 5.9rem;font-size: 0.14rem;color: #444444;line-height: 0.32rem;margin-left: 1.2rem;margin-top: 0.1rem;text-align: justify}
.more{width: 0.8rem;height: 0.4rem;display: block;text-transform: uppercase;line-height: 0.4rem;font-size: 0.12rem;background-color: #eee;margin: 0.36rem 0 0 1.2rem;color: #f16616;text-align: center}
.more:hover{animation: moreTurn 1s forwards}
@-webkit-keyframes  moreTurn{
    100%{color: #ffffff;background-color: #f16616;}
}
@keyframes  moreTurn{
    100%{color: #ffffff;background-color: #f16616;}

}
.index-product-box{width: 100%;height: auto;overflow: hidden}
.index-product-title{font-size: 0.3rem;margin-top: 1.3rem;text-align: center}
.index-product-box1,.index-product-box2{width: 18.62rem;height: 4.33rem;overflow: hidden;margin: 0 auto}
.index-product-box1{margin-top: 0.9rem;position: relative/*display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;*/}
.index-product-prev,.index-product-next{width: 0.21rem;height: 0.36rem;position: absolute;cursor: pointer;z-index: 20;top: 2rem}
.index-product-prev{left: 0.05rem;}
.index-product-next{right: 0.05rem}
.my-button-disabled{opacity:0.2;}
.product-child{width: 3.54rem!important;height: 4.33rem;background-color: #e1e1e1;margin-right: 0.24rem;overflow: hidden}
.img-txt{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center}
.img-txt img{width: auto;height: auto;max-width: 80%}
.product-child-title2{width: 100%;font-size: 0.2rem;line-height: 0.52rem;position: absolute;z-index: 10;bottom: 0;}
.product-child:before{content: '';width: 100%;height: 0.9rem;position: absolute;bottom: 0;left: 0;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.01) 20%,rgba(0,0,0,0.08) 90%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, rgba(255,255,255,0.01),rgba(0,0,0,0.08)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top,rgba(255,255,255,0.01),rgba(0,0,0,0.08)); /* Firefox 3.6 - 15 */
    background: linear-gradient(top, rgba(255,255,255,0.01),rgba(0,0,0,0.08)); }

.product-child-mb{display: none;width: 2.93rem;height: 2.93rem;overflow: hidden;background-color: rgba(240,114,42,0.9);/*margin: !*-3.63rem*!0 auto 0.7rem auto;*/z-index: 30;position: absolute;top: 0.7rem;left: 0.3rem}
.product-child-mb p:first-child{font-size: 0.18rem;margin-top: 1.1rem}
.product-child-mb p:last-child{width: 1.2rem;height: 0.4rem;border-radius: 0.2rem;font-size: 0.12rem;border: #ffffff solid 0.01rem;margin: 0.2rem auto 0 auto;line-height: 0.4rem;text-transform: uppercase}
.yellow-word1{margin: -0.4rem 0 0 0.95rem;
    z-index: 40;
    position: relative;}
.more1{margin: 0.9rem auto 1rem auto;}
.more2{margin: 0.7rem auto 0 2.14rem;}
.index-project-box{width: 100%;height: 9.08rem;display: flex;flex-flow: row nowrap;justify-content: space-between;}
.index-project-left-title{margin: 1.15rem 0 0 2.07rem;font-size: 0.3rem}
.index-project-left-center{width: 8.15rem;height: auto;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;margin: 0.8rem 0 0 2.14rem}
.index-project-box1{width: 3.86rem;height: 1.98rem;border: #eeeeee solid 0.01rem;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;cursor: pointer;margin-bottom: 0.45rem}
.index-project-box1 p{font-size: 0.16rem;margin-top: 0.27rem}
.index-project-box1-on{border: #f16616 solid 0.01rem;}
.index-project-box1-on p{color: #f3804c}
.index-project-box1-on img:nth-child(1){display: none!important;}
.index-project-box1-on img:nth-child(2){display: block!important;}
.index-project-img1,.index-project-img2{width: auto;height: 0.66rem}
.index-project-img3,.index-project-img4{width: auto;height: 0.64rem}
.index-project-img5,.index-project-img6{width: auto;height: 0.65rem}
.index-project-img7,.index-project-img8{width: auto;height: 0.63rem}
.index-project-box1 img:nth-child(2){display: none}
.index-project-right,.index-project-child{width: 7.4rem;height: 9.08rem;overflow: hidden}
.index-project-child-bg{width: 7.4rem;height: 9.08rem;display: block;overflow: hidden;}
.index-project-child a{width: 2.53rem;height: auto;background: #ffffff;margin: -2.3rem 0 0 2.4rem;z-index: 20;position: relative;overflow: hidden;display: flex;flex-flow: row nowrap;justify-content: space-between}
.index-project-child a p{width: 1.76rem;height: 1.46rem;line-height: 1.46rem;text-align: center;}
.index-project-child a span{width: 0.77rem;height: 1.46rem;background-color: #f16616;background-image: url("../images/index-project-jt.png");background-size: 0.12rem 0.08rem;background-repeat: no-repeat;background-position: center;}

.index-news-box{width: 100%;height: auto;overflow: hidden}
.index-news-top-title{margin: 1.3rem 0 0 2.07rem;font-size: 0.3rem;}
.index-news-center{width: 15.65rem;height: 5.28rem;margin: 0 auto 0.55rem 2.07rem;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;overflow: hidden;}
.index-news-center-box{display: flex;flex-flow: row nowrap;justify-content: space-between;}
.index-news-child1{width: 6.16rem;height: auto;overflow: hidden;display: block;margin-top: 0.6rem}
.index-news-child1 div {width: 6.16rem;height: 2.8rem;overflow: hidden;display: flex;justify-content: center;align-items: center;background: #f7f7f7;}
.index-news-child1 div img{width: auto;height: auto}
.index-news-child-title{font-size: 0.16rem;margin-top: 0.23rem;padding-left: 0.2rem;background-image: url("../images/index-news-icon.png");background-position: center left;background-repeat: no-repeat;background-size: 0.06rem 0.06rem}
.index-news-child-title-on{background-image: url("../images/index-news-icon-on.png");color: #f16616!important;}
.index-news-child-abstract{font-size: 0.14rem;line-height: 0.26rem;margin-top: 0.2rem;padding-left: 0.2rem}
.index-news-child2{width: 8.32rem;height: 1.75rem;border-bottom: #eeeeee solid 0.02rem;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;
    background-image: url(../images/case-on-bg.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 0 0.02rem;
    background-position-y: 1.74rem;
}
.index-news-child3:hover{animation: indexNews 0.5s forwards;-webkit-animation: menuOn 0.5s forwards;}
/* Chrome, Safari, Opera */
@-webkit-keyframes indexNews {
    100% {background-size: 100% 0.02rem;}
}
/* Standard syntax */
@keyframes indexNews {
    100% {background-size: 100% 0.02rem;}
}
.move-icon{animation: indexIcon infinite 1.5s}
@keyframes indexIcon {
    from{margin-left: 0}
    to{margin-left: 0.2rem}
}

.index-news-left{width: 5.75rem;height: 100%;display: flex;flex-flow: column nowrap;justify-content: center;margin-left: 0.22rem}
.index-news-right{width: 1.2rem;height: 100%;display: flex;flex-flow: column nowrap;justify-content: flex-start}
.index-news-right p{margin-top: 0.6rem}
.index-news-link{width: 0.34rem;height: auto;margin-top: 0.3rem}
.index-news-nav{width: auto;height: auto;margin-bottom: 1rem;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center}
.index-news-nav span{width: 0.29rem;height: 0.29rem;display: block;border: #666666 solid 0.01rem;background-repeat: no-repeat;background-position: center;background-size: 0.13rem 0.07rem}
.index-news-prev{background-image: url("../images/index-news-prev.png")}
.index-news-prev:hover{background-image: url("../images/index-news-prev-on.png");border: #f16616 solid 0.01rem}
.index-news-next{background-image: url("../images/index-news-next.png");margin-top: 0.1rem}
.index-news-next:hover{background-image: url("../images/index-news-next-on.png");border: #f16616 solid 0.01rem}
.video-bg{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 100;background-color: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;}
.video-bg video{width: auto;height: auto}


/*案例详情*/
.case-details{padding: 0.43rem 0 0.64rem 0;font-family: "微软雅黑"; font-size: 16px;line-height:24px;text-align:justify;color:#333}
.case-details table{border-collapse: collapse;}
.case-title{font-size: 0.20rem;margin-top: 0.63rem}
.case-date{margin-top: 0.19rem;font-size: 0.16rem;margin-bottom: 0.15rem;}
.case-content{width: 100%;height: auto;padding: 0.15rem 0;border-bottom: #f6f6f6 solid 0.01rem;font-family: "微软雅黑"; font-size: 16px;line-height:28px;text-align:justify;color:#333}
.case-content table{border-collapse: collapse;}
.case-nav{width: 100%;height: 1.2rem;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center}
.case-prev-next{display: flex;flex-flow: column nowrap;justify-content: flex-start;align-items: flex-start}
.case-prev-next a{font-size: 0.16rem;}
.case-prev-next a:last-child{margin-top: 0.16rem}
.back-list{width: 1.2rem;height: 0.5rem;background-color: #d71618;font-size: 0.16rem;line-height: 0.5rem}
.video-details{max-width: 100%;height: auto;margin: 50px auto;display: block}

/*案例中心*/
.case-box1{padding: 0.6rem 0}
.case-box{width: 100%;height: auto;display: flex;flex-flow: row wrap;}
.case-box:after{content:' ';flex:auto;}
.case-child{width: 4.76rem;height: 4.46rem;display: block;overflow: hidden;margin-bottom: 0.35rem;margin-right: 0.36rem;}
.case-child:nth-child(3n){margin-right: 0}
.case-child-left{width: 100%;height: 3.33rem;overflow: hidden;background-color: #f1f1f1}
.case-child-left img{width: 100%;height: 3.33rem;display: block}
.case-child-right{width: 100%;height: 1.13rem;background-color: #f8f8f8;overflow: hidden;background-image: url("../images/case-on-bg.png");background-position: left bottom;background-repeat: no-repeat;background-size: 0 0.02rem}
.case-title{font-size: 0.20rem;margin-top: 0.2rem}
.case-abstract{width: 3rem;line-height: 0.24rem;margin: 0.1rem auto 0 auto}
.case-child-on{background-color: #ffffff!important;animation: mymove 0.8s forwards;-webkit-animation: mymove 0.8s forwards; /* Chrome, Safari, Opera */}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    100% {background-size: 100% 0.02rem;box-shadow: 0 8rem 5rem 0 #888888;}
}
/* Standard syntax */
@keyframes mymove {
    100% {background-size: 100% 0.02rem;box-shadow: 0 8rem 5rem 0 #888888;}
}
.case-page{width: 100%;height: 0.6rem;display:flex;flex-flow: row nowrap;justify-content: center;align-items: center;font-size: 0.16rem;margin-top: 0.2rem;margin-bottom: 0.88rem}
.case-page a{margin: 0 0.14rem;}
.case-prev,.case-next{width: 0.6rem;height: 0.6rem;border-radius: 0.3rem;background-color: #aaaaaa;background-size: 0.12rem 0.22rem;background-repeat: no-repeat;background-position: center}
.case-prev{background-image: url("../images/case-prev.png")}
.case-next{background-image: url("../images/case-next.png")}
.case-on{color: #fb6a17}
.case-btn-on{background-color: #fb6a17}
/*产品中心*/
.product-child1{width: 4.74rem;height: 4.28rem;display: block;overflow: hidden;margin-bottom: 0.3rem;border: #dddddd solid 0.01rem;margin-right: 0.35rem;position: relative}
.product-child1:nth-child(3n){margin-right: 0!important;}
.product-child1 img{width: 100%;height: 3.33rem;overflow: hidden;display: block}
.product-child-box{width: 100%;height: 0.94rem;overflow: hidden;border-top: #dddddd solid 0.01rem;z-index: 10;background-image: url("../images/case-on-bg.png");background-position: left bottom;background-repeat: no-repeat;background-size: 0 0.02rem}
.product-child-box p{padding-left: 0.4rem}
.product-title{font-size: 0.14rem;margin-top: 0.3rem}
.product-abstract{max-width: calc(100% - 0.6rem);height:0.16rem;overflow: hidden;margin-top: 0.1rem}
.product-mb{width: 3.5rem;height: 2.44rem;background-color: rgba(251,106,23,0.8);/*margin: -6.75rem auto 0 auto;*/position: absolute;top: 0.42rem;left: 0.62rem;display: flex;justify-content: center;align-items: center;z-index: 2}
.product-mb p{font-size: 0.2rem}
.case-product-on{animation: mymove 0.5s forwards;-webkit-animation: myMove 0.5s forwards; }
/* Chrome, Safari, Opera */
@-webkit-keyframes myMove {
    100% {background-size: 100% 0.02rem;}
}
/* Standard syntax */
@keyframes myMove {
    100% {background-size: 100% 0.02rem;}
}
/*产品详情*/
.product-top{width: 100%;height: 6rem;display: flex;flex-flow: row nowrap;justify-content: space-between;margin: 0.55rem 0 0.5rem 0}
.product-top-left,.product-swiper{width: 7.5rem;height: 6rem;overflow: hidden;}
.product-swiper{background-color: #f8f8f8}
.product-img{width: 7.5rem!important;height: 6rem!important;display: block}
.product-nav{width: 100%;height: 0.76rem;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;margin-top: -0.76rem;z-index: 20;position: relative}
.product-nav span{width: 0.1rem;height: 0.1rem;display: inline-block;margin-right: 0.1rem;border-radius: 100%}
.product-nav span:last-child{margin-right: 0!important;}
.product-nav-span{background-color: #999999}
.product-nav-on{background-color: #fb6a17}
.product-top-right{width: 7rem;max-height: 6rem;}
.product-details-title{font-size: 0.3rem;margin-top: 0.6rem}
.product-details-abstract{font-size: 0.16rem;line-height: 0.3rem;margin-top: 0.36rem}
.ee-line{width: 100%;height: 0.01rem;display: block;background-color:#eeeeee;margin: 0.5rem 0 0.4rem 0;}
.product-details-title1{font-size: 0.28rem;}
.product-details-td{width: calc(100% - 0.2rem);height: 1.14rem;padding-right: 0.2rem;font-size: 0.16rem;line-height: 0.3rem;margin-top: 0.14rem;margin-bottom: 0.4rem;overflow-y: auto}
.product-details-td span{display: inline-block}
.roll_con1::-webkit-scrollbar{
    width: 5px;/*对垂直流动条有效 5px*/
    height: 4px;/*对水平流动条有效*/
    margin-right: -2px;
}
/*定义滚动条的轨道颜色、内阴影及圆角*/
.roll_con1::-webkit-scrollbar-track{background-color: #f4f4f4;}
/*定义滑块颜色、内阴影及圆角*/
.roll_con1::-webkit-scrollbar-thumb{background-color: #fb6a17;cursor: pointer}
.zx-box{width: 2.68rem;height: 0.56rem;display: block;line-height: 0.56rem;background-color: #fb6a17;cursor: pointer}
.product-bottom-top{width: 100%;height: 0.45rem;border-top: #eeeeee 0.01rem solid;border-bottom: #eeeeee solid 0.01rem;display: flex;justify-content: center;align-items: center}
.product-bottom-top p{font-size: 0.2rem;cursor: pointer}
.product-bottom-top-title-on{color: #333333}
.product-bottom-top span{width: 0.01rem;height: 0.2rem;display: block;background-color: #eeeeee;margin: 0 0.49rem}
.product-content{margin:0.3rem 0 1rem 0;font-family: "微软雅黑"; font-size: 16px;line-height:24px;text-align:justify;color:#333}
.product-content table{border-collapse: collapse;}
.product-data{display: none}
.product-data-child{width: 100%;height: 0.67rem;border-bottom: 0.01rem solid #dddddd;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center}
.product-data-child:last-child{border-bottom: 0!important;}
.product-data-child p{color: #555555}
.product-data-child a{display: flex;align-items: center}
.product-data-child a img{width: 0.18rem;height: 0.18rem;margin-right: 0.04rem}
.product-data-child a span{color: #fb6a17;}
/*公司新闻*/
.news-box{margin: 0.55rem 0}
.news-child{width: 100%;height: 3.05rem;padding-bottom: 0.25rem;border-bottom: #eeeeee solid 0.01rem;margin-bottom: 0.2rem;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center}
.news-child:last-child{border-bottom: 0!important;}
.news-child-left{width: 4.64rem;height: 3.05rem;overflow: hidden}
.news-child-left-img{width: 4.64rem;height: 3.05rem;display: block;transform: scale(1);transition: transform 1s;}
.news-child-right{width: calc(100% - 4.64rem);height: 100%;padding: 0 0.7rem 0 0.4rem}
.news-list-title{margin-top: 0.5rem}
.news-list-time{height: 0.15rem;margin-top: 0.3rem;background-image: url("../images/news-time-icon.png");background-size: 0.15rem 0.15rem;background-repeat: no-repeat;background-position:  center left;padding-left: 0.25rem}
.news-list-abstract{line-height: 0.24rem;margin-top: 0.6rem}
.news-child-on{background-color: #f8f8f8}
.news-child-on p:first-child{color: #fb6a17!important;}

/*关于我们*/
.jj-box{width: 100%;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;margin-top: 0.9rem;margin-bottom: 1rem}
.jj-box-left{max-width: 7.15rem;}
.saying{font-size: 0.24rem;line-height: 0.36rem}
.who-say{font-size: 0.24rem;float: right;display: flex;align-items: center}
.who-say span{width: 0.51rem;height: 0.03rem;display: inline-block;background-color: #333333;margin-right: 0.22rem}
.jj-content{line-height: 0.36rem}
.jj-box-right{width: 7.13rem;height: 4.37rem;border: #eeeeee solid 0.01rem;overflow: hidden;display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center}
.jj-box-right div{width: 50%;height: 50%;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center}
.jj-box-right div:first-child{width: calc(50% - 0.01rem);height: calc(50% - 0.01rem);border-right: #eeeeee solid 0.01rem;border-bottom: #eeeeee solid 0.01rem}
.jj-box-right div:nth-child(2){height: calc(50% - 0.01rem);border-bottom: #eeeeee solid 0.01rem}
.jj-box-right div:nth-child(3){width: calc(50% - 0.01rem);}
.jj-box-right div:last-child{width: calc(50% - 0.01rem);height: calc(50% - 0.01rem);border-left: #eeeeee solid 0.01rem}
.jj-box-right div p:first-child{font-size: 0.12rem;color: #666666}
.jj-box-right div p:first-child span{font-size: 0.48rem;color: #fb6a17;font-weight: bold}
.jj-box-right div p:last-child{font-size: 0.14rem;color: #666666;margin-top: 0.2rem}
.jj-box1{width: 100%;height: 8.06rem;display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;margin-bottom: 1rem}
.jj-box1 div,.jj-img-box{width: 50%;height: 50%;overflow: hidden}
.jj-img1{width: 100%;height: 100%;cursor: pointer}
.jj-box1 div{display: flex;flex-flow: column nowrap;justify-content: center;align-items: center}
.qysm-icon{width: 0.6rem;height: 0.6rem}
.qyyj-icon{width: 0.75rem;height: 0.67rem}
.qy-title{font-size: 0.24rem;margin-top: 0.34rem}
.qy-info{max-width: 5.3rem;font-size: 0.18rem;line-height: 0.38rem;margin-top: 0.4rem;display: -webkit-box;
    -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align: center}
.bg-f8{background-color: #f8f8f8}
.bg-f9{background-color: #f9f9f9}
.develop-box{height: auto;overflow: hidden;}
.develop-top-title{margin-top: 1rem}
.develop-box1{margin: 0.7rem auto;display: flex;flex-flow: row nowrap;justify-content: space-between}
.develop-box2{width: 12.9rem;overflow: hidden}
.develop-title{width: auto!important;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;margin-right: 0.45rem;cursor: pointer;}
.develop-title1{width: 0.8rem!important;font-family: Arial sans-serif;height: 0.8rem!important;border-radius: 50%;background-color: #bbbbbb;border: #eeeeee solid 0.18rem;font-size: 0.24rem;font-weight: bold;line-height: 0.8rem;}
/*.develop-title1:hover{animation: turnBig 2s infinite;animation-iteration-count:1;!*动画只执行一次*!}*/
/* Chrome, Safari, Opera */
@-webkit-keyframes turnBig {
    from{width: 0.8rem;height: 0.8rem;border: 0;line-height: 0.8rem}
    to {width: 1.16rem;height: 1.16rem;border: 0;line-height: 1.16rem}
}
/* Standard syntax */
@keyframes turnBig {
    100% {width: 1.16rem;height: 1.16rem;border: 0;line-height: 1.16rem}
}

.develop-title-on{background-color: #fb6a17;border-color: #f9dccc}
.develop-prev,.develop-next,.develop-disabled{width: 0.58rem;height: 0.88rem;display: block;margin-top: 0.25rem;}
.develop-prev,.develop-next{cursor: pointer}
.develop-title2{margin-top: 0.19rem;}
.develop-title3{margin-top: 0.1rem}
.develop-box3{width: 12.95rem;height: 3.28rem;margin: 0 auto 0.8rem auto;overflow: hidden}
.develop-child{width: 12.95rem;height: 3.28rem;display: flex;flex-flow: row nowrap;justify-content: space-between}
.develop-child-img{width: 5rem;height: 100%;overflow: hidden;background-color: #f1f1f1}
.develop-child-img img{width: 100%;height: 100%;cursor: pointer}
.develop-child-content{width: 7.65rem;height: 100%;overflow-x: auto}
.develop-child-content-title{line-height: 0.56rem}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.develop-child-content::-webkit-scrollbar{
    width: 0.04rem;/*对垂直流动条有效*/
    height: 0.02rem;/*对水平流动条有效*/
    margin-right: -0.01rem;}
/*定义滚动条的轨道颜色、内阴影及圆角*/
.develop-child-content::-webkit-scrollbar-track{background-color: #f0f0f0}/*ce1639 background-color: #d2d2d2;*/
/*定义滑块颜色、内阴影及圆角*/
.develop-child-content::-webkit-scrollbar-thumb{background-color: #fb6a17}
.honor-box1{margin: 0.78rem 0;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;}
.honor-box2{width: 15rem;height: 3.9rem;overflow: hidden;margin: 0 0.2rem}
.honor-child{width: 4.75rem!important;height: 100%!important;background-color: #f8f8f8;margin-right: 0.26rem}
.honor-child div{width: 4.75rem;height: 3.12rem;overflow: hidden;cursor: pointer}
.honor-child div img{width: 4.75rem;height: 3.12rem;}
.honor-child p{width: 90%;height: 0.68rem;padding: 0 5%;line-height: 0.68rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.honor-prev,.honor-next{width: 0.58rem;height: 0.88rem;display: block;}
.hj-box1{height: 7.4rem;margin: 0.84rem auto;}
.hj-child{width: 100%!important;height: 100%!important;}
.hj-child div{width: 100%;height: 4.92rem;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: flex-start}
.hj-img{width: 3.75rem;height: 2.46rem;display: block}
.hj-img2{width: 7.5rem;height: 4.92rem;display: block}
.hj-img3{align-self: flex-end}
.hj-nav{width: 100%;height: 0.59rem;text-align: right;z-index: 70;position: relative;margin: -0.56rem auto;overflow: hidden;display: flex;justify-content: flex-end;}
.hj-nav span{width: 0.59rem;height: 0.59rem;display: inline-block;background-size: 0.59rem 0.59rem;background-position: center;background-repeat: no-repeat;cursor: pointer}
.hj-prev{background-image: url("../images/hj-prev.png")}
.hj-next{background-image: url("../images/hj-next.png");margin-left: 0.23rem}
/*新闻资讯*/
.img-text-box{margin: 0.4rem auto 0.3rem auto}
.img-text-child{width: 100%;height: 3.58rem;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center}
.img-left-box{width: 4.64rem;height: 3.05rem;overflow: hidden}
.img-left{width: 4.64rem;height: 3.05rem;display: block;transform: scale(1);transition: transform 1s;}
.img-right-box{width: 8.1rem;height: calc(100% - 0.3rem);padding-bottom: 0.3rem;border-bottom: #eeeeee solid 0.01rem;display: flex;flex-flow: column;justify-content: center;
    background-image: url("../images/case-on-bg.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 0 0.01rem
}
.text-center-p1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.text-center-p2{margin: 0.28rem 0 0.58rem 0;line-height: 0.24rem;display: -webkit-box;-webkit-box-orient: vertical;-weblit-line-clamp: 3;overflow: hidden}
.text-center-p3{width: 0.7rem;height: 0.2rem;display: block;padding-right: 0.38rem;background-image: url("../images/news-jt-nor.png");background-size: 0.24rem 0.09rem;background-repeat: no-repeat;background-position: center right}
.time-right{width: 0.75rem;height: 0.75rem;align-self: flex-start;margin-top: 0.7rem;background-color: #eeeeee;font-size: 0.18rem;display: flex;flex-flow: row nowrap;justify-content: center;align-items: baseline;line-height: 0.75rem}
.time-right span{font-size: 0.24rem}
.img-text-child:last-child{/*border-bottom: #eeeeee solid 0.01rem*/}
.img-text-on .text-center-p1,.img-text-on .text-center-p3{color: #fb6a17!important;}
.img-text-on .text-center-p3{background-image: url("../images/news-jt-on.png")}
.img-text-on .time-right{background-color: #fb6a17!important;;color: #ffffff!important;}
.img-text-on .img-right-box{animation: imgTextOn 0.5s forwards;-webkit-animation: imgTextOn 0.5s forwards;}
/* Chrome, Safari, Opera */
@-webkit-keyframes imgTextOn {
    100% {background-size: 100% 0.01rem;}
}
/* Standard syntax */
@keyframes imgTextOn {
    100% {background-size: 100% 0.01rem;}}


    /*人才理念*/
.kf-box{margin: 0.6rem auto}
.kf-box img{width: 100%;height: auto}
.kf-box div{margin-top: 0.4rem}
.kf-box div p{line-height: 0.34rem}
/*招聘岗位*/
.job-box{margin: 0.3rem auto 0.6rem auto}
.job-theme-title{width: 100%;height: 0.6rem;border-bottom: #eeeeee solid 0.01rem;display: flex;align-items: center;margin-bottom: 0.2rem}
.job-theme-title img{width: 0.04rem;height: 0.22rem;display: block;margin-right: 0.11rem}
.job-theme-title p{font-size: 0.2rem;color: #e60012}
.job-mx{display: flex;}
.job-mx p{min-width: 2.7rem;line-height: 0.3rem;}
.job-content{line-height: 0.3rem;}
/*视频中心*/
.video-box{margin: 0.3rem auto 0.6rem auto;display: flex;flex-flow: row wrap;justify-content: flex-start;align-content: flex-start}
.video-child{width: 4.8rem;height: 3.7rem;margin-right: 0.3rem;}
.video-child:nth-child(3n){margin-right: 0!important;}
.video-child video{width: 100%;height: 3.15rem;display: block;background-color: #f1f1f1}
.video-child img:nth-child(2){width: 0.46rem;height: 0.46rem;z-index: 20;display: block;margin: -1.83rem auto 0 auto;position: relative}
.video-child p{width: 80%;height: 0.55rem;line-height: 0.55rem;padding: 0 10%;display: block;margin-top: 1.35rem}
/*营销网络*/
.network-box{height: auto;margin: -0.5rem auto 1rem auto;display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: flex-start}
.network-box1{max-width: 5.3rem;height: auto;margin-top: 1rem}
.network-box3 select{width: 3.72rem;height: 0.5rem;border: #e5e5e5 solid 0.01rem;outline: none;margin-bottom: 0.35rem;text-align: center;
    text-align-last: center;-webkit-appearance: none;background-image: url(../images/select-jt.png);background-repeat: no-repeat;background-position: 95%;background-size: 0.13rem 0.07rem;}
.network-box2{width: 9.54rem;height: 6.65rem;background-image: url("../images/network-bg.jpg");background-position: top right;background-repeat: no-repeat;background-size: 9.54rem 6.65rem;display: flex;justify-content: center;align-items: center}
.network-box4 li{max-width: 80%;height: auto;margin-bottom: 0.35rem}
.network-box4 li p{max-width: 100%}
.network-box4 li p:nth-child(2){line-height: 1.5}
.phone{margin-top: 0.14rem}
.phone1{margin-top: 0.1rem}
/*岗位列表*/
.job-box{min-height: 500px;padding-top: 0.8rem}
.job-child{width: calc(100% - 0.03rem);margin: 0 auto;border-top: #dddddd solid 0.01rem;border-left: #dddddd solid 0.01rem;border-right: #dddddd solid 0.01rem;}
.job-child:last-child{border-bottom: #dddddd solid 0.01rem;}
.job-child-top{width: 100%;height: 0.6rem;background-color: #f8f8f8;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;cursor: pointer}
.job-child-top p{margin-left: 0.2rem}
.job-child-top a{margin-right: 0.2rem}
.job-child-bottom{display: none}
.job-child-bottom-box1{width: 14.4rem;height: 0.69rem;border-bottom: #eeeeee solid 0.01rem;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;margin: 0 auto}
.job-child-bottom-box2{width: 14.4rem;height: auto;margin: 0 auto;padding: 0.2rem 0 0.3rem 0}
.job-child-bottom-title{line-height: 0.28rem}
.job-child-bottom-title1{line-height: 0.26rem}
/*联系方式*/
.way-box{margin: 0.6rem auto}
.way-top{width: calc(100% - 0.04rem);height: 3.26rem;border: 0.02rem solid #eeeeee;display: flex;flex-flow: row nowrap;justify-content: space-around;align-items: baseline;}
.way-top-child{width: 3.58rem;cursor: pointer;margin-top: 0.58rem}
.way-top-child img{width: auto;height: 0.64rem}
.way-top-cn-title{font-weight: bold;margin: 0.19rem 0 0.11rem 0;}
.way-top-en-title{font-family: Arial sans-serif;}
.way-top-line{width: 100%;height: 0.02rem;display: block;background-color: #eeeeee;margin-top: 0.18rem;
    background-image: url("../images/case-on-bg.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 0 0.02rem
}
.way-top-common-title{margin-top: 0.2rem}
.way-top-child-on .way-top-cn-title,
.way-top-child-on .way-top-en-title,
.way-top-child-on .way-top-common-title{color: #fb6a17}
.way-top-child-on .way-top-line{animation: topLine 0.5s forwards;-webkit-animation: topLine 0.5s forwards; }

/* Chrome, Safari, Opera */
@-webkit-keyframes topLine {
    100% {background-size: 100% 0.02rem;}
}
/* Standard syntax */
@keyframes topLine {
    100% {background-size: 100% 0.02rem;}
}
.way-bottom{width: 100%;height: 6.1rem;margin: 0.8rem 0 1rem 0;display: flex;justify-content: space-between;}
.way-bottom-left{width: 4.4rem;height: 6.1rem;background-color: #fb6a17;color: #ffffff;background-image: url("../images/contact-bg.png");background-size: 3.5rem 0.49rem;background-repeat: no-repeat;background-position: 50% 95%}
.way-bottom-title{font-size: 0.3rem;margin-top: 0.78rem}
.way-bottom-title1{margin-top: 0.09rem}
.way-bottom-img{width: 0.23rem;height: 0.23rem;margin-top: 0.66rem;margin-left: 0.53rem}
.way-bottom-title2,.way-bottom-title3,.way-bottom-title4{width: calc(100% - 0.53rem);padding-left: 0.53rem;overflow: hidden;}
.way-bottom-title2{margin: 0.1rem 0}
.way-bottom-title3{font-size: 0.22rem}
.way-bottom-title4{font-size: 0.2rem}
.way-bottom-img1{width: 0.2rem;height: 0.24rem;margin-top: 0.2rem;margin-left: 0.53rem}
.way-bottom-right{width: 10.6rem;height: 100%;}


/*导航菜单下拉*/
.menu1 ul li{padding:0 0.175rem;margin-right:0rem}
.menu1 ul li menu a{color:#555;width:100%;padding:0rem;display:inline-block;font-size:0.14rem}
.menu1 ul li menu a:hover{color:#f16616;}
.menu1 ul {margin-right:0.175rem;}
.menu11 li{position:relative}
.menu-right .menu11 li menu {
	line-height:0.4rem;
    position: absolute;
    left: 0;
    z-index: 99;
    width: 100%;
    background: rgba(255,255,255,1);
    display: none;
}