/*首页*/
/*banner*/
.banner {width: 100%;height: 797px;overflow: hidden;position: relative;margin-top: -72px}
.banner li {width: 100%;height: 100%; }
.banner li a {display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center; }
.prev{width:0.2rem;height: auto;transform: rotate(180deg);left:30px;}
.next{width:0.2rem;height: auto;right:30px;}
.ccenter{display: inline-block;position: absolute;top:50%;z-index: 9;width:0.2rem;height: 50px;background-color: rgba(0,0,0,0.5);}
.ccenter:hover{cursor: pointer;background-color: rgba(0,0,0,0.8)}
.banner .ccenter img{width: auto;height:auto;position: relative;top:50%;left:50%;transform:translate(-50%, -50%);}
.swiper-pagination{width: 100%;height: 18px;position: absolute;left: 0;bottom: 30px;display: flex;justify-content: center;flex-flow: row nowrap;align-items: center}
.swiper-pagination span{display: block;margin-right: 30px;border-radius: 50%;outline: none;cursor: pointer}
.swiper-pagination span:last-child{margin-right: 0!important;}
.banner-span{width: 8px;height: 8px;background-color: #ffffff}
.banner-on{width: 4px;height: 4px;background-color: #004ea1;}
/*.banner-on:before{content: '';outline: none;
    width: 4px;height: 4px;padding: 4px;display: block;
    border: #004ea1 solid 1px;border-radius: 50%;
    margin-left: -5px;margin-top: -5px;}*/
/*
.banner-on:after{content: '';
    width: 4px;height: 4px;padding: 4px;display: block;
    border: #ffffff solid 1px;border-radius: 50%;
    margin-left: -5px;margin-top: -5px;}

*/

.circleProgress_wrapper{width: 18px;height: 18px;position: absolute;bottom: 10px;z-index: 20;}
.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-jz{width: 100%;background-color: #f9f9f9;background-image: url("../images/index-jz-bg.jpg");background-repeat: no-repeat;background-position: bottom left;background-size: 100% auto;overflow: hidden}
.index-common-tile{width: 100%;height: auto;text-align: center}
.index-common-tile p:first-child{font-size: 30px;color: #222222;margin-top: 90px;font-weight: 600}
.index-common-tile p:last-child{font-size: 16px;color: #666666;margin-top: 15px;}
.jz-box{height: 628px;margin-top: 20px;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center}
.jz-child{width: 328px;height: 440px;background-color: #ffffff;display: flex;flex-flow: column nowrap;justify-content: flex-start;align-items: center;cursor: pointer}
.jz-child img{margin-top: 80px}
.jz-child p:nth-child(3){font-size: 22px;margin-top: 73px}
.jz-child p:nth-child(4){font-size: 12px;margin-top: 9px;color: #999999}
.jz-child span{width: 15px;height: 2px;display: block;background-color: #d2000e;margin-top: 17px;}
.jz-child p:nth-child(6){width: 270px;font-size: 14px;line-height: 24px;margin-top: 25px;text-align: center;color: #666666}
.jz-child div{width: 100%;height: 0;background-color: #004eb1;position: absolute;bottom: 0;left: 0;}

.index-jj-box{width: 100%;height: 734px;position: relative}
.index-jj-img-box{width: 100%;height: 734px;overflow: hidden}

.index-jj{width: 100%;height: 734px;display: flex;flex-flow: column nowrap;justify-content: flex-start;align-items: center;position: absolute;top: 0;left: 0;z-index: 20}
.index-jj::before{content: '';width: 100%;height: 100%;position: absolute;top: 0;background-color: rgba(0,0,0,0.45)}

.index-jj p{color: #fff;line-height: normal}
.index-jj p:nth-child(1){font-size: 58px;margin-top: 189px}
.index-jj p:nth-child(2){font-size: 32px;margin-top: 10px}
.index-jj span{width: 30px;height: 2px;display: block;background-color: #ffffff;margin-top: 23px}
.index-jj p:nth-child(4){width: 770px;font-size: 14px;margin-top: 20px;line-height: 24px;text-align: center}
.index-jj a{width: 130px;height: 40px;background-color: #fff;text-align: center;line-height: 40px;font-size: 15px;margin-top: 87px;color: #222;overflow: hidden;z-index: 1}
.index-jj a:hover{animation: bgCoChange 1s forwards}

@-webkit-keyframes bgCoChange {
    0%{background-color: #fff;color: #222}
    100%{background-color: #d2000e;color: #fff}
}
@-webkit-keyframes bgCoChangeBack {
    0%{background-color: #fff;color: #222}
    100%{background-color: #d2000e;color: #fff}
}

/*.index-jj a:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;
    background: #d2000e;border-radius: 100%;
    -webkit-transform: scale(1.5);transform: scale(1.5);
    -webkit-transition-property: transform;transition-property: transform;
    -webkit-transition-duration: 0.3s;transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;
}
.index-jj a:hover:before {
     -webkit-transform: scale(0);transform: scale(0);
}*/

.index-jj-title-box{height: 126px;margin-top: -80px;background-color: #fff;z-index: 20;display: flex;flex-flow: row nowrap;justify-content: space-around;box-shadow: 0 7px 7px rgba(0,0,0,0.02)}
.index-jj-child{display: flex;flex-flow: column nowrap;justify-content: flex-end;align-items: center;}
.index-jj-child img{width: auto;height: auto}
.index-jj-child-img-on{animation: rotateY 1s forwards}
@-webkit-keyframes rotateY {
    from{transform: rotateY(0deg)}
    to{transform: rotateY(180deg)}
}

.index-jj-child p{margin-top: 15px;}
.index-jj-child span{width: 0;height: 2px;background-color: #004ea1;display: block;margin-top: 35px;}

.index-jj-child-on p{color: #004ea1;margin-bottom: 0!important;}
.index-jj-child-on span{animation: widthBig 0.5s forwards}
@-webkit-keyframes widthBig {
    0%{width: 0}
    100%{width: 37px;}
}
.index-pro-box{width: 100%;height: 845px;background: #fff url("../images/index-product-bg_04.jpg") no-repeat center bottom;margin-top: -46px;overflow: hidden}
.index-pro-lb-child{width: 1710px;height: auto;margin: 0 auto}
.index-pro-lb-child-title{font-size: 34px;margin-top: 168px;text-align: center}
.index-pro-lb-child-title1{font-size: 18px;color: #666666;margin-top: 20px;text-align: center}
.index-pro-box1{width: 100%;height: 460px;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;margin-top: 60px}
.index-pro-box2{height: 460px;overflow: hidden}
.index-pro-child{width: 444px!important;height: 460px!important;margin-right: 62px;display: flex;flex-flow: column nowrap;align-items: center;overflow: hidden}
.index-pro-child div{width: 100%;height: 260px;display: flex;justify-content: center;align-items: center}
.index-pro-child div img{width: auto;height: auto; transform: scale(1);transition: transform 1s;}
.index-pro-child p:nth-child(2){font-size: 20px;margin-top: 20px;color: #333333}
.index-pro-child p:nth-child(3){width: 370px;font-size: 16px;color: #666666;line-height: 26px;margin-top: 20px;text-align: center}
.index-pro-child span{width: 152px;height: 2px;display: block;background-color: #eeeeee;margin-top: 24px;}
.index-pro-child span:after{content: '';width: 0;height: 2px;display: block;background-color: #004eb1;left: 50%;position: absolute}
.index-pro-child p:nth-child(5){font-size: 14px;color: #666666;margin-top: 21px;}
.index-pro-child:before{content: '';width: 444px;height: 460px;position: absolute;top: 0;left: 0;background-color: #fff;}
.index-pro-child:hover:before{animation: bgTurn 1s forwards}
@-webkit-keyframes bgTurn {
    from{background-color: #fff;}
    to{background-color: #f9f9f9;}
}
.pro-prev,.pro-next{outline: none;cursor: pointer;}

/*.index-pro-child:before{content: '';width: 0;height: 0;position: absolute;top: 50%;left: 50%;border-radius: 50%;background-color: #f9f9f9}
.index-pro-child:hover:before{animation: proChange 1s forwards}
@-webkit-keyframes proChange {
    from{width: 0;height: 0;top: 50%;left: 50%;}
    to{width: 666px;height: 666px;top: -100px;left: -100px;}
}*/
.index-pro-child:hover div img{transform: scale(1.08)}
.index-pro-child:hover p:nth-child(2){color: #004eb1}
.index-pro-child:hover span:after{animation: width100 forwards 0.5s}
@keyframes width100 {
    100%{width: 100%;left: 0}
}

.index-video{width: 100%;height: 658px;background: #d2d2d2 url("../images/index-video-bg.png") no-repeat center top 100%;overflow: hidden}
.index-video-box{width: 1028px;height: 304px;background-color: #ffffff;position: absolute;top: 182px;right: 0;}
.index-video-p1{margin: 56px auto 15px 67px;font-size: 26px;color: #222222;font-weight: bold}
.index-video-p2{margin-left: 67px;font-size: 26px;color: #222222;font-weight: bold}
.index-video-p3{margin-left: 67px;margin-top: 25px;font-size: 19px;color: #222222}
.index-video-box a{margin: 45px auto auto 67px;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center}
.index-video-box a img:nth-child(2){width: 38px;height: auto;margin-right: 14px;position: absolute;left: 6px;}
.index-video-small-icon{width: 37px;height: 37px;position: absolute;left: 19px;top: 19px;display: inline-block;border: #d2000e solid 1px;border-radius: 50%}
.index-video-box a p:last-child{font-size: 19px;color: #222222;position: absolute;left: 64px;}
.ripple-1 {
    -webkit-transform: translate(-50%,-50%) scale(1);
    -webkit-animation: ripple 2.5s linear infinite;
}
.ripple-2 {
    -webkit-transform: translate(-50%,-50%) scale(1);
    -webkit-animation: ripple 2.5s linear infinite 0.75s;
}
@-webkit-keyframes ripple {
    from {
        -webkit-transform: translate(-50%,-50%) scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: translate(-50%,-50%) scale(1.6);
        opacity: 0;
    }
}


.index-video-box1{width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);display: flex;justify-content: flex-end;align-items: center;position: absolute;right: 0;top: 0}
#index-video{width: 1028px;height: auto;outline: none}


.index-news-box{width: 100%;height: auto;background: #f9f9f9;overflow: hidden}
.index-news-box1{width: 100%;height: auto;margin: 0 auto}
.index-news-title{font-size: 30px;margin-top: 90px;text-align: center;font-weight: 600}
.index-news-title1{font-size: 16px;color: #666666;margin-top: 15px;text-align: center}
.index-news-box2{height: auto;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: flex-start;margin: 58px auto 92px auto!important;}
.index-news-child{width: 470px;height: 536px;background-color: #ffffff;display: block;overflow: hidden;}
.index-news-child:nth-child(2){margin: 0 23px;}
.index-news-img-box{width: 470px;height: 272px;overflow: hidden;background: #d2d2d2 url("../images/default.jpg") no-repeat center}
.index-news-img{width: 100%;height: 100%;transform: scale(1);transition: transform 1s;}
.index-news-text-box{width: calc(100% - 40px);padding: 30px 20px;}
.index-news-text1{font-size: 20px;color: #222222}
.index-news-text2{font-size: 16px;color: #666666;line-height: 30px;margin-top: 7px}
.index-news-text3{font-size: 16px;color: #333333;margin-top: 57px}
.index-news-text-div{width: auto;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center;margin-top: 17px}
.index-news-text-div span:first-child{width: 26px;height: 26px;display: block;margin-right: 20px;background-color: #333333;border-radius: 50%;background-image: url("../images/index-news-icon-1.png");background-repeat: no-repeat;background-position: center;background-size: 15px 13px;}
.index-news-text-div span:nth-child(2){width: 0;height: 0;position: absolute;top: 13px;left: 13px;background-color: #004eb1;border-radius: 50%;background-image: url("../images/index-news-icon-1.png");background-repeat: no-repeat;background-position: center;background-size: 15px 13px;}
/*.index-news-text-div span:before{content: '';width: 0;height: 0;position: absolute;top: 50%;left: 50%;background-color: #004eb1;border-radius: 50%;background-image: url("../images/index-news-icon-1.png");background-repeat: no-repeat;background-position: center;background-size: 15px 13px;}
.index-news-text-div span:hover:before{animation: sizeBig 0.5s forwards;-webkit-animation: sizeBig 0.5s forwards;}*/
/* Chrome, Safari, Opera */
@-webkit-keyframes sizeBig {
    from{width: 0;height: 0;top: 50%;left: 50%;}
    to{width: 26px;height: 26px;top: 0;left: 0;}
}
/* Standard syntax */
@keyframes sizeBig {
    from{width: 0;height: 0;top: 50%;left: 50%;}
    to{width: 26px;height: 26px;top: 0;left: 0;}
}
.index-news-text-div p{font-size: 16px;color: #222222}
.index-contact{width: 100%;height: 332px;background: #d2d2d2 url("../images/index-contact-bg.png") no-repeat center  100%;overflow: hidden;animation-fill-mode : forwards/* //设置对象状态为动画结束时的状态*/}


.index-contact:before{content: '';width: 100%;height: 332px;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.2)}
.index-contact-box{height: 100%;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center}
.index-contact-box-left{display: flex;flex-flow: column nowrap;justify-content: center;align-items: flex-start;color: #ffffff}
.index-contact-box-left p:first-child{font-size: 30px;letter-spacing: 2px}
.index-contact-box-left p:nth-child(2){font-size: 18px;margin: 20px 0 50px 0;}
.index-contact-box-left a{width: 160px;height: 45px;display: block;font-size: 16px;text-align: center;line-height: 45px;background-color: #fff;color: #222;z-index: 1;overflow: hidden}
.index-contact-box-left a:hover{animation: bgCoChange 1s forwards}
/*.index-contact-box-left a:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;
    background: #d2000e;border-radius: 100%;
    -webkit-transform: scale(1.5);transform: scale(1.5);
    -webkit-transition-property: transform;transition-property: transform;
    -webkit-transition-duration: 0.3s;transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;
}
.index-contact-box-left a:hover:before {
    -webkit-transform: scale(0);transform: scale(0);
}*/
.back-top{width: 52px;height: 52px;background: #eee url("../images/index-contact-icon.png") no-repeat center;background-size: 16px 18px;border-radius: 50%;position: fixed;z-index: 30;right: 116px;bottom: 80px;cursor: pointer;}
.back-top:hover{background-color: #004eb1}
/*上下移动 start*/
@keyframes move{
    from{
        transform: translateY(0);
    }
    to{
        transform: translateY(20px);
    }
}
.index-contact-box-right-on{
    animation: move 0.5s infinite alternate;
}
/*上下移动 end*/




/*关于我们*/
.jj-common-title{font-size: 44px;margin-top: 93px;font-family: -webkit-pictograph}
.jj-common-title1{font-size: 30px;margin-top: 22px;font-weight: 600}
.jj-content{line-height: 40px;text-align: justify;text-indent: 32px}
.jj-content1{margin-top: 52px;}
.jj-img{width: 100%;height: 323px;overflow: hidden}
.jj-img img{width: 100%;height: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,0,300px);transform: translate3d(0,0,300px);}
/*.jj-img img:hover{
    !*opacity: 0.6;*!
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}*/
.about-number-box{width: 100%;height: 180px;border-bottom: #efefef solid 1px;display: flex;flex-flow: row nowrap;justify-content: space-evenly;align-items: center;}
.about-number-child{display: flex;flex-flow: column nowrap;justify-content: center;align-items: center}
.about-number-child p:last-child{min-width: 150px;color: #004eb1;margin-top: 31px;display: flex;justify-content: center;vertical-align: super;}
.about-number-child p:last-child span{font-size: 54px}
.num{font-family: Arial;}
.about-culture{width: 100%;height: auto;margin-top: 100px}
.about-culture-child{height: 390px;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: flex-start;margin-bottom: 60px}
.about-culture-child:last-child{margin-bottom: 10px}
.about-culture-child:nth-child(even){flex-flow: row-reverse nowrap}
.about-culture-img{width: 670px;height: 100%;overflow: hidden}
.about-culture-text{width: 646px;height: 100%;margin: 0 70px;display: flex;flex-flow: column nowrap;justify-content: flex-start;align-self: flex-start}
.about-culture-text-p1{margin-top: 76px;font-size: 30px;color: #222222}
.about-culture-text-p1:before{content: 'R & D Center ';text-transform: uppercase;position: absolute;top: -10px;left: 0;color: #efefef;z-index: -1}
.about-culture-text-span{width: 40px;height: 4px;background-color: #eeeeee;display: block;margin: 23px auto 21px 0}
.about-culture-text-p2{line-height: 36px;text-align: justify}
.honor-box1{padding-top: 95px;overflow-x: hidden;overflow-y: auto;min-height: 500px}
.honor-box{min-height: 500px}
.honor-child{width: 340px!important;height: 489px!important;background-color: #f9f9f9;overflow: hidden;margin-right: 32px;background-image: url("../images/honor-child-bg.png");background-size: 0 2px;background-repeat: no-repeat;background-position: left bottom;}
.honor-img{width: 272px;height: 368px;padding: 10px 0;border-bottom: #e4e4e4 solid 1px;margin: 0 auto;overflow: hidden;display: flex;justify-content: center;align-items: center}
.honor-img img{max-height: 288px;width: auto;height: auto}
.honor-child-p1{margin-left: 35px;margin-top: 26px}
.honor-child-p2{margin-left: 35px;margin-top: 18px}
.honor-child:hover{animation: honor 0.5s forwards linear alternate;cursor: pointer}
@keyframes honor {
    from{margin-top: 0;background-size: 0 2px}
    to{margin-top: -32px;background-size: 340px 2px;}
}
.honor-navigation{width: 100%;height: 52px;margin-top: 42px;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;margin-bottom: 112px}
.honor-navigation span{width: 54px;height: 54px;border-radius: 50%;display: block;cursor: pointer;outline: none}
.honor-prev{margin-right: 30px;}
.honor-prev-on{background: #004eb1 url("../images/honor-prev-on.png") no-repeat center!important;}
.honor-next-on{background: #004eb1 url("../images/honor-next-on.png") no-repeat center!important;}

.develop-box{width: 100%;height: auto;background-color: #f9f9f9;overflow: hidden}
.develop-margin-top-77{margin-top: 77px!important;}
.cur-develop{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;margin-top: 69px}
.develop-prev,.develop-next{width: 54px;height: 54px;border-radius: 50%;display: block;cursor: pointer;outline: none}
.develop-center{width: auto;height: 350px;display: flex;flex-flow: column nowrap;justify-content: flex-start;align-items: center}
.cur-develop-year1{font-size: 366px;color: rgba(0,0,0,0.03);;font-family: Arial;letter-spacing: -30px;margin-top: -50px;}
.develop-center-center1{width: 400px;height: 266px;display: flex;justify-content: center;align-items: center;position: absolute;top: 0}
.develop-center-center{width: 301px;height: auto;background-color: #ffffff;padding: 37px 40px;}
.cur-develop-year2{font-size: 18px;color: #222;}
.cur-develop-year2 span{font-size: 40px;font-family: fantasy}
.cur-develop-info{line-height: 25px;margin-top: 10px}
.cur-develop-year3{font-size: 24px;color: #004eb1;}
.develop-box1{width: 100%;height: 40px;background-image: url("../images/develop-box-bg.png");background-repeat: no-repeat;background-size: 100% 1px;background-position: 0 8px;margin-bottom: 81px;overflow: hidden}
.develop-child{height: 40px;display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: center}
.develop-child span{width: 16px;height: 16px;display: block;border-radius: 50%;border: 1px solid #666666;background-color: #eeeeee}

/*技术服务*/
.technology-box{margin: 70px auto 40px auto!important;overflow: hidden;display: flex;flex-flow: row wrap;}
.technology-child{width: 471px;height: 395px;margin-bottom: 60px;margin-right: 21px;display: block}
.technology-child:nth-child(3n){margin-right: 0}
.technology-child-img{width: 471px;height: 274px;display: flex;justify-content: center;align-items: center;overflow: hidden;background: #d2d2d2 url("../images/default.jpg") no-repeat center;}
.technology-child-img img{transform: scale(1);transition: transform 1s;}
.technology-child-text{width: 387px;height: 142px;padding: 24px;position: absolute;bottom: 0;left: 18px;z-index: 1;background-color: #f8f8f8}
.technology-child-text p:nth-child(2){margin-top: 9px;line-height: 26px;margin-bottom: 29px;}

/*产品中心*/
.product-child{margin: 0 21px 76px 0;}
.product-child:nth-child(3n){margin-right: 0}
.product-child div{width: 471px;height: 274px;background-color: #f8f8f8;display: flex;justify-content: center;align-items: center}
.product-child div img{max-height: 200px;width: auto;transform: scale(1);
    transition: transform 1s;}
.product-child p{margin-top: 19px;}
.product-child:hover div img{transform: scale(1.08)}
.product-child:hover p{color: #004eb1}

/*分页*/
.fy{width: 100%;height: 42px;margin: 9px auto 100px auto;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center}
.fy a{width: 40px;height: 40px;border: #eeeeee 1px solid;border-radius: 4px;display: flex;justify-content: center;align-items: center;margin-right: 20px;font-size: 18px;color: #999999}
.fy a:first-child{background-image: url("../images/fy-prev.png");background-repeat: no-repeat;background-position: center;background-size: 10px 19px}
.fy a:last-child{margin-right: 0;background-image: url("../images/fy-next.png");background-repeat: no-repeat;background-position: center;background-size: 10px 19px}
.fy-on{background-color: #004eb1;color: #ffffff!important;}
.fy a:first-child:hover,.fy a:last-child:hover{background-color: #eeeeee}


.case-page{width: 100%;height: 42px;margin: 9px auto 100px auto;display:flex;flex-flow: row nowrap;justify-content: center;align-items: center;}
.case-page a{width: 40px;height: 40px;border: #eeeeee 1px solid;border-radius: 4px;display: flex;justify-content: center;align-items: center;margin-right: 20px;font-size: 18px;color: #999999}
.case-prev{background-image: url("../images/fy-prev.png");background-repeat: no-repeat;background-position: center;background-size: 10px 19px}
.case-next{margin-right: 0;background-image: url("../images/fy-next.png");background-repeat: no-repeat;background-position: center;background-size: 10px 19px}
.case-on{background-color: #004eb1;color: #ffffff!important;}
.disable-btn{background-color: #eeeeee;cursor: url("../images/disable.ico"),default;}


/*产品详情*/
.technology-details-box{margin: 70px auto 63px!important;}
.technology-details-box-top{width: 100%;height: auto;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;}
.technology-details-box-top-left{width: 600px;}
.details-img{width: 100%;height: 349px;background-color: #f8f8f8;display: flex;justify-content: center;align-items: center}
.details-img img{max-height: 270px;width: auto}
.details-images{width: 100%;height: 86px;margin-top: 28px;display: flex;justify-content: space-between;align-items: center}
.details-images-box{width: 530px;height: 100%;overflow: hidden}
.details-images-prev,.details-images-next{width: 12px;height: 21px;cursor: pointer;outline: none}
.technology-details-box-top-right{width: 818px;display: flex;flex-flow: column nowrap;justify-content: flex-start;align-items: flex-start}
.details-img-child{width: 150px!important;height: 86px!important;background-color: #f8f8f8;display: flex;justify-content: center;align-items: center;margin-right: 39px}
.details-img-child img{max-height: 50px;width: auto;height: auto;cursor: pointer}
.technology-details-title{font-size: 30px;margin-top: 30px}
.technology-details-title1{width: 100%;height: 168px;border-top: #eeeeee solid 1px;border-bottom: #eeeeee solid 1px;line-height: 36px;display: inline-flex!important;align-items: center;margin: 41px 0 6px 0}
.technology-details-title2{margin-top: 25px}
.product-intro{width: auto;height: 25px;display: inline-block;padding-left: 10px;border-left: #004eb1 3px solid;margin-top: 80px;margin-bottom: 30px}
.product-details{padding-bottom: 50px}
.details-box-bottom{width: 100%;height: 120px;border-top: #efefef solid 2px;display: flex;justify-content: space-between;align-items: center;}
.details-box-bottom div{width: 800px;display: flex;flex-flow: column nowrap;justify-content: center;align-items: flex-start}
.details-box-bottom div a{font-size: 16px;color: #333333;}
.details-box-bottom div a:first-child{margin-bottom: 16px;}
.details-box-bottom div a:hover{color: #004eb1}
.back-list{width: 120px;height: 50px;display: inline-flex;justify-content: center;align-items: center;background-color: #004eb1;color: #fff;}
/*工程案例*/
.case-top{width: 100%;height: 374px;display: flex;justify-content: space-between;align-items: flex-start}
.case-top-img{width: 640px;height: 374px;display: flex;justify-content: center;align-items: center;background: #d2d2d2 url("../images/default.jpg") no-repeat center;overflow: hidden;background-size: 100%;}
.case-top-img img{width: 100%;height: auto;object-fit: cover;transform: scale(1);transition: transform 1s;}
.case-top-text{width: 730px;height: 100%;padding: 0 43px;background-color: #f8f8f8;display: flex;flex-flow: column nowrap;justify-content: flex-start;align-items: flex-start}
.case-top-time{color: #888888;margin-top: 53px;}
.case-top-title{font-size: 20px;color: #333333;margin-top: 35px}
.case-top-info{line-height: 26px;margin-top: 13px;}
.case-top-href{width: 140px;height: 42px;border-radius: 4px;display: inline-flex;justify-content: center;align-items: center;text-transform: uppercase;color: #ffffff;margin-top: 80px;background-color: #d2d2d2}
.case-top-title-on{animation: colorChange 1s forwards}
@keyframes colorChange {
    from{color: #333333}
    to{color: #004eb1}
}
.case-top-href-on{animation: bgChange 1s forwards}
@keyframes bgChange {
    from{background-color: #d2d2d2}
    to{background-color: #004eb1}
}

.case-box{width: 100%;height: auto;display: flex;flex-flow: row wrap;padding-bottom: 60px}
.case-child{width: 471px;height: auto;margin: 60px 21px 0 0}
.case-child:nth-child(3n){margin-right: 0}
.case-img{width: 471px;height: 274px;overflow: hidden;display: flex;justify-content: center;align-items: center;background: #d2d2d2 url("../images/default.jpg") no-repeat center;}
.case-img img{width: auto;height: auto;object-fit: cover;transform: scale(1);transition: transform 1s;}
.case-child p{width: 431px;padding: 0 20px;}
.case-title{margin-top: 22px;}
.case-info{line-height: 26px;margin-top: 12px;}
.case-child:hover .case-img img{transform: scale(1.08);}
.case-child:hover .case-title{color: #004eb1}
/*公司视频*/
.video-child{width: 471px;height: auto;margin-right:21px}
.video-child:nth-child(3n){margin-right: 0}
.video-img{width: 471px;height: 274px;overflow: hidden;display: flex;justify-content: center;align-items: center;background-color: #f1f1f1}
.video-img video{width: auto;height: auto;}
.video-title{width: 90%;height: 50px;padding: 0 5%;background-color: #f8f8f8;display: inline-flex!important;justify-content: center;align-items: center;}
.video-mb{width: 471px;height: 274px;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;z-index: 1}
.video-mb img{width: 46px;height: 47px;cursor: pointer;outline: none}
.video-child:hover .video-mb{background-color: rgba(0,0,0,0.1)}
.video-child:hover .video-title{animation: videoTurn forwards 1s}
@keyframes videoTurn {
    from{background-color: #f8f8f8;color: #222222}
    to{background-color: #004eb1;color: #ffffff}
}
.video-details{max-width: 100%;margin: 0 auto;outline: none;display: block}

/*联系我们*/
.contact-box{height: auto;margin-top: 70px!important;position: relative;}
#mapBox{width: 100%;height: 676px;background-color: #f5f6fa;}
.map-info{width: 484px;height: 110px;background-color: #004eb1;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center;position: absolute;left: 210px;top: 252px}
.map-info img{width: 92px;height: 92px;margin-right: 20px;margin-left: 10px;}
.map-info div{max-width: 340px;color: #ffffff}
.map-info div p:first-child{font-size: 18px;}
.map-info div p:last-child{font-size: 16px;margin-top: 20px}
.company-box{width: 262px;height: 592px;background-color: #ffffff;padding-left: 51px;padding-right: 39px;position: absolute;top: 40px;right: 47px;}
.company-title{font-size: 30px;margin-top: 41px;/*margin-bottom: 13px;*/}
.company-icon{width: auto;height: auto;margin-top: 35px;}
.company-title1{font-size: 16px;color: #222222;margin-top: 29px}
.company-title2{font-size: 16px;color: #222222;margin-top: 16px}
.company-line{width: 100%;height: 1px;background-color: #eeeeee;display: inline-block;margin-top: 35px}
.company-message-title1{font-size: 50px;color: #efefef;margin-top: 114px;font-family: -webkit-pictograph}
.company-message-title2{font-size: 26px;margin-top: 13px;margin-bottom: 10px;font-weight: 600}
.message-box{width: 100%;height: auto;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;margin-top: 34px}
.message-title{font-size: 16px;color: #222222;line-height: 56px;}
.message-input{width: 634px;height: 70px;border: 0;outline: none;background-color: #f5f5f5;font-size: 16px;color: #999999;padding-left: 66px;background-repeat: no-repeat;background-position: 27px 50%;}
.message-input::placeholder{color: #999999}

@keyframes bgChange1 {
    from{background-color: #ffffff}
    to{background-color: #004eb1}
}
.input-name{background-image: url("../images/name-input-focus-nor.png");}
.input-name:focus{background-image: url("../images/name-input-focus.png");animation: bgChange1 1s forwards;color: #ffffff}
.input-name:focus::placeholder{color: #ffffff}

.input-phone{background-image: url("../images/input-phone-nor.png");}
.input-phone:focus{background-image: url("../images/input-phone.png");animation: bgChange1 1s forwards;color: #ffffff}
.input-phone:focus::placeholder{color: #ffffff}

.input-email{background-image: url("../images/input-email-nor.png");}
.input-email:focus{background-image: url("../images/input-email.png");animation: bgChange1 1s forwards;color: #ffffff}
.input-email:focus::placeholder{color: #ffffff}

.input-address{background-image: url("../images/input-address-nor.png");}
.input-address:focus{background-image: url("../images/input-address.png");animation: bgChange1 1s forwards;color: #ffffff}
.input-address:focus::placeholder{color: #ffffff}

.message-box1{width: 100%}
.input-content{width: calc(100% - 66px);height: 260px;padding-left: 66px;padding-top: 24px;background-image: url("../images/input-content-nor.png");border: 0;outline: none;background-color: #f5f5f5;font-size: 16px;color: #999999;background-repeat: no-repeat;background-position: 27px 24px;}
.input-content:focus{background-image: url("../images/input-content.png");animation: bgChange1 1s forwards;color: #ffffff}
.input-content:focus::placeholder{color: #ffffff}
.submit-box{width: 100%;display: flex;justify-content: center;align-items: center;margin: 80px auto 148px auto;}
.submit-box input{width: 310px;height: 60px;padding-left: 20px;background-color: #f5f5f5;outline: none;border: 0;font-size: 16px;color: #999999}
.submit-box input::placeholder{color: #999999}
.submit-box input:focus{animation: bgChange1 1s forwards;color: #ffffff}
.submit-box input:focus::placeholder{color: #ffffff}

.submit-box img{width: 120px;height: 60px;display: block;margin-right: 50px;}
.submit-box a{width: 200px;height: 60px;display: flex;justify-content: center;align-items: center;background-color: #004eb1;font-size: 18px;color: #ffffff}
/*新闻详情*/
.news-time{margin-top: 19px;margin-bottom: 40px}