@charset "utf-8";
html,body{color: #333333;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a{color: inherit;outline: none;}
img.ofi{object-fit: cover;object-position: center;}
img.ofc{object-fit: contain;object-position: center;}
/* 滚动条 */
::-webkit-scrollbar {
    display: block;
    width:5px;
    height:5px
}
::-webkit-scrollbar-track {
    border-radius:0;
    background:#e5e5e5; 
}
::-webkit-scrollbar-thumb {
    border-radius:5px;
    background: #0c89dd;
}
::-webkit-scrollbar-thumb:hover {
    border-radius:5px;
    background: #0c89dd;
}

/* 公共 */
.indexfa{position: relative;}
#index{position: absolute;left: 0;top: -70px;}
#index1{position: absolute;left: 0;top: -70px;}
#index2{position: absolute;left: 0;top: -70px;}
#index3{position: absolute;left: 0;top: -70px;}
.w1400{width: 1400px;margin: 0 auto;}
.f-80{font-size: 80px;}
.f-70{font-size: 70px;}
.f-60{font-size: 60px;}
.f-40{font-size: 40px;}
.f-30{font-size: 30px;}
.f-22{font-size: 22px;}
.f-20{font-size: 20px;}
.f-18{font-size: 18px;}
.f-16{font-size: 16px;}
.f-14{font-size: 14px;}
.f-12{font-size: 12px;}
.com-title{position: relative;width: fit-content;color: #000;line-height: 1em;}
.com-title::after{content: "";position: absolute;right: -6px;top: -10px;width: 35px;height: 35px;border-radius: 50%;background: #ea3e00;opacity: .2;}
.com-more{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 160px;height: 50px;box-sizing: border-box;border: 1px solid #fff;border-radius: 25px;overflow: hidden;}
.com-more::after{content: "";position: absolute;left: -2px;top: -2px;transform: translateX(-100%);transition: all .5s;width: 120%;height: 120%;background: #ee1c25;}
.com-more p{position: relative;z-index: 1;font-size: 16px;}
.com-more:hover{border-color: #ee1c25;}
.com-more:hover::after{transform: translateX(0);}

.com-viewmore{transition: all .5s;display: flex;align-items: center;font-size: 16px;color: #232323;cursor: pointer;}
.com-viewmore .icon{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 36px;height: 36px;border-radius: 50%;margin-left: 15px;background: #232323;}
.com-viewmore .icon i{color: #fff;font-size: 18px;line-height: 1em;}
.com-viewmore:hover,.com-viewmore.on{color: #ee1c25;}
.com-viewmore:hover .icon,.com-viewmore.on .icon{background: #ee1c25;}

.com-type{display: flex;justify-content: flex-end;}
.com-type .item{position: relative;transition: all .5s;display: block;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin-right: 60px;opacity: .4;}
.com-type .item:last-child{margin-right: 0;}
.com-type .item::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line.jpg) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 2px;}
.com-type .item:hover,.com-type .item.on{opacity: 1;}
.com-type .item:hover::after,.com-type .item.on::after{animation: none;background-position: left bottom;background-size: 100% 100%;}

/* header */
.header{position: fixed;left: 0;top: 0;width: 100%;background: #fff;z-index: 100;box-shadow: 0 0 15px rgba(51,51,51,.08);}
.header .main{display: flex;align-items: center;justify-content: space-between;}
.header .main-l{display: flex;align-items: center;}
.header .main-l .logo{display: block;width: 124px;}
.header .main-l .logo img{display: block;width: 100%;height: auto;}
.header .main-l .nav{display: flex;align-items: center;margin-left: 105px;}
.header .main-l .nav .item{}
.header .main-l .nav .item .type{transition: all .5s;display: flex;align-items: center;justify-content: center;height: 70px;padding: 0 18px;}
.header .main-l .nav .item:hover .type,.header .main-l .nav .item.on .type{color: #ee1c25;}
.header .main-l .nav .item .slide{position: fixed;left: 0;top: 70px;display: none;width: 100%;border-top: 1px solid #e5e5e5;background: #fff;z-index: 2;box-shadow: 0 5px 5px rgba(0,0,0,.1);}
.header .main-l .nav .item:hover .slide{display: block;}
.header .main-l .nav .item .slide-main{display: flex;min-height: 385px;}
.header .main-l .nav .item .slide-main .content{width: 33.71%;border-right: 1px solid #e5e5e5;padding-top: 70px;}
.header .main-l .nav .item .slide-main .content .title{color: #333;line-height: 1em;}
.header .main-l .nav .item .slide-main .content .msg{width: 70%;margin: 34px 0 26px;color: #666;line-height: 30px;}
.header .main-l .nav .item .slide-main .content .more{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 36px;height: 36px;border-radius: 50%;background: #232323;}
.header .main-l .nav .item .slide-main .content .more i{color: #fff;font-size: 18px;line-height: 1em;}
.header .main-l .nav .item .slide-main .content .more:hover{background: #ee1c25;}
.header .main-l .nav .item .slide-main .slide-list{width: 30.57%;box-sizing: border-box;padding: 70px 6.42% 70px 2.85%;border-right: 1px solid #e5e5e5;}
.header .main-l .nav .item .slide-main .slide-list a{position: relative;transition: all .5s;display: block;border-bottom: 1px solid #e5e5e5;margin-bottom: 35px;padding-bottom: 16px;color: #666;line-height: 1em;}
.header .main-l .nav .item .slide-main .slide-list a:last-child{margin-bottom: 0;}
.header .main-l .nav .item .slide-main .slide-list a::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.jpg) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 1px;}
.header .main-l .nav .item .slide-main .slide-list a:hover{color: #ee1c25;}
.header .main-l .nav .item .slide-main .slide-list a:hover::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.header .main-l .nav .item .slide-main .slide-pic{display: flex;justify-content: flex-end;align-items: flex-start;width: 35.72%;box-sizing: border-box;padding-top: 70px;}
.header .main-l .nav .item .slide-main .slide-pic .pic{position: relative;width: 77.06%;padding-bottom: 48.45%;border-radius: 10px;overflow: hidden;}
.header .main-l .nav .item .slide-main .slide-pic .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}

.header .lang{position:relative}
.header .lang .lang-btn{display: flex;align-items: center;justify-content: space-between;width: 80px;color: #666;font-size: 16px;cursor: pointer;}
.header .lang .lang-btn .earth{font-size: 18px;line-height: 1em;}
.header .lang .lang-btn .jt{transition: all .5s;font-size: 10px;line-height: 1em;}
.header .lang:hover .lang-btn .jt{transform: rotate(180deg);}
.header .lang:hover .lang-btn-c{opacity:1; }
.header .lang .lang-btn-c {position: absolute;top: 23px;left: 7px;padding: 20px 0 0;width: 100%;display: flex;background: #ffffff;flex-direction: column;font-size: 16px;color: #666666;align-items: center;transition: all 0.5s;opacity: 0;justify-content: center;}
.header .lang .lang-btn-c a {display: block;padding: 5px 0;}

/* i-banner */
.i-banner{width: 100%;margin-top: 70px;}
.i-banner .item{position: relative;width: 100%;height: 876px;color: #fff;}
.i-banner .item .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.i-banner .item .pic img{position: relative;transition: 1s linear 4s;transform: scale(1.1);display: block;width: 100%;height: 100%;}
.i-banner .item .text{position: relative;z-index: 1;padding-top: 310px;}
.i-banner .item .text .title{line-height: 1em;font-weight: bold;}
.i-banner .item .text .longtitle{line-height: 1em;margin-top: 38px;}
.i-banner .item .text .com-more{margin-top: 110px;}

.i-banner-page{position: absolute;left: 50%;bottom: 45px;transform: translateX(-50%);z-index: 1;display: flex;justify-content: center;align-items: center;}
.i-banner-page .page-item{width: 17px;height: 17px;margin: 0 8px;cursor: pointer;}
.i-banner-page .page-item .round{transition: all .5s;opacity: 0;}
.i-banner-page .page-item .progress{transition: all .5s;animation: none;opacity: 0;}
.i-banner-page .page-item .point{transition: all .5s;opacity: 0.5;}
.i-banner-page .page-item.on .round{opacity: 1;}
.i-banner-page .page-item.on .progress {animation: rotate 5000ms linear both;opacity: 1;}
.i-banner-page .page-item.on .point{opacity: 1;}
@keyframes rotate {
    from {
        stroke-dashoffset: 50px;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.i-banner .item.swiper-slide-active .pic img{transition:4s linear;transform:scale(1);}

/* i-about */
.i-about{padding: 144px 0 146px;background: url(/static/img/about_bg.jpg)right top/cover no-repeat;}
.i-about .main{display: flex;}
.i-about .text{width: calc(100% - 572px);}
.i-about .summary{margin: 60px 0;line-height: 30px;}
.i-about .info{display: flex;}
.i-about .info .item{position: relative;padding: 0 34px;}
.i-about .info .item:first-child{padding-left: 0;}
.i-about .info .item:first-child::after{content: "";position: absolute;right: 0;top: 20px;width: 1px;height: 36px;background: rgba(35, 35, 35, .2);}
.i-about .info .item:last-child{padding-right: 0;}
.i-about .info .item .num{display: flex;align-items: flex-end;color: #242424;line-height: 1em;}
.i-about .info .item .num span{display: block;color: #ee1c25;font-size: 100px;line-height: .8em;font-weight: bold;}
.i-about .info .item .msg{margin-top: 20px;color: #999;line-height: 1em;}
.i-about .list{margin-top: 72px;}
.i-about .list .listitem{position: relative;transition: all .5s;display: flex;align-items: center;justify-content: space-between;width: 300px;height: 70px;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;padding-right: 10px;cursor: pointer;}
.i-about .list .listitem::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.jpg) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 1px;}
.i-about .list .listitem i{color: #999;}
.i-about .list .listitem:hover{padding-right: 0;color: #ee1c25;}
.i-about .list .listitem:hover i{color: #ee1c25;}
.i-about .list .listitem:hover::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.i-about .show{width: 572px;padding-top: 34px;}
.i-about .show .cycle{position: relative;width: 100%;padding-bottom: 100%;border-radius: 50%;overflow: hidden;}
.i-about .show .cycle .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.i-about .show .cycle .pic img{position: absolute;left: 0;top: 0;transition: all .5s;display: block;width: 100%;height: 100%;opacity: 0;border-radius: 50%;overflow: hidden;}
.i-about .show .cycle .pic img.on{z-index: 1;opacity: 1;}
.i-about .show .cycle .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;display: flex;justify-content: center;align-items: center;width: 116px;height: 116px;border-radius: 50%;background: #fff;}
.i-about .show .cycle-bg{position: absolute;left: 0;top: 0;transition: all 1s;z-index: 1;width: 100%;height: 100%;border-radius: 50%;overflow: hidden;background: transparent;}
.i-about .show .cycle-bg.on{transform: rotate(120deg);}
.i-about .show .cycle-bg.on1{transform: rotate(240deg);}
.i-about .show .cycle-bg .part{position: absolute;left: 50%;top: 50%;transform-origin: 0 0;width: 58%;height: 58%;}
.i-about .show .cycle-bg .pos1{transform: rotate(-30deg) skewX(-30deg);background: transparent;}
.i-about .show .cycle-bg .pos2{transform: rotate(90deg) skewX(-30deg);background: rgba(255, 255, 255, .05);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.i-about .show .cycle-bg .pos3{transform: rotate(210deg) skewX(-30deg);background: rgba(255, 255, 255, .05);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.cycle-bg .line{position: absolute;left: 50%;top: 50%;transform-origin: 0 0;z-index: 1;width: 50%;height: 1px;background: #e5e5e5;opacity: .6;}
.cycle-bg .line1{transform: rotate(-30deg);}
.cycle-bg .line2{transform: rotate(90deg);}
.cycle-bg .line3{transform: rotate(210deg);}

/* i-application */
.i-application{position: relative;}
.i-application .swiper .item{position: relative;width: 1400px;height: 0;padding-bottom: 852px;border-radius: 10px;overflow: hidden;}
.i-application .swiper .item .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-application .swiper .item .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-application .swiper .item .text{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;box-sizing: border-box;padding: 67px 60px 0;color: #fff;opacity: 0;}
.i-application .swiper .item .text .title{line-height: 1em;}
.i-application .swiper .item .text .content{margin-top: 170px;}
.i-application .swiper .item .text .content .name{line-height: 1em;}
.i-application .swiper .item .text .content .msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width: 420px;margin: 26px 0 40px;line-height: 2em;}
.i-application .swiper .item.swiper-slide-active .text{opacity: 1;}
.i-application ul{position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);z-index: 1;display: flex;justify-content: space-between;align-items: flex-start;box-sizing: border-box;padding: 0 50px;}
.i-application li{width: 10%;cursor: pointer;}
.i-application li .icon{display: flex;justify-content: center;width: 100%;padding-bottom: 10px;}
.i-application li .icon i{font-size: 50px;line-height: 1em;text-align: center;color: #fff;}
.i-application li .icon img{transition: all .5s;display: block;width: 64px;height: auto;margin: 0 auto;opacity: 0;}
/* .i-application li .icon::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line-white.jpg) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 2px;} */
.i-application li .line{position: relative;width: 100%;height: 2px;background: rgba(255,255,255,.4);}
.i-application li .line::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line-white.jpg) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 2px;}
.i-application li p{transition: all .5s;padding-top: 6px;color: #fff;line-height: 30px;opacity: .4;height:4em;overflow:hidden}
.i-application li:hover .icon img,.i-application li.on .icon img{opacity: 1;}
.i-application li:hover .line::after,.i-application li.on .line::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.i-application li:hover p,.i-application li.on p{opacity: 0;}

/* i-news */
.i-news{padding: 120px 0 224px;}
.i-news .top{margin-bottom: 20px;}
.i-news .top .com-viewmore{justify-content: flex-end;margin-top: 20px;}
.i-news .main {display: flex;justify-content: space-between;}
.i-news .main .show{width: 618px;margin: 0;box-shadow: 0 0 15px rgba(51, 51, 51, .08);}
.i-news .main .show .item{position: relative;width: 100%;height: 0;padding-bottom: 76.69%;border-radius: 10px;overflow: hidden;}
.i-news .main .show .item .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-news .main .show .item .pic img{display: block;width: 100%;height: 100%;}
.i-news .main .show .item .text{position: absolute;left: 0;bottom: 0;display: flex;align-items: center;width: 100%;height: 65px;box-sizing: border-box;padding-left: 30px;padding-right: 90px;background: rgba(35, 35, 35, .5);}
.i-news .main .show .item .text p{color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-news .swiper-pagination{bottom: 0;display: flex;align-items: center;justify-content: flex-end;height: 65px;box-sizing: border-box;padding-right: 30px;}
.i-news .swiper-pagination .swiper-pagination-bullet{margin: 0 4px;background: #fff;opacity: 1;}
.i-news .swiper-pagination .swiper-pagination-bullet-active{background: #ee1c25;}
.i-news .list{display: flex;justify-content: space-between;flex-flow: column;width: calc(100% - 618px);box-sizing: border-box;padding-left: 26px;}
.i-news .list .item{position: relative;transition: border-radius .5s;display: flex;width: 100%;border-radius: 10px 10px 10px 10px;padding: 30px 0;box-shadow: 0 0 15px rgba(51, 51, 51, .08);background: #fff;}
.i-news .list .item .date{position: relative;display: flex;justify-content: space-between;align-items: center;flex-flow: column;width: 100px;box-sizing: border-box;border-right: 1px solid rgba(242, 242, 242, .8);color: #999;text-align: center;}
.i-news .list .item .date .day{margin-bottom: 8px;line-height: .8em;}
.i-news .list .item .date .year{line-height: .8em;}
.i-news .list .item .text{width: calc(100% - 100px);box-sizing: border-box;padding-left: 25px;padding-right: 150px;}
.i-news .list .item .text .title{margin-bottom: 18px;color: #666;line-height: 1em;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.i-news .list .item .text .msg{color: #999;line-height: 1em;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.i-news .list .item i{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);transition: all .5s;color: #999;font-size: 16px;line-height: 1em;}
.i-news .list .item:hover{border-radius: 10px 10px 40px 10px;background: #ee1c25;}
.i-news .list .item:hover .date{color: #fff;}
.i-news .list .item:hover .text .title,.i-news .list .item:hover .text .msg{color: #fff;}
.i-news .list .item:hover i{color: #fff;}

/* i-duty */
.i-duty{}
.i-duty .pic{position: relative;width: 1660px;padding-bottom: 29.01%;margin-left: calc(100% - 1660px);border-radius: 10px 10px 120px 10px;overflow: hidden;}
.i-duty .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.i-duty .main{position: relative;padding: 84px 0 144px;}
.i-duty .main .msg{margin-top: 34px;line-height: 30px;}
.i-duty .main .com-viewmore{position: absolute;right: 0;top: 160px;}

/* footer */
.footer{position: relative;padding: 56px 0 38px;background: #f5f5f5;}
.footer .top{display: flex;justify-content: space-between;align-items: center;padding-bottom: 32px;border-bottom: 1px solid rgba(204,204,204,.2);}
.footer .top .logo{width: 124px;}
.footer .top .logo img{display: block;width: 100%;height: auto;}
.footer .top .nav{display: flex;align-items: center;}
.footer .top .nav a{transition: all .5s;display: block;margin-right: 50px;color: #999;line-height: 1em;}
.footer .top .nav a:last-child{margin-right: 0;}
.footer .top .nav a:hover{color: #ee1c25;}
.footer .main{display: flex;justify-content: space-between;padding: 16px 0 80px;}
.footer .main .address{color: #858585;line-height: 30px;}
.footer .main .address .item{display: flex;align-items: center;flex-wrap: wrap;}
.footer .main .address .item:nth-child(4),
.footer .main .address .item:nth-child(7){margin-bottom: 20px;}
/* .footer .main .address .address-name{margin-bottom: 10px;} */
.footer .main .address .item p{position: relative;}
.footer .main .address .item1 p:first-child{width: 50%;}
.footer .main .address .item p:first-child::after{content: "";position: absolute;right: 28px;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background: rgba(255,255,255,.2);}
.footer .main .address .item p:last-child{padding-right: 0;}
.footer .main .address .item p:last-child::after{display: none;}
.footer .main .address .item p a{transition: all .5s;}
.footer .main .address .item p a:hover{color: #ee1c25;}
.footer .main .address .new-item{
    margin-top: 20px;
    
}
.footer .main .address .new-item p{font-size: 20px;}
.footer .main .main-right{}
.footer .main .choose{display: flex;justify-content: flex-end;}
.footer .main .choose .link{display: flex;align-items: center;width: 170px;height: 46px;box-sizing: border-box;}
.footer .main .choose .link .item{position: relative;transition: all .5s;display: flex;align-items: center;justify-content: space-between;width: 100%;height: 100%;box-sizing: border-box;padding-left: 20px;padding-right: 28px;color: #b7b7b7;border: 1px solid rgba(204,204,204,.2);border-radius: 8px;overflow: hidden;}
.footer .main .choose .link .item::after{content: "";position: absolute;left: 0;top: 0;transform: scaleX(0);transform-origin: left;transition: all .5s;width: 100%;height: 100%;background: #ee1c25;}
.footer .main .choose .link .item p{position: relative;z-index: 1;}
.footer .main .choose .link .item i{position: relative;z-index: 1;font-size: 14px;line-height: 1em;}
.footer .main .choose .link .item:hover{padding-right: 21px;border-color: #ee1c25;color: #fff;}
.footer .main .choose .link .item:hover::after{transform: scaleX(1);}
.footer .main .choose .lang{width: 130px;margin-left: 26px;}
.footer .main .choose .lang .now{position: relative;transition: all .5s;display: flex;justify-content: space-between;align-items: center;width: 100%;height: 46px;box-sizing: border-box;border: 1px solid rgba(204,204,204,.2);border-radius: 8px;padding: 0 20px;color: #b7b7b7;cursor: pointer;overflow: hidden;}
.footer .main .choose .lang .now::after{content: "";position: absolute;left: 0;top: 0;transform: scaleX(0);transform-origin: left;transition: all .5s;width: 100%;height: 100%;background: #ee1c25;}
.footer .main .choose .lang .now p{position: relative;z-index: 1;}
.footer .main .choose .lang .now i{position: relative;z-index: 1;font-size: 14px;line-height: 1em;}
.footer .main .choose .lang:hover .now{color: #fff;border-color: #ee1c25;}
.footer .main .choose .lang:hover .now::after{transform: scaleX(1);}

.footer .main .main-right .piclist{display: flex;justify-content: flex-end;align-items: center;margin-top: 20px;}
.footer .main .main-right .piclist .item{width: fit-content;margin-right: 26px;}
.footer .main .main-right .piclist img{display: block;width: 130px;height: 130px;background: #f5f5f5;}
.footer .main .main-right .piclist .item p{margin-top: 10px;text-align: center;color: #858585;}
.footer .main .main-right .piclist  .item:last-child{margin-right: 0;}
.footer .bottom{display: flex;justify-content: space-between;color: #666;}
.footer .bottom .copyright{display: flex;align-items: center;}
.footer .bottom .copyright a{transition: all .5s;margin-left: 10px;}
.footer .bottom .copyright a:hover{color: #ee1c25;}
.footer .bottom .link{display: flex;align-items: center;}
.footer .bottom .link a{transition: all .5s;padding: 0 4px;border-right: 1px solid #666;line-height: 1em;}
.footer .bottom .link a:last-child{border-right: none;padding-right: 0;}
.footer .bottom .link a:hover{color: #ee1c25;}
.footer .up{position: absolute;top: 56px;right: 4.32%;transition: all .5s;display: flex;flex-flow: column;align-items: center;justify-content: space-between;width: 50px;height: 100px;box-sizing: border-box;border-radius: 25px;border: 1px solid rgba(204,204,204,.2);padding: 20px 0;color: #b8b8b8;cursor: pointer;}
.footer .up i{font-size: 20px;line-height: 1em;}
.footer .up:hover{border-color: #ee1c25;background: #ee1c25;color: #fff;}
.footer .up:hover i{animation: up .8s linear infinite;}
@keyframes up {
    from{
        margin-top: 0;
    }
    to{
        margin-top: -6px;
    }
}

/* innerbanner */
.innerbanner{position: relative;z-index: 2;width: 100%;height: 535px;margin-top: 70px;}
.innerbanner.m{display: none;}
.innerbanner .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;}
.innerbanner .text .title{line-height: 1em;font-weight: bold;}
.innerbanner .text .msg{margin-top: 16px;line-height: 1em;}
.breadcrumbs{position: absolute;left: 0;bottom: 0;width: 100%;background: #f7f7f7;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
.innerbanner .list{display: flex;justify-content: space-between;align-items: center;color: #333;}
.innerbanner .list .nav{display: flex;align-items: center;}
.innerbanner .list .item{position: relative;display: flex;align-items: center;height: 50px;padding: 0 30px;}
.innerbanner .list .item::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background: #e5e5e5;}
/* .innerbanner .list .item:first-child{padding-left: 0;}
.innerbanner .list .item:last-child{padding-right: 0;} */
.innerbanner .list .item:last-child::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background: #e5e5e5;}
.innerbanner .list .item a{transition: all .5s;display: flex;align-items: center;}
.innerbanner .list .item a i{margin-left: 60px;font-size: 12px;line-height: 1em;}
.innerbanner .list .item.home a i{margin-left: 0;font-size: 20px;line-height: 1em;}
.innerbanner .list .item:hover>a{color: #ee1c25;}
.innerbanner .list .item ul{position: absolute;top: 100%;left: 0px;display: none;padding: 15px 0px;border: 1px solid #ccc;background: #fff;width: 100%;z-index: 2;}
.innerbanner .list .item ul a{position: relative;display: block;white-space: nowrap;padding: 12px 30px;background: #fff;line-height: 1.2;color: #333;}
.innerbanner .list .item ul a:hover {color: #fff;text-decoration: none;background: #ee1c25;}

.innerbanner .back{transition: all .5s;display: flex;align-items: center;}
.innerbanner .back i{margin-right: 16px;}
.innerbanner .back:hover{color: #ee1c25;}

/* about */
.about-intro{position: relative;z-index: 1;padding: 100px 0 90px;background: url(/static/img/about-intro-bg.jpg)right top/cover no-repeat;}
.about-intro .title,.about-customer .title{line-height: 1em;}
.about-intro .longtitle,.about-customer .longtitle{margin: 40px 0 10px;color: #ee1c25;line-height: 1em;}
.about-intro .msg,.about-customer .msg{line-height: 30px;}
.about-intro .list{display: flex;align-items: center;flex-wrap: wrap;margin-top: 80px;}
.about-intro .list .item{transition: all .5s;display: flex;flex-flow: column;justify-content: space-between;width: 240px;height: 210px;box-sizing: border-box;border-radius: 10px;border: 1px solid #e5e5e5;padding: 24px;margin-right: 30px;}
.about-intro .list .item:last-child{margin-right: 0;}
.about-intro .list .item .icon{display: flex;align-items: flex-end;height: 52px;}
.about-intro .list .item .text{}
.about-intro .list .item .text .title{margin-bottom: 18px;color: #666;line-height: 1em;}
.about-intro .list .item .text .info{line-height: 1em;}
.about-intro .list .item:hover{border-color: #ee1c25;}
.about-video{position: relative;display: flex;justify-content: center;align-items: center;width: 100%;height: 720px;}
.about-video .cover{position: absolute;left: 0;top: 0;z-index: 1;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.about-video.on .cover{z-index: -1;opacity: 0;}
.about-video .text{position: relative;z-index: 1;color: #fff;line-height: 1.5em;text-align: center;letter-spacing: 4px;}
.about-video .text .play{position: absolute;left: 50%;bottom: -112px;transform: translateX(-50%);transition: all .5s;width: 82px;height: 82px;border-radius: 50%;box-sizing: border-box;border: 1px solid #fff;cursor: pointer;}
.about-video .text .play::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-40%,-50%);width: 0;height: 0;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-right: 0px solid transparent;border-left: 20px solid #fff;}
.about-video .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.about-video .bg img{display: block;width: 100%;height: 100%;}
.about-video .text .play:hover{border-color: #ee1c25;background: #ee1c25;}
.about-video .video{width: 100%;height: 100%;background: #000;}
.about-video .video video{display: block;width: 100%;height: 100%;}


.about-customer{position: relative;z-index: 1;padding: 134px 0 150px 13.54%;background: #fff;}
.about-customer .page{display: flex;align-items: center;margin-top: 42px;}
.about-customer .page .item{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 44px;height: 44px;border-radius: 50%;border: 1px solid #333;outline: none;cursor: pointer;opacity: 0.4;}
.about-customer .page .item.prev{margin-right: 18px;}
.about-customer .page .item i{transition: all .5s;color: #333;font-size: 18px;line-height: 1em;}
.about-customer .page .item:hover{border-color: #ee1c25;background: #ee1c25;opacity: 1;}
.about-customer .page .item:hover i{color: #fff;}
.about-customer .swiper{width: 100%;margin-top: 30px;height: 338px;}
.about-customer .swiper .item{position: relative;width: 16.8%;height: auto;padding-bottom: 169px;}
.about-customer .swiper .item img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #e5e5e5;}

.about-speech{width: 100%;padding: 100px 0 150px;background: url(/static/img/about-speech-bg.jpg)center/cover no-repeat;}
.about-speech .main{display: flex;}
.about-speech .main .text{display: flex;flex-flow: column;justify-content: space-between;width: 62.71%;box-sizing: border-box;padding-left: 50px;padding-right: 90px;}
.about-speech .title{margin-bottom: 116px;color: #000;line-height: 1em;}
.about-speech .msg{line-height: 30px;}
.about-speech .msg strong{font-size: 20px;line-height: 36px;}
.about-speech .msg p{min-height: 30px;}
.about-speech .main .sign{display: flex;align-items: flex-end;justify-content: flex-end;color: #666;line-height: 1em;}
.about-speech .main .sign img{display: block;margin-left: 20px;}
.about-speech .main .pic{position: relative;width: 37.29%;padding-bottom: 53.71%;border-radius: 10px;overflow: hidden;}
.about-speech .main .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}

.about-honor{padding: 100px 0;}
.about-honor .com-type{padding: 40px 0 28px;}
.about-honor .honor{display: flex;flex-wrap: wrap;}
.honor-title{border-bottom: 1px solid #e5e5e5;margin-bottom: 40px;}
.honor-title p{position: relative;display: inline-block;padding: 20px 0 ;}
.honor-title p::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #ee1c25;}
.honor-item{width: 23.42%;margin-bottom: 46px;margin-right: 2.1%;cursor: pointer;}
.honor-item:nth-child(4n){margin-right: 0;}
.honor-item .pic{position: relative;display: flex;justify-content: center;align-items: center;width: 100%;padding-bottom: 135.06%;box-sizing: border-box;border: 1px solid #e5e5e5;border-radius: 10px;overflow: hidden;}
.honor-item .pic .box{position: absolute;left: 0;top: 0;display: flex;align-items: center;width: 100%;height: 100%;box-sizing: border-box;padding: 6.09%;}
.honor-item .pic .box img{display: block;width: 100%;height: auto;border-radius: 10px;overflow: hidden;box-shadow: 0 0 15px rgba(51, 51, 51, .08);}
.honor-item .pic .cover{position: absolute;left: 0;top: 0;z-index: 1;transition: all .5s;display: block;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: rgba(217, 217, 217, 0);}
.honor-item .pic .cover .cycle{position: relative;transition: all .5s;z-index: 1;width: 90px;height: 90px;border-radius: 50%;background: #ee1c25;opacity: 0;overflow: hidden;}
.honor-item .pic .cover .cycle .line{position: absolute;left: -100%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;width: 26px;height: 2px;background: #fff;}
.honor-item .pic .cover .cycle .line:first-child{left: 50%;top: -100%;width: 2px;height: 26px;}
.honor-item:hover .pic .cover{background: rgba(217, 217, 217, .5);}
.honor-item:hover .pic .cover .cycle{opacity: 1;}
.honor-item:hover .pic .cover .cycle .line{left: 50%;}
.honor-item:hover .pic .cover .cycle .line:first-child{top: 50%;}

.honor-item .name{margin-top: 30px;line-height: 1.5em;text-align: center;padding: 0 20px;}
.about-honor .com-more{margin: 0 auto;border-color: rgba(204, 204, 204, .8);color: #bfbfbf;}
.about-honor .com-more:hover{border-color: #ee1c25;color: #fff;}

.history{display: flex;padding: 100px 0 150px;}
.history .list{width: 47.14%;}
.history .list .item{transition: all .5s;display: block;width: fit-content;margin-bottom: 27px;color: #999;cursor: pointer;}
.history .list .item .year{line-height: 1em;}
.history .list .item .msg{transition: all .5s;display: none;margin-top: 27.5px;line-height: 1.375em;}
.history .list .item:hover,.history .list .item.on{color: #242424;}
.history .list .item:hover .year{font-size: 40px;}
.history .list .item.on .year{font-size: 100px;font-weight: bold;}
.history .list .item.on .msg{display: block;}
.history .content{position: relative;width: 52.86%;}
.history .content .bg{position: absolute;left: 0;top: 140px;color: #ee1c25;font-size: 180px;line-height: .8em;font-weight: bold;opacity: 0.05;}
.history .content .item{margin-bottom: 100px;}
.history .content .item:last-child{margin-bottom: 0;}
.history .content .item .info{margin-bottom: 28px;line-height: 1.5em;}
.history .content .item .msg{color: #666;line-height: .8em;}
.history .content .item .pic{width: 100%;margin-top: 75px;}
.history .content .item .pic img{display: block;max-width: 100%;height: auto;border-radius: 10px;overflow: hidden;box-shadow: 0 0 15px rgba(51, 51, 51, .08);}

/* 领导关怀 */
.leader{}
.leader-latest{display: flex;box-shadow: 0 0 15px rgba(51, 51, 51, .08);}
.leader-latest .pic{position: relative;width: 60.71%;padding-bottom: 33.28%;overflow: hidden;}
.leader-latest .pic img{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;}
.leader-latest .content{width: 39.29%;box-sizing: border-box;padding: 160px 40px 0;}
.leader-latest-title{margin-bottom: 28px;line-height: 1.5em;}
.leader-latest-msg{color: #666;line-height: 30px;}
.leader-latest:hover .pic img{transform: scale(1.1);}
.leader-list{display: flex;flex-wrap: wrap;margin-top: 40px;}
.leader-list .item{width: 32.85%;margin-right: 0.725%;margin-bottom: 50px;}
.leader-list .item:nth-child(3n){margin-right: 0;}
.leader-list .item .pic{position: relative;width: 100%;padding-bottom: 76.95%;border-radius: 10px;overflow: hidden;}
.leader-list .item .pic img{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;}
.leader-list .item .text{padding: 18px 0 0;line-height: 1.5em;text-align: center;}
.leader-list .item:hover .pic img{transform: scale(1.1);}

/* 产业布局 */
.industry{padding: 100px 0 160px;}
.industry .top{margin-bottom: 100px;}
.industry .top .title{margin-bottom: 30px;line-height: 1em;}
.industry .top .msg{color: #666;line-height: 30px;}
.industry .main{display: flex;align-items: flex-start;}
.industry .main .list{width: 333px;}
.industry .main .list .item{position: relative;transition: all .5s;display: flex;align-items: flex-start;width: 300px;height: 70px;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;line-height: 1.6em;opacity: .4;cursor: pointer;overflow:hidden}
.industry .main .list .item a {margin: auto 0;}
.industry .main .list .item::after{content: "";position: absolute;left: 0;bottom: -1px;width: 500px;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.jpg) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 1px;}
.industry .main .list .item:hover,.industry .main .list .item.on{opacity: 1;}
.industry .main .list .item:hover::after,.industry .main .list .item.on::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.industry .main .swiper{position: relative;}
.industry .main .content{position: relative;display: flex;justify-content: space-between;align-items: flex-end;width: calc(100% - 333px);}
.industry .main .content .show{position: relative;}
.industry .main .content .show .pic{position: relative;width: 650px;height: 650px;}
.industry .main .content .show .pic .cycle{position: relative;width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.industry .main .content .show .pic .cycle img{display: block;width: 100%;height: 100%;}
.industry .main .content .show .line{position: absolute;left: 50%;top: 50%;transform-origin: 0 0;z-index: 1;width: 50%;height: 1px;background: #e5e5e5;opacity: .6;}
.industry .main .content .show .line1{transform: rotate(0);}
.industry .main .content .show .line2{transform: rotate(120deg);}
.industry .main .content .show .line3{transform: rotate(240deg);}
.industry .main .content .show .cycle-bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 800px;height: 800px;transition: all 1s;z-index: 1;border-radius: 50%;overflow: hidden;background: transparent;opacity: 0;}
.industry .main .content .show .cycle-bg img{display: block;width: 100%;height: 100%;}
.industry .main .content .text{width: calc(100% - 650px);box-sizing: border-box;padding-left: 50px;padding-bottom: 70px;}
.industry .main .content .text .title{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 30px;}
.industry .main .content .text .title p{line-height: 1.1em;}
.industry .main .content .text .title span{display: block;color: #f2f2f2;font-size: 130px;line-height: .8em;font-weight: bold;}
.industry .main .content .text .msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom: 50px;line-height: 30px;}
.industry .main .content:hover .show .cycle-bg{transform: translate(-49%, -52%);opacity: 1;}
.industry .main .swiper .page{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;display: none;justify-content: center;align-items: center;width: 44px;height: 44px;border-radius: 50%;box-sizing: border-box;border: 1px solid #333;opacity: .4;cursor: pointer;outline: none;}
.industry .main .swiper .page.next{left: auto;right: 0;}
.industry .main .swiper .page:hover{border-color: #ee1c25;background: #ee1c25;opacity: 1;color: #fff;}

/* 产品中心 */
.product{position: relative;width: 100%;height: 870px;box-sizing: border-box;padding-left: calc((100% - 1400px) / 2);padding-right: 37.86%;padding-top: 110px;color: #fff;background: url(/static/img/product.jpg)center/cover no-repeat;}
.product .main .type-title{line-height: 1em;}
.product .main .product-type{display: none;}
.product .main .product-type.on{display: block;}

.product .main .text{width: 700px;margin-top: 106px;}
.product .main .text .title{margin-bottom: 30px;line-height: 1em;}
.product .main .text .msg{line-height: 30px;}
.product .main .list{display: flex;flex-wrap: wrap;width: 700px;margin-top: 10px;}
.product .main .list .item{position: relative;transition: all .5s;display: flex;flex-flow: column;justify-content: center;align-items: center;width: 140px;height: 140px;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, .6);border-radius: 10px;margin-right: 50px;margin-top: 40px;padding: 4px;overflow: hidden;}
.product .main .list .item::after{content: "";position: absolute;left: 0;top: 0;transform: scaleX(0);transition: all .5s;transform-origin: left;width: 100%;height: 100%;background: #ee1c25;}
.product .main .list .item span{position: relative;z-index: 1;display: block;margin-bottom: 14px;line-height: .8em;}
.product .main .list .item p{position: relative;z-index: 1;text-align: center;line-height: 30px;}
.product .main .list .item p::-webkit-scrollbar {width:2px}
/*.product .main .list .item p::-webkit-scrollbar-track {background:transparent}*/
.product .main .list .item:hover{border-color: #ee1c25;}
.product .main .list .item:hover::after{transform: scaleX(1);}
.product-type .com-more{margin-top: 50px;}

.product .choose{position: absolute;right: 0;top: 0;width: 37.86%;height: 100%;}
.product .choose .item{position: relative;display: flex;flex-flow: column;justify-content: center;width: 100%;height: 50%;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, .15);padding-left: 7.84%;overflow: hidden;border-right: none;cursor: pointer;border-top: none;}
/* .product .choose .item:first-child{}
.product .choose .item:last-child{border-bottom: none;} */
.product .choose .item .text{}
.product .choose .item .text .num{line-height: .8em;}
.product .choose .item .text .en{margin: 40px 0 14px;;line-height: .8em;}
.product .choose .item .text .cn{line-height: 1em;}
.product .choose .item .icon{position: absolute;right: 10%;top: 50%;transform: translateY(-50%);transition: all .5s;opacity: 0;}

.product .choose .item .border {display: none; position: absolute;background: #ee1c25;transition: all 5s;}
.product .choose .item .b-l{left: 0; animation:ipro1 5s infinite;-webkit-animation:ipro1 5s infinite; width: 1px;height: 100%; }
.product .choose .item .b-t{top:0; animation:ipro2 5s infinite;-webkit-animation:ipro2 5s infinite; width: 100%;height: 1px; }
.product .choose .item .b-r{right: 0; nimation:ipro3 5s infinite;-webkit-animation:ipro3 5s infinite; width: 1px;height: 100%; }
.product .choose .item .b-b{bottom: 0; animation:ipro4 5s infinite;-webkit-animation:ipro4 5s infinite; width: 100%;height: 1px; }
.product .choose .item.on .border{display: block;}
.product .choose .item.on .icon{right: 19.66%;opacity: 1;}

@keyframes ipro1{from {bottom:-100%;}to {bottom:0; }}
@-webkit-keyframes ipro1  {from {bottom:-100%;}to {bottom:0; }}

@keyframes ipro2{from {left: -100%;}to {left:0; }}
@-webkit-keyframes ipro2  {from {left: -100%;}to {left:0; }}

@keyframes ipro3{from {top:-100%;}to {top:0; }}
@-webkit-keyframes ipro3  {from {top:-100%;}to {top:0; }}

@keyframes ipro4{from {right: -100%;}to {right: 0;}}
@-webkit-keyframes ipro4  {from {right: -100%;}to {right: 0;}}

/* 应用领域详情页 */
.application-intro{position: relative;z-index: 1;padding: 100px 0;background: #fff;}
/* .application-intro .text{margin-bottom: 58px;} */
.application-intro .text .title{margin-bottom: 32px;line-height: 1em;}
.application-intro .text .summary{line-height: 30px;}
.application-intro .content{}
.application-intro .content img{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.application-adv{display: flex;justify-content: center;align-items: center;width: 100%;height: 750px;color: #fff;text-align: center;letter-spacing: 4px;}
.application-adv .text{position: relative;z-index: 1;}
.application-adv-bg{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;}
.application-adv-bg img{display: block;width: 100%;height: 100%;}

.application-size{position: relative;z-index: 1;background: #fff;padding: 90px 0;}
.application-size .title{margin-bottom: 80px;line-height: 1em;text-align: center;}
.application-size .group{display: flex;align-items: flex-start;justify-content: center;}
.application-size .item{position: relative;width: 32.32%;box-sizing: border-box;border-radius: 10px;border: 1px solid #d9d9d9;padding: 120px 30px 50px;margin-right: 1.52%;}
/* .application-size .item:nth-child(2n){margin-top: 72px;} */
.application-size .item:nth-child(3){margin-right: 0;}
/* .application-size .item:nth-child(4n){margin-right: 0;margin-top: 106px;} */
.application-size .item .size{position: absolute;right: 40px;top: 25px;width: fit-content;text-align: center;}
.application-size .item .size img{display: block;margin-bottom: 12px;}
.application-size .item .size span{display: block;margin-bottom: 12px;color: #ee1c25;line-height: .8em;}
.application-size .item .size p{color: #666;line-height: 1em;}
.application-size .item .name{margin-bottom: 15px;color: #666;line-height: 1em}
.application-size .item .tip{height: 12em;overflow-y: auto;}
.application-size .item .tip p{position: relative;line-height: 2em;}
/* .application-size .item .tip p::before{content: "";position: absolute;left: 0;top: 1em;transform: translateY(-50%);} */

.technology{position: relative;z-index: 1;padding: 55px 0 135px;background: #fafafa;}
.technology .title{text-align: center;line-height: 1em;}
.technology .content{position: relative;margin-top: 70px;}
.technology .content::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #d9d9d9;}
.technology .main {position: relative;z-index: 1;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding-left: 3.64%;padding-right: 3.125%;}
.technology .main .num{display: flex;justify-content: center;align-items: center;width: 110px;height: 110px;border-radius: 50%;color: #fff;line-height: 1em;text-align: center;background: #ee1c25;}
.technology .main .btn{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 36px;height: 36px;border-radius: 50%;color: #fff;background: #232323;cursor: pointer;}
.technology .main .btn i{font-size: 16px;line-height: 1em;}
.technology .main .btn:hover{background: #ee1c25;}
.technology .main .swiper{width: 81.35%;height: 436px;padding: 15px 1px;margin: 0;}
.technology .main .swiper .swiper-wrapper{justify-content: center;}
.technology .main .swiper .swiper-slide{width: 208px;height: auto;}
.technology .main .swiper .item{position: relative;width: 100%;padding-bottom: 100%;border-radius: 50%;background: #fff;box-shadow: 0 0 15px rgba(51,51,51,.08);}
.technology .main .swiper .item p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;color: #666;text-align: center;}

/* 产品详情页 */
.product-intro{position: relative;z-index: 1;padding: 100px 0 90px;background: #fff;}
.product-intro .title{line-height: 1em;}
.product-intro .attribute{display: flex;align-items: center;margin: 70px 0 28px;}
.product-intro .attribute .item{display: flex;align-items: flex-end;padding: 0 30px;border-right: 1px solid rgba(35, 35, 35, .2);}
.product-intro .attribute .item:first-child{padding-left: 0;}
.product-intro .attribute .item:last-child{border-right: none;}
.product-intro .attribute .item p{line-height: .8em;}
.product-intro .attribute .item span{margin-left: 10px;color: #ee1c25;line-height: .8em;text-transform: uppercase;}
.product-intro .msg{margin-bottom: 78px;line-height: 30px;}
.product-intro .msg img{max-width: 100%;height: auto;margin-top: 40px;}
.product-intro .content{position: relative;border-top: 1px solid #d9d9d9;padding-top: 80px;}
.product-intro .content .main{position: relative;z-index: 1;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;}
.product-intro .content .main .num{display: flex;justify-content: center;align-items: center;width: 246px;height: 246px;border-radius: 50%;color: #fff;background: #ee1c25;}
.product-intro .content .main .material{display: flex;flex-wrap: wrap;width: calc(100% - 300px);padding: 15px 0;color: #666;line-height: 1.2em;text-align: center;}
/* .product-intro .content .main .material p{position: relative;display: flex;justify-content: center;align-items: center;width: calc(20% - 16px);min-height: 50px;border-radius: 10px;box-shadow: 0 0 15px rgba(51,51,51,.08);margin-right: 20px;margin-bottom: 20px;padding: 5px;box-sizing: border-box;background: #fff;} */
.product-intro .content .main .material p{position: relative;display: flex;justify-content: center;align-items: center;width: calc(33.33% - 13.33px);min-height: 75px;border-radius: 10px;box-shadow: 0 0 15px rgba(51,51,51,.08);margin-right: 20px;margin-bottom: 20px;padding: 5px;box-sizing: border-box;background: #fff;}
.product-intro .content .main .material p:nth-child(3n){margin-right: 0;}
.standard{position: relative;z-index: 1;padding: 95px 0 150px;background: #fff;}
.product-intro .material-msg{margin-top: 80px;line-height: 30px;}

.standard-title{text-align: center;line-height: 1em;}
.standard .list{margin-top: 85px;}
.standard .list .item{margin-top: -1px;}
.standard .list .item .top{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 80px;box-sizing: border-box;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;padding: 0 20px;cursor: pointer;}
.standard .list .item .top i{transition: all .5s;color: #d9d9d9;font-size: 28px;line-height: 1em;}
.standard .list .item .content{display: none;width: 100%;padding: 26px 0 68px;}
/* .standard .list .item:first-child .content{display: block;} */
.standard .list .item .content .main{width: 100%;box-sizing: border-box;padding: 0 20px;}

.standard .list .item .content .main table,.standard .list .item .content .main tbody,.standard .list .item .content .main tr{display: block;width: 100%;}
.standard .list .item .content .main tr{position: relative;display: flex;color: #666;line-height: 30px;}
.standard .list .item .content .main table{width: auto ;border-collapse:collapse;}
.standard .list .item .content .main table td{display: block;border:1px solid #e5e5e5;padding: 20px;text-align: left;box-sizing: border-box;border-top: none;}
.standard .list .item .content .main table tr:first-child td{border-top: 1px solid #e5e5e5;}
.standard .list .item .content .main table tr td:first-child{width: 42%;}
.standard .list .item .content .main table tr td:last-child{width: 58%;border-left: none;}
.standard .list .item .content .main table tr:hover{background-color:#F2F7FB!important;transition:all 0.6s} 
.standard .list .item .content .main table tr:nth-child(odd){ background: #f7f7f7; }
.standard .list .item .content .main table tr:nth-child(even){ background: #fff; }

.manual .standard .list .item .content .main img{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.manual .standard .honor-title{margin: 40px auto 0;}


.standard .list .item .content .file{position: relative;display: flex;align-items: center;justify-content: space-between;margin-bottom: 14px;padding-left: 20px;color: #666;line-height: 30px;}
.standard .list .item .content .file:last-child{margin-bottom: 0;}
.standard .list .item .content .file::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;background: #d9d9d9;}
.standard .list .item .content .file .msg{width: 58%;}
.standard .list .item:hover .top i{color: #ee1c25;}
.standard .list .item.on{background: #fafafa;}
.standard .list .item.on .top i{transform: rotate(180deg);color: #ee1c25;}


/* 研发创新 */
.research-intro{padding: 100px 0 76px;}
.research-intro .title{margin-bottom: 40px;line-height: 1em;}
.research-intro .longtitle{margin-bottom: 8px;color: #ee1c25;line-height: 1em;}
.research-intro .summary{line-height: 30px;}
.research-slogan{position: relative;background-size: cover;background-repeat: no-repeat;}
.research-slogan .cover{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;}
.research-slogan .cover.show{z-index: 20;}
/* .research-slogan-bg{background-size: cover;background-repeat: no-repeat;height: 750px;} */
.research-slogan-content{width: 100%;width: 100%;height: 750px;margin: 0 auto;}
.research-slogan-content .item{display: flex;justify-content: center;width: 100%;height: 750px;}
.research-slogan-box{display: flex;justify-content: space-between;align-items: center;width: 960px;margin: 0 auto;color: #fff;}
.research-slogan-box .title{transition: all .5s;line-height: 1em;opacity: 0;}
.research-slogan-box .card{position: relative;transition: all .5s;display: flex;width: 357px;min-height: 351px;box-sizing: border-box;padding: 30px;border-radius: 10px;background: #666;flex-direction: column;justify-content: center;}
.research-slogan-content .item.swiper-slide-active .research-slogan-box .title{opacity: 1;}
.research-slogan-content .item.on1 .research-slogan-box .card{top: -16px;transform: scale(.9493) ;opacity: 0.5;}
.research-slogan-content .item.on2 .research-slogan-box .card{top: -24px;transform: scale(.936) ;opacity: 0.2;}
.swiper-3d .swiper-slide-shadow{background: none;}

.research-honor{padding: 114px 0 120px;}
.research-honor .title{margin-bottom: 32px;color: #242424;line-height: 1em;}
.research-honor .msg{line-height: 30px;}
.research-honor-click{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 44px;}
.research-honor-click .page{display: flex;align-items: center;}
.research-honor-click .page .item{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 44px;height: 44px;box-sizing: border-box;border: 1px solid #333;border-radius: 50%;color: #333;opacity: 0.4;cursor: pointer;outline: none;}
.research-honor-click .page .item.prev{margin-right: 12px;}
.research-honor-click .page .item i{font-size: 18px;line-height: 1em;}
.research-honor-click .page .item:hover{border-color: #ee1c25;color: #fff;background: #ee1c25;opacity: 1;}
.research-honor-click .type{display: flex;align-items: center;}
.research-honor-click .type .item{position: relative;transition: all .5s;display: block;padding-bottom: 10px;line-height: 1em;border-bottom: 1px solid #e5e5e5;opacity: 0.4;}
.research-honor-click .type .item:first-child{margin-right: 60px;}
.research-honor-click .type .item::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.jpg) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 1px;}
.research-honor-click .type .item:hover,.research-honor-click .type .item.on{opacity: 1;}
.research-honor-click .type .item:hover::after,.research-honor-click .type .item.on::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.research-honor .swiper{display: none;width: calc(100% - ((100% - 1400px) / 2));margin-left: calc((100% - 1400px) / 2);padding: 30px 0;}
.research-honor .swiper .honor-item{width: 19.75%;margin-bottom: 0;}
.research-honor .swiper.on{display: block;}
.research-process{padding: 114px 0 120px;}
.research-process-swiper{width: 100%;border-radius: 120px 0 0 0;}
.research-process-swiper .item{display: flex;flex-flow: column;justify-content: space-between;align-items: center;width: 100%;height: 750px;box-sizing: border-box;padding: 100px 0 110px;text-align: center;color: #fff;}
.research-process-swiper .item .text{width: 100%;}
.research-process-swiper .item .title{margin-bottom: 30px;line-height: 1em;}
.research-process-swiper .item .msg{width: 100%;box-sizing: border-box;line-height: 30px;}
.research-process-swiper .pic{position: relative;display: flex;justify-content: space-between;align-items: center;width: 826px;margin: 0 auto;}
.research-process-swiper .pic .swiper{width: 316px;height: 316px;}
.research-process-swiper .pic .swiper .pic-item{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.research-process-swiper .pic .swiper .pic-item img{display: block;width: 100%;height: 100%;}
.research-process-swiper .pic .pic-page{display: flex;justify-content: center;align-items: center;width: 66px;height: 66px;border-radius: 50%;outline: none;color: #fff;background: #ee1c25;cursor: pointer;}
.research-process-swiper .pic .pic-page i{font-size: 26px;line-height: 1em;}

.research-process .list{position: relative;z-index: 1;display: flex;height: 160px;border-radius: 10px;background: #ee1c25;color: #fff;margin-top: -75px;}
.research-process .list .item{position: relative;transition: all .5s;display: flex;flex-flow: column;justify-content: center;align-items: center;width: 33.33%;height: 100%;box-sizing: border-box;padding: 26px 0;opacity: .4;cursor: pointer;}
.research-process .list .item::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 40px;background: #fff;opacity: .4;}
.research-process .list .item:last-child::after{display: none;}
.research-process .list .item:hover,.research-process .list .item.on{opacity: 1;}
.research-factory{padding: 230px 0 150px;background: url(/static/img/research-bg2.jpg)center/cover no-repeat;}
.research-factory .text{margin-bottom: 120px;}
.research-factory .text .title{margin-bottom: 30px;color: #242424;line-height: 1em;}
.research-factory .swiper{}
.research-factory .item{position: relative;width: 49.53%;padding-bottom: 26.45%;border-radius: 10px;overflow: hidden;}
.research-factory .item img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.research-factory .page-item{position: absolute;left: calc((100% - 1400px) / 2);top: 50%;transform: translateY(-50%);transition: all .5s;z-index: 1;display: flex;justify-content: center;align-items: center;width: 68px;height: 68px;border-radius: 50%;box-sizing: border-box;border: 1px solid #fff;color: #fff;opacity: .4;outline: none;cursor: pointer;}
.research-factory .page-item.next{left: auto;right:  calc((100% - 1400px) / 2);}
.research-factory .page-item:hover{opacity: 1;border-color: #ee1c25;background: #ee1c25;}
.research-factory .page-item i{font-size: 26px;line-height: 1em;}

/* 可持续发展 */
.develop-culture{position: relative;}
.develop-culture .develop-culture-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: .5;}
.develop-culture-title{position: absolute;top: 100px;left: calc((100% - 1400px) / 2);}
.develop-culture-content{position: relative;}
.develop-culture-content .line{}
.develop-culture-content .line img{display: block;width: 100%;height: auto;}
.develop-culture-content .list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.develop-culture-content .list .item{position: absolute;display: flex;flex-flow: column;align-items: center;}
.develop-culture-content .list .item .pic{position: absolute;top: -24px;left: 50%;transform: translate(-50%,-100%);transition: all .5s;width: 360px;height: 360px;border-radius: 50%;overflow: hidden;opacity: 0;}
.develop-culture-content .list .item .pic img{display: block;width: 100%;height: 100%;}
.develop-culture-content .list .item .point{width: 15px;height: 15px;border-radius: 50%;background: #ee1c25;}
.develop-culture-content .list .item .text{position: absolute;bottom: -20px;left: 50%;transform: translate(-50%,100%);padding-top: 18px;width: 360px;}
.develop-culture-content .list .item .text .title{margin-bottom: 16px;line-height: 1em;text-align: center;}
.develop-culture-content .list .item .text .msg{line-height: 30px;}
.develop-culture-content .list .item1{top: 64.49%;left: 24.89%;}
.develop-culture-content .list .item2{top: 63%;left: 49.58%;}
.develop-culture-content .list .item3{top: 51.92%;left: 74.27%;}
.develop-culture-content .list .item:hover .pic,.develop-culture-content .list .item.on .pic{opacity: 1 !important;}
.develop-culture-swiper{display: none;}

.develop-happiness{padding-bottom: 86px;}
.develop-happiness .show{position: relative;width: calc(100% - ((100% - 1400px)/2));margin-left: calc((100% - 1400px)/2);padding-bottom: 39.0625%;}
.develop-happiness .show .text{position: absolute;left: 50px;top: 29.6%;color: #fff;}
.develop-happiness .show .text .title{margin-bottom: 35px;line-height: 1em;}
.develop-happiness .show .text .text{line-height: 30px;}
.develop-happiness .action{position: relative;z-index: 1;margin-top: -100px;}
.develop-happiness .action .top{width: 100%;height: 100px;border-radius: 0 100px 0 0;box-sizing: border-box;padding: 0 50px;background: #fff;cursor: pointer;}
.develop-happiness .action .top .title{display: flex;justify-content: space-between;align-items: center;height: 100%;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;}
.develop-happiness .action .top .title i{position: relative;transition: all .5s;display: block;color: #ee1c25;font-size: 26px;line-height: 1em;}
.develop-happiness .action .top.on .title i{transform: rotate(180deg);}
.develop-happiness .action .main{position: relative;padding: 24px 0;background: #fff;}
.develop-happiness .action .main .swiper{width: 84.28%;margin: 0 auto;}
.develop-happiness .action .main .swiper .item{position: relative;width: 49.15%;height: auto;}
.develop-happiness .action .main .swiper .item .pic{position: relative;width: 100%;padding-bottom: 66.43%;border-radius: 10px;overflow: hidden;}
.develop-happiness .action .main .swiper .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.develop-happiness .action .main .swiper .item p{margin-top: 20px;text-align: center;line-height: 1.5em;}
.develop-happiness .action .main .btn{position: absolute;top: 50%;transform: translateY(-50%);transition: all .5s;display: flex;justify-content: center;align-items: center;width: 68px;height: 68px;box-sizing: border-box;border: 1px solid #333;color: #333;border-radius: 50%;outline: none;cursor: pointer;opacity: .4;}
.develop-happiness .action .main .btn i{font-size: 26px;line-height: 1em;}
.develop-happiness .action .main .btn.prev{left: 0;}
.develop-happiness .action .main .btn.next{right: 0;}
.develop-happiness .action .main .btn:hover{border-color: #ee1c25;color: #fff;background: #ee1c25;opacity: 1;}

.develop-file{padding: 88px 0 104px;border-radius: 0 0 0 120px;background: url(/static/img/develop-bg.jpg)center/cover no-repeat;overflow: hidden;}
.develop-file-title{margin-bottom: 100px;line-height: 1em;}
.develop-file .list{display: flex;padding-bottom: 40px;}
.develop-file .item{position: relative;width: 23%;padding-bottom: 34.07%;box-sizing: border-box;border-radius: 10px;border: 1px solid #50cdd1;color: #50cdd1;margin-right: 2.6%;margin-bottom: 16px;}
.develop-file .item:nth-child(2n){border-color: #6d66c2;color: #6d66c2;}
.develop-file .item:nth-child(3n){border-color: #ee1c25;color: #ee1c25;}
.develop-file .item:nth-child(4n){border-color: #ff9036;color: #ff9036;margin-right: 0;}
.develop-file .item .box{position: absolute;left: 0;top: 0;transition: all .5s;display: flex;flex-flow: column;justify-content: space-between;width: 100%;height: 100%;box-sizing: border-box;border-radius: 10px;padding: 35px 22px;}
.develop-file .item .box .text{}
.develop-file .item .box .text .num{margin-bottom: 30px;line-height: .8em;}
.develop-file .item .box .text .cn{margin-bottom: 6px;line-height: 1.5em;}
.develop-file .item .box .text .en{line-height: 14px;}
.develop-file .item .box a{display: flex;align-items: center;line-height: 1em;}
.develop-file .item .box a i{margin-left: 10px;font-size: 16px;line-height: 1em;opacity: 0;}
.develop-file .item:hover{color: #fff;}
.develop-file .item:hover .box{transform: rotate(-4deg);background: #50cdd1;}
.develop-file .item:nth-child(2n):hover .box{background: #6d66c2;}
.develop-file .item:nth-child(3n):hover .box{background: #ee1c25;}
.develop-file .item:nth-child(4n):hover .box{background: #ff9036;}
.develop-file .item:hover .box a i{opacity: 1;}
.develop-file .com-more,.develop-honor .com-more,.duty .com-more{margin: 0 auto;border-color: #999;color: #999;opacity: .8;}
.develop-file .com-more:hover,.develop-honor .com-more:hover,.duty .com-more:hover{border-color: #ee1c25;color: #fff;opacity: 1;}

.develop-honor{padding: 145px 0 150px;}
.develop-honor .list{display: flex;flex-wrap: wrap;margin-top: 75px;}

.duty{padding: 100px 0 150px;}
.duty-list{margin-bottom: 60px;}
.duty .duty-item{display: flex;box-shadow: 0 0 15px rgba(51, 51, 51, .08);margin-bottom: 40px;border-radius: 10px;overflow: hidden;}
.duty .duty-item:nth-child(even){flex-flow: row-reverse;}
.duty .duty-item .pic{width: 60.71%;}
.duty .duty-item .pic .item{position: relative;width: 100%;height: auto;padding-bottom: 54.82%;}
.duty .duty-item .pic .item img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.duty .duty-item .content{position: relative;width: 39.29%;padding: 11.85% 40px 0;box-sizing: border-box;}
.duty .duty-item .content .text{}
.duty .duty-item .content .text .title{margin-bottom: 30px;line-height: 1em;}
.duty .duty-item .content .text .msg{color: #666;line-height: 30px;}
.duty .duty-item .content .btn{position: absolute;bottom: 40px;left: 40px;display: flex;align-items: center;}
.duty .duty-item .content .btn .item{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 44px;height: 44px;border-radius: 50%;box-sizing: border-box;border: 1px solid #333;opacity: .4;cursor: pointer;outline: none;}
.duty .duty-item .content .btn .item.prev{margin-right: 18px;}
.duty .duty-item .content .btn .item i{font-size: 18px;line-height: 1em;}
.duty .duty-item .content .btn .item:hover{border-color: #ee1c25;color: #fff;background: #ee1c25;opacity: 1;}

/* 新闻中心 */
.news{padding: 100px 0 150px;}
.news .latest{display: flex;box-shadow: 0 0 15px rgba(51, 51, 51, .08);border-radius: 10px;overflow: hidden;}
.news .latest .pic{position: relative;width: 60.71%;padding-bottom: 33.28%;overflow: hidden;}
.news .latest .pic img{position: absolute;left: 0;top: 0;transition: all .6s;display: block;width: 100%;height: 100%;}
.news .latest .content{position: relative;display: flex;flex-flow: column;justify-content: center;width: 39.29%;box-sizing: border-box;padding-left: 40px;padding-right: 100px;}
.news .latest .content .text{line-height: 1em;}
.news .latest .content .text .title{transition: all .5s;margin-bottom: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 1em;}
.news .latest .content .text .msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;;color: #666;line-height: 30px;}
.news .latest .content .date{position: absolute;right: 0;top: 0;display: flex;flex-flow: column;justify-content: center;align-items: center;width: 96px;height: 89px;color: #fff;background: #ee1c25;border-radius: 0 0 0 10px;}
.news .latest .content .date span{margin-bottom: 8px;line-height: .8em;}
.news .latest .content .date p{line-height: .8em;}
.news .latest .content .com-viewmore{position: absolute;left: 40px;bottom: 34px;}
.news .latest:hover .pic img{transform: scale(1.1)};
.news .latest:hover .content .text .title{color: #ee1c25;}
.news .latest:hover .content .com-viewmore{color: #ee1c25;}
.news .latest:hover .content .com-viewmore .icon{background: #ee1c25;}
.news .list{display: flex;flex-wrap: wrap;margin-bottom: 100px;}
.news .list .item{position: relative;display: block;width: 32.85%;margin-top: 40px;margin-right: 0.725%;border-radius: 10px;overflow: hidden;box-shadow: 0 0 15px rgba(51, 51, 51, .08);}
.news .list .item:nth-child(3n){margin-right: 0;}
.news .list .item .pic{position: relative;width: 100%;padding-bottom: 76.95%;}
.news .list .item .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.news .list .item .content{position: absolute;left: 0;top: 0;transition: all .5s;display: flex;flex-flow: column;justify-content: space-between;width: 100%;height: 100%;box-sizing: border-box;padding: 103px 38px 32px;background: #fff;}
.news .list .item .content .title{transition: all .5s;margin-bottom: 34px;color: #232323;line-height: 1em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news .list .item .content .msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color: #666;line-height: 30px;}
.news .list .item .date{color: #999;line-height: .8em;}
.news .list .item .content .com-viewmore{position: absolute;right: 38px;bottom: 20px;transition: all .5s;opacity: 0;}
.news .list .item:hover .content{background: rgba(51, 51, 51, .5);}
.news .list .item:hover .content .title{color: #fff;}
.news .list .item:hover .content .msg{opacity: 0;}
.news .list .item:hover .date{opacity: 0;}
.news .list .item:hover .content .com-viewmore{opacity: 1;}
.news .com-more{margin: 0 auto;border-color: #999;color: #999;opacity: .8;}
.news .com-more:hover{border-color: #ee1c25;color: #fff;opacity: 1;}

/* 新闻详情页 */
.article-read{padding: 100px 0 150px;}
.article-top{padding-bottom: 10px;border-bottom: 2px solid #ee1c25;}
.article-top .title{margin-bottom: 24px;line-height: 1.2em;}
.article-top .info{display: flex;justify-content: space-between;align-items: flex-end;}
.article-top .info .date{color: #666;line-height: .8em;}
.article-top .info .share{display: flex;align-items: center;}
.article-top .info .share a{transition: all .5s;margin-right: 30px;color: #ccc;}
.article-top .info .share a:last-child{margin-right: 0;}
.article-top .info .share a i{font-size: 28px;line-height: 1em;}
.article-top .info .share a.social-share-icon:hover{color: #ee1c25;}
.article-read .article-content{border-bottom: 1px solid #e5e5e5;padding: 40px 0 104px;}
.article-read .article-content .content{padding-bottom: 130px;color: #666;line-height: 30px;}
.article-read .article-content .content p{min-height: 30px;}
.article-read .article-content .content img{max-width: 100%;height: auto;}
.article-read .link{}
.article-read .link .title{display: flex;align-items: center;margin-bottom: 20px;color: #333;}
.article-read .link .title i{margin-right: 10px;color: #666;font-size: 16px;line-height: 1em;}
.article-read .link .title p{line-height: 1em;}
.article-read .link .item{display: flex;align-items: center;margin-bottom: 15px;color: #999;}
.article-read .link .item a{margin-left: 60px;}
.article-read .link .item a:hover{color: #ee1c25;}
.article-page{display: flex;justify-content: space-between;align-items: center;padding-top: 20px;color: #666;line-height: 1em;}
.article-page .item{display: flex;align-items: center;width: 45%;}
.article-page .item:last-child{justify-content: flex-end;}
.article-page .item p{max-width: calc(100% - 70px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.article-page .item:hover p{color: #ee1c25;}

/* contact */
.contact{padding: 100px 0 52px;}
.contact-title{line-height: 1em;}
.contact-msg{margin: 32px 0 85px;color: #666;line-height: 30px;}
.contact .list{display: flex;justify-content: space-between;align-items: center;padding: 0 30px 110px;}
.contact .list .item{position: relative;display: flex;justify-content: center;align-items: center;width: 378px;height: 378px;}
.contact .list .item .cycle{display: flex;flex-flow: column;align-items: center;width: 90%;height: 90%;border-radius: 50%;box-shadow: 0 0 15px rgba(51, 51, 51, .08);box-sizing: border-box;padding-top: 120px;background: #fff;}
.contact .list .item .cycle i{color: #ee1c25;font-size: 32px;line-height: 1em;}
.contact .list .item .cycle .title{margin: 20px 0;line-height: 1em;text-align: center;}
.contact .list .item .cycle .msg{color: #666;line-height: 30px;text-align: center;width: 80%;}
.contact .list .item .round{position: absolute;left: 0;top: 0;display: flex;align-items: flex-end;justify-content: flex-start;width: 100%;height: 100%;box-sizing: border-box;border: 1px dashed #d9d9d9;border-radius: 50%;z-index: -1;}
.contact .list .item .round .half{position: relative;transform-origin: top center;transition: all .5s;width: 100%;height: 50%;}
.contact .list .item .round .half-line{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0 0 378px 378px;border: 1px solid #ee1c25;border-top: none;box-sizing: border-box;z-index: 2;}
.contact .list .item .round .half-line::after{content: "";position: absolute;right: 0;top: 0;transform: translate(50%,-50%);width: 10px;height: 10px;border-radius: 50%;background: #ee1c25;}
.contact .list .item2 .round .half{transform: rotate(180deg);}
.contact .list .item2 .round .half-line::before{content: "";position: absolute;left: 0;top: 0;transform: translate(-50%,-50%);width: 10px;height: 10px;border-radius: 50%;background: #ee1c25;}

.contact .list .dashed{width: 70px;height: 1px;box-sizing: border-box;border-bottom: 1px dashed #d9d9d9;}

.contact .list .item:hover .round .half{transform: rotate(180deg);}
.contact .list .item2:hover .round .half{transform: rotate(360deg);}
.slideDown{display: flex;justify-content: center;}
.slideDown i{transition: all .5s;color: #ccc;font-size: 28px;line-height: 1em;cursor: pointer;}
.slideDown i:hover{color: #ee1c25;}

.contact-map{width: 100%;height: 600px;}

.contact-form{padding: 116px 0 150px;background: url(/static/img/contact-bg.jpg)center/cover no-repeat;}
.contact-form-title{margin-bottom: 25px;color: #000;line-height: 1em;text-align: center;}
.contact-form-msg{line-height: 1em;text-align: center;}
.contact-form-msg a{position: relative;color: #ee1c25;}
.contact-form-msg a::after{content: "";position: absolute;left: 0;bottom: -3px;width: 100%;height: 1px;background: #ee1c25;}
.contact-form form{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 80px;}
.contact-form form .item{width: 47.57%;margin-bottom: 40px;}
.contact-form form .item .title{margin-bottom: 20px;line-height: 1em;opacity: .8;}
.contact-form form .item .title span{color: #ee1c25;}
.contact-form form .item .box{position: relative;width: 100%;}
.contact-form form .item .box i{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);color: #ccc;font-size: 20px;line-height: 1em;}
.contact-form form .item input{display: block;width: 100%;height: 55px;box-sizing: border-box;border: 1px solid #d9d9d9;border-radius: 3px;box-sizing: border-box;padding-left: 52px;outline: none;background: #fff;}
.contact-form form .item5{width: 100%;margin-bottom: 80px;}
.contact-form form .item5 .box i{top: 16px;transform: none;}
.contact-form form .item5 textarea{display: block;width: 100%;height: 300px;box-sizing: border-box;border: 1px solid #d9d9d9;border-radius: 3px;box-sizing: border-box;padding: 14px 52px;outline: none;resize: none;overflow-y: auto;background: #fff;}
.contact-form form .item:hover .box i{color: #ee1c25;}
.contact-form form .submit{display: flex;justify-content: center;margin: 0 auto;}
.contact-form form .submit .btn{transition: all .5s;display: flex;align-items: center;justify-content: center;width: 162px;height: 52px;border-radius: 25px;box-sizing: border-box;border:1px solid #ee1c25;outline: none;color: #fff;background: #ee1c25;cursor: pointer;}
.contact-form form .submit .btn i{margin-right: 10px;line-height: 1em;}
.contact-form form .submit .btn:hover{color: #ee1c25;background: transparent;}

/* recruit */
.recruit-solgan{padding: 100px 0 50px;}
.recruit-solgan .title{margin-bottom: 32px;line-height: 1em;}
.recruit-solgan .msg{line-height: 30px;}
.recruit-solgan .list{display: flex;justify-content: center;margin:110px 0 60px;}
/* .recruit-solgan .item {width: 400px;} */
.recruit-solgan .item:first-child{margin-right: -24px;}
.recruit-solgan .item:last-child{margin-left: -24px;}
.recruit-solgan .item .cycle{display: flex;flex-flow: column;justify-content: space-between;align-items: center;width: 400px;height: 400px;border-radius: 50%;box-sizing: border-box;border: 1px solid #d9d9d9;padding: 80px 0 10px;}
.recruit-solgan .item .cycle .icon{width: auto;height: 100px;}
.recruit-solgan .item .cycle .text{}
.recruit-solgan .item .cycle .text .cn{margin-bottom: 10px;line-height: 1em;text-align: center;}
.recruit-solgan .item .cycle .text .en{color: #666;text-transform: uppercase;line-height: .8em;text-align: center;}
.recruit-solgan .item .cycle .num{display: flex;justify-content: center;align-items: center;width: 44px;height: 44px;border-radius: 50%;color: #fff;background: #ee1c25;}
.recruit-solgan .item .info{margin-top: 15px;line-height: 1.5em;text-align: center;}

.recruit-adv{width: 100%;height: 750px;}
.recruit-adv img{display: block;width: 100%;height: 100%;}

.recruit{position: relative;padding: 84px 0 150px;}
.recruit-type{margin-bottom: 60px;}
.recruit-type .com-type{justify-content: center;}

.campus{display: flex;flex-wrap: wrap;}
.campus-item{width: 48.69%;margin-right: 2.62%;margin-bottom: 50px;padding: 20px 24px 30px;box-sizing: border-box;border: 1px solid #e5e5e5;border-radius: 10px;}
.campus-item:nth-child(2n){margin-right: 0;}
.campus-title{display: flex;align-items: center;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.campus-title-num{margin-right: 36px;color: #ccc;font-size: 60px;font-weight: bold;line-height: .8em;}
.campus-title-name{color: #000;font-size: 24px;line-height: 1em;}
.campus-info{padding-top: 19px;}
.campus-content{margin-bottom: 34px;}
.campus-content p{color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.campus-msg{height: 120px;padding-right: 5px;overflow-y: auto;}
.recruitment-btn{position: relative;display: flex;justify-content: center;align-items: center;width: 184px;height: 50px;box-sizing: border-box;border-radius: 24px;border: 1px solid #c9cbca;color: #666;cursor: pointer;transition: all .5s;overflow: hidden;}
.recruitment-btn::after{content: "";position: absolute;left: 0;top: 0;transform: scaleX(0);transform-origin: left;transition: all .5s;width: 100%;height: 100%;color: #666;background: #ee1c25;}
.recruitment-btn span{position: relative;z-index: 1;font-size: 24px !important;line-height: 1em;}
.recruitment-btn p{position: relative;z-index: 1;padding: 0;margin-left: 10px;font-size: 16px!important;}
.recruitment-btn:hover{border-color: #ee1c25;color: #fff;}
.recruitment-btn:hover::after{transform: scaleX(1);}

.recruit .com-more{margin: 0 auto;border-color: #999;color: #999;opacity: .8;}
.recruit .com-more:hover{border-color: #ee1c25;color: #fff;opacity: 1;}

/* 业绩展示 */

.contact-yjzs{padding: 134px 0 150px;}
.contact-loge{display: flex;flex-wrap: wrap;margin-top: 40px;}
.contact-loge .item{position: relative;width: 13%;padding-bottom: 13%;margin-right: 1.5%;border-radius: 50%;box-shadow: 0 0 20px rgba(0, 0, 0, .1);overflow: hidden;margin-bottom: 15px;}
.contact-loge .item:nth-child(7n){margin-right: 0;}
.contact-loge .item img,.contact-loge .item p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;width: 100%;height: auto;font-size: 30px;line-height: .8em;text-align: center;}

/* 招聘表单 */
.join-fixed{position: fixed;left: 0;top: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .25);z-index: 1000;}
.join-form{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1000px;padding: 70px 75px 60px;background: #fff;}
.join-form form{display: block;}
.join-form .join-form-input{display: block;width: 100%;height: 55px;box-sizing: border-box;border: 1px solid #dcdcdc;padding: 0 10px;margin-bottom: 18px;color: #999;font-size: 16px;outline: none;}
.join-form textarea{display: block;width: 100%;height: 110px;box-sizing: border-box;padding: 12px;border: 1px solid #dcdcdc;outline: none;resize: none;overflow-y: auto;font-size: 16px;}
.join-form-tip{margin-top: 17px;color: #333;font-size: 16px;line-height: 1em;}
.join-btn{display: flex;justify-content: space-between;align-items: center;margin-top: 35px;}
.join-btn .join-btn-item{display: block;width: 145px;height: 45px;border-radius: 22px;border: none;font-size: 16px;cursor: pointer;}
.join-btn .join-submit{color: #fff;background: #ee1c25;}
.join-btn .join-file{position: relative;display: flex;justify-content: center;align-items: center;color: #555;background: #eee;transition: all .5s;}
.join-btn .join-file:hover{color: #fff;background: #ee1c25;}
.join-input-files{position: absolute;width: 100%;height: 100%;opacity: 0;}
.join-close{position: absolute;right: 0;top: 0;transform: translate(50%,-50%);display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background: #313131;cursor: pointer;}
.join-close span{color: #fff;font-size: 20px;line-height: 1em;transition: all .5s;}
.join-close:hover span{transform: rotate(180deg);}

/* 质量管理 */
.quality-range{padding: 100px 0;}
/* .quality-range .article-top{text-align: center;} */
.quality-content{padding-top: 80px;}
.quality-content table{color: #666;border-color: #ccc;}
.quality-content table p{padding: 20px;}

/* 移动端 */
.header .header-btn{position: relative;display: none;width: 35px;height: 28px;cursor: pointer;}
.header .header-line{position: absolute;transition: all .5s;width: 35px;height: 2px;background: #4c4c4c;}
/* .header.white .header-line,.header:hover .header-line,.header.fixed .header-line{background: #4c4c4c;} */
.header-btn .header-line:first-child{top: 0;left: 0;transform-origin: right bottom;}
.header-btn .header-line:nth-child(2){top: 0;left: 0;margin: 13px 0;}
.header-btn .header-line:last-child{bottom: 0;left: 0;transform-origin: right top;}
.header-btn.on .header-line:first-child{top: 0.5px;transform: rotate(-45deg);}
.header-btn.on .header-line:nth-child(2){opacity: 0;}
.header-btn.on .header-line:last-child{bottom: 0.5px;transform: rotate(45deg);}

.header-m{position: absolute;left: 0;top: 100%;z-index: 99;display: none;width: 100%;height: calc(100vh - 70px);box-sizing: border-box;padding: 20px 2% 0;background: #fff;overflow-y: auto;}
.header-m.open{display: block;}
.header-m .item{border-bottom:1px solid rgba(217, 217, 217, .4);}
.header-m .item .type{position: relative;display: flex;justify-content: space-between;align-items: center;}
.header-m .item .type a{display: block;padding: 20px 0;line-height: 1em;}
.header-m .item.unslide .type a{width: 100%;}
.header-m .item.unslide .type i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 20px;line-height: 1em;}
.header-m .item.slide .type i{transition: all .5s;font-size: 20px;line-height: 1em;}
.header-m .item ul{display: none;;margin-bottom: 20px;margin-left: 10px;}
.header-m .item ul li{}
.header-m .item ul li a{display: block;padding: 10px 0;line-height: 1.5em;}
.header-m .item.on .type i{transform: rotate(90deg);}
@media screen and (max-width: 1700px) {
    .i-duty .pic{width: calc(100% - ((100% - 1400px) / 2));margin-left: calc((100% - 1400px) / 2);}
    .footer .up{right: 20px;}
}
@media screen and (max-width: 1600px) {
    .footer{padding: 50px 0 20px;}
    .footer .main{padding: 20px 0 30px;}
    .footer .up{position: relative;right: auto;top: auto;margin-left: calc((100% + 1400px) / 2);transform: translateX(-100%);margin-bottom: 40px;}
    .develop-culture-content .list .item .pic{width: 300px;height: 300px;}
    .develop-culture-content .list .item .text{width: 300px;}
}
@media screen and (max-width: 1500px) {
    .w1400{width: 96%;}
    .header .main-l .nav{margin-left: 40px;}
    .header .main-l .nav .item .type{padding: 0 10px;}
    .i-banner .item .text .com-more{margin-top: 60px;}
    .i-application .swiper .item{width: 92%;padding-bottom: 800px;}
    .i-application .swiper .item .text .content{margin-top: 120px;}
    .i-duty .pic{width: 98%;margin-left: 2%;}
    .footer .up{margin-left: 98%;}
    .industry .main .content .text{padding-bottom: 30px;}
    .product{padding-left: 2%;}
    .product .choose .item.on .icon{right: 4%;}
    /* .product-intro .content .main .material{width: calc(100% - 400px);} */
    /* .research-honor .swiper{width: 98%;margin-left: 2%;} */
    /* .research-process-swiper .item{height: 650px;} */
    .research-factory{padding: 130px 0 100px;}
    .research-factory .text{margin-bottom: 70px;}
    .research-factory .item{width: 64%;padding-bottom: 36.45%;}
    .research-factory .page-item{left: 2%;}
    .research-factory .page-item.next{right: 2%;}
    .develop-happiness .show{width: 98%;margin-left: 2%;}
    .develop-culture-title{left: 2%;top: 70px;}
    .contact .list .dashed{width: 50px;}
    .join-form{width: 70%;padding: 50px 50px 40px;}
}
@media screen and (max-width: 1366px) {
    .f-70{font-size: 60px;}
    .f-60{font-size: 50px;}
    .f-40{font-size: 36px;}
    .header .main-l .nav .item .slide-main .slide-list{padding: 50px 6.42% 50px 2.85%;}
    .i-about,.i-news,.about-honor{padding: 100px 0;}
    .i-about .text{box-sizing: border-box;padding-right: 70px;}
    .i-about .info .item .num span{font-size: 70px;}
    .i-about .text{width: calc(100% - 540px);}
    .i-about .show{width: 540px;}
    .i-application li p{line-height: 1.5em;}
    .i-news .main .show{width: 600px;}
    .i-news .list{width: calc(100% - 600px);;padding-left: 12px;}
    .i-news .list .item .date{width: 80px;}
    .i-news .list .item .text{width: calc(100% - 80px);padding-right: 40px;padding-left: 10px;}
    .innerbanner{height: 500px;}
    .innerbanner .list .item{padding: 0 20px;}
    .innerbanner .list .item a i{margin-left: 30px;}
    .about-intro .list .item{width: 200px;height: 190px;}
    .about-video{height: 700px;}
    .about-customer{padding: 100px 0 100px 12%;}
    .about-customer .swiper{height: 260px;}
    .about-customer .swiper .item{padding-bottom: 130px;}
    .about-speech .main .text{padding-left: 20px;padding-right: 50px;}
    .about-speech .title{margin-bottom:60px;}
    .history .list .item.on .year{font-size: 80px;}
    .history .content .bg{font-size: 140px;}
    .history .list .item{margin-bottom: 20px;}
    .history .list .item .msg{margin-top: 12px;}
    .history .content .item{margin-bottom: 60px;}
    .history .content .item .pic{margin-top: 20px;}
    .history .content .item .info{margin-bottom: 10px;}
    .leader-latest .content{display: flex;flex-flow: column;justify-content: center;padding: 0 40px;}
    /* .industry .main .list{padding-top: 90px;} */
    .industry .main .content .show .pic{width: 550px;height: 550px;}
    .industry .main .content .show .cycle-bg{width: 600px;height: 600px;}
    .industry .main .content .text{width: calc(100% - 550px);padding-left: 30px;}
    .industry .main .content .text .title p{font-size: 30px;line-height: 1.2em;}
    .industry .main .content .text .title span{font-size: 100px;}
    .standard{padding: 80px 0;}
    .research-process-swiper{border-radius: 80px 0 0 0;}
    /* .research-process-swiper .item{height: 550px;padding-top: 11.54%;} */
    .develop-culture-content .list .item .pic{width: 240px;height: 240px;}
    .develop-culture-content .list .item .text{width: 450px;}
    .develop-culture-content .list .item .text .msg{display: none;}
    .develop-culture-content .list .item.on .text .msg{display: block;}
    .develop-honor,.duty,.news,.article-read{padding: 100px 0;}
    .contact .list{padding: 0 0 60px;}
    .contact .list .dashed{width: 30px;}
    
    .recruit,.contact-yjzs{padding: 100px 0;}

    
}
@media screen and (max-width: 1280px) {
    .industry .main{justify-content: center;}
    .industry .main .list{display: none;}
    .industry .main .content{flex-flow: column;align-items: center;}
    .industry .main .content .text{width: 700px;padding: 0;}
    .industry .main .swiper .page{top: 325px;display: flex;}
    .product{height: 820px;padding-top: 90px;}
    .product .main .text{width: 90%;}
    .product .main .list .item{width: 130px;height: 130px;}
    .product .choose .item .icon img{display: block;width: 120px;height: auto;}
    .application-size .item{margin-right: 1.33%;padding: 120px 20px 40px;}
    .technology .main .swiper{height: 380px;}
    .product-intro .content .main .num{width: 200px;height: 200px;}
    .product-intro .content .main .material{width: calc(100% - 240px);}
    .develop-culture{padding: 90px 2%;}
    .develop-culture-title{position: relative;top: auto;left: auto;}
    .develop-culture-content{display: none;}
    .develop-culture-swiper{position: relative;display: block;margin-top: 60px;}
    .develop-culture-swiper .item{display: flex;flex-flow: column;align-items: center;text-align: center;}
    .develop-culture-swiper .item .pic{width: 360px;height: 360px;border-radius: 50%;overflow: hidden;}
    .develop-culture-swiper .item .pic img{display: block;width: 100%;height: 100%;}
    .develop-culture-swiper .item .point{width: 16px;height: 16px;border-radius: 50%;margin: 24px 0;background: #ee1c25;}
    .develop-culture-swiper .item .text{width: 360px;}
    .develop-culture-swiper .item .text .title{margin-bottom: 24px;}

    .develop-culture-swiper .btn{position: absolute;top: 180px;transform: translateY(-50%);transition: all .5s;z-index: 1;display: flex;justify-content: center;align-items: center;width: 68px;height: 68px;box-sizing: border-box;border: 1px solid #ccc;color: #ccc;border-radius: 50%;outline: none;cursor: pointer;opacity: 1;}
    .develop-culture-swiper .btn i{font-size: 26px;line-height: 1em;}
    .develop-culture-swiper .btn.prev{left: 0;}
    .develop-culture-swiper .btn.next{right: 0;}
    .develop-culture-swiper .btn:hover{border-color: #ee1c25;color: #fff;background: #ee1c25;}
    .duty .duty-item .content{padding:60px 40px 40px;}
    .news .latest .content .date{width: 80px;height: 70px;}
    .news .list .item .content{padding: 20% 30px 30px;}
    .news .list .item .content .msg{-webkit-line-clamp: 2;}
    .contact .list .item{width: 300px;height: 300px;}
    .contact .list .item .cycle{padding-top: 70px;}
    .contact .list .dashed{display: none;}
    .recruit-solgan{padding: 90px 0 40px;}
    .recruit-solgan .list{margin: 60px 0;}
    .recruit-solgan .item .cycle{width: 300px;height: 300px;padding: 60px 0 10px;}
    .recruit-solgan .item .cycle .icon{height: 70px;}
    .recruit-solgan .item .cycle .num{width: 36px;height: 36px;}
}
@media screen and (max-width: 960px) {
    .f-80{font-size: 60px;}
    .f-70{font-size: 48px;}
    .f-60{font-size: 40px;}
    .f-40{font-size: 30px;}
    .f-30{font-size: 24px;}
    .f-20{font-size: 18px;}
    .com-type{justify-content: flex-start;}
    .about-honor .com-type{padding: 30px 0 40px;}
    .header .main{position: relative;z-index: 100;;width: 100%;box-sizing: border-box;padding: 0 2%;height: 70px;box-shadow: 0 0 5px rgba(51, 51, 51, .4);}
    .header .main-l .nav,.header .lang{display: none;}
    .header .header-btn{display: block;}
    .i-banner .item{height: calc(100vh - 70px);}
    .i-about .main{position: relative;flex-flow: column;padding-bottom: 100px;}
    .i-about .text{width: 100%;padding-right: 0;}
    .i-about .show{width: 100%;}
    .i-about .summary{margin: 40px 0;}
    .i-about .info .item .num span{font-size: 60px;}
    .i-about .list{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 100%;display: flex;justify-content: space-between;margin-top: 40px;}
    .i-about .list .listitem{width: 48%;height: 60px;}
    .i-application .swiper .item{width: 94%;padding-bottom: 700px;}
    .i-application .swiper .item .text{padding: 60px 20px 0;}
    .i-application .swiper .item .text .content{margin-top: 80px;}
    .i-application .swiper .item .text .content .msg{width: 60%;line-height: 1.5em;}
    .i-application ul{bottom: 20px;padding: 0 30px;}
    .i-application li{width: 12%;}
    .i-application li .icon img{width: 50px;}
    .i-application li .icon i{font-size: 40px;}
    .i-application li p{font-size: 14px;}
    .i-news .main{flex-wrap: wrap;}
    .i-news .main .show{width: 100%;}
    .i-news .list{width: 100%;padding: 0;}
    .i-news .list .item{margin-top: 20px;}
    .i-news .main .show .item .text{height: 50px;padding-left: 20px;padding-right: 70px;}
    .i-news .swiper-pagination{height: 50px;padding-right: 20px;}
    .i-news .swiper-pagination .swiper-pagination-bullet{margin: 0 2px;}
    .i-duty .pic{width: 100%;margin-left: 0;border-radius: 0 0 80px 0;}
    .i-duty .main{padding-bottom: 100px;}
    .i-duty .main .com-viewmore{position: relative;right: auto;top: auto;margin-top: 40px;}
    .footer .top .nav{display: none;}
    .footer .main{flex-flow: column;}
    .footer .main .address{padding-right: 60px;}
    .footer .main .choose{display: none;padding-right: 60px;margin-top: 20px;}
    .footer .main .choose .lang{margin-left: 20px;}
    .footer .main .main-right .piclist{justify-content: flex-start;}
    .footer .main .main-right .piclist .item{margin-right: 20px;}
    .footer .up{position: absolute;top: 150px;}
    .footer .bottom{flex-flow: column;justify-content: center;align-items: center;}
    .innerbanner{height: 400px;}
    .innerbanner .text .msg{padding-right: 100px;line-height: 1.5em;}
    .innerbanner .list{bottom: 12px;}
    .innerbanner .list .nav{width: 100%;justify-content: space-between;}
    .innerbanner .list .item{display: none;}
    .innerbanner .list .item.home,.innerbanner .list .item.current{display: flex;}
    .innerbanner .list .item.home::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background: #e5e5e5;}
    .breadcrumbs{display: none;}
    .innerbanner .back{display: none;}
    .about-intro .list{justify-content: space-between;margin-top: 60px;}
    .about-intro .list .item{width: 24%;height: 180px;margin-right: 0;padding: 20px;}
    .about-intro .list .item .text .title{margin-bottom: 10px;}
    .about-video{height: 600px;}
    .about-customer .swiper{height: 200px;}
    .about-customer .swiper .item{padding-bottom: 100px;}
    .about-speech .main{position: relative;flex-flow: column;align-items: center;}
    .about-speech .main .text{width: 100%;padding: 0;}
    .about-speech .msg{line-height: 1.5em;}
    .about-speech .msg p{min-height: 1.5em;}
    .about-speech .msg strong{font-size: 18px;}
    .about-speech .main .sign{position: absolute;right: 2%;bottom: 0;transform: translateY(200%);}
    .about-speech .main .pic{margin-top: 40px;}
    .com-type .item{margin-right: 30px;}
    .honor-title p{padding: 10px 0;}
    .honor-item{width: 31.93%;}
    .honor-item:nth-child(4n){margin-right: 2.1%;}
    .honor-item:nth-child(3n){margin-right: 0;}
    .history .list{width: 40%;padding-right: 20px;box-sizing: border-box;}
    .history .list .item:hover .year{font-size: 30px;}
    .history .list .item.on .year{font-size: 60px;}
    .history .list .item .msg{font-size: 20px;}
    .history .content{width: 60%;}
    .history .content .bg{font-size: 110px;}
    .history .content .item{margin-bottom: 40px;}
    .leader-latest{flex-flow: column;border-radius: 10px;overflow: hidden;}
    .leader-latest .pic{width: 100%;}
    .leader-latest .content{width: 100%;padding: 20px;}
    .leader-latest-title{margin-bottom: 10px;}
    .industry .main .content .text .msg{margin-bottom: 20px;}
    .product{height: 850px;padding:80px 2% 300px;}
    .product .main .text{width: 100%;margin-top: 70px;}
    .product .main .list{width: 100%;}
    .product .main .list .item{margin-top: 20px;}
    .product .choose{top: auto;bottom: 0;display: flex;width: 100%;height: 200px;}
    .product .choose .item{height: 100%;padding: 0 20px;border-top: 1px solid rgba(255, 255, 255, .15);}
    .product .choose .item .icon{display: none;}
    .application-adv{height: 550px;}
    .application-size .title{margin-bottom: 40px;}
    .application-size .group{flex-flow: column;}
    .application-size .item{width: 100%;min-height: auto;padding: 20px;margin-top: 20px !important;margin-right: 0;}
    .application-size .item .size{position: relative;right: auto;top: auto;display: flex;align-items: flex-end;margin-bottom: 20px;}
    .application-size .item .size img{margin-bottom: 0;margin-right: 10px;}
    .application-size .item .size span{margin-bottom: 0;margin-right: 10px;line-height: 1em;}
    .application-size .item .tip{height: auto;}
    .technology{padding: 60px 0 90px;}
    .technology .content{margin-top: 40px;}
    .technology .main{padding: 0;}
    .technology .main .num{width: 90px;height: 90px;}
    .technology .main .swiper{width: calc(100% - 150px);height: 390px;}
    .product-intro .attribute{margin: 40px 0 20px;}
    .product-intro .msg{margin-bottom: 40px;line-height: 1.5em;}
    .product-intro .attribute{flex-flow: column;align-items: flex-start;}
    .product-intro .attribute .item{padding: 0;border-right: none;margin-bottom: 20px;}
    .product-intro .content{padding-top: 40px;border-top: 1px solid #e5e5e5;}
    .product-intro .content .main .num{width: auto;height: auto;color: #333;font-size: 30px;background: transparent;border-radius: 0;}
    .product-intro .content .main{flex-flow: column;align-items: flex-start;}
    .product-intro .content .main .material{width: 100%;padding: 0;margin-top: 50px;}
    .product-intro .material-msg{margin-top: 40px;line-height: 1.5em;}
    .standard .list{margin-top: 40px;}
    .standard .list .item .top{height: 60px;}
    .standard .list .item .top i{font-size: 20px;}
    .manual .standard .content .main{overflow-x: auto;}
    .manual .standard .list .item .content .main img{width: 784px;max-width: none;height: auto;}

    .research-slogan-content{height: 650px;}
    .research-slogan-box{width: 96%;}
    .research-slogan-box .card{width: 300px;min-height: 300px;}
    .research-honor,.research-process{padding: 100px 0 80px;}
    .research-honor-click{flex-flow: row-reverse;}
    .research-honor .swiper{width: 96%;margin: 0 auto;}
    .research-process-swiper .item{height: 550px;padding: 60px 0 30px;}
    .research-process-swiper .item .msg{padding: 0 2%;line-height: 1.5em;}
    .research-process-swiper .pic{width: 480px;}
    .research-process-swiper .pic .swiper{width: 260px;height: 260px;}

    .research-process .list{height: 120px;margin-top: 0;width: 100%;border-radius: 0%;}
    .research-process .list .item .icon {margin-bottom: 10px;}
    .research-process .list .item .icon img{display: block;height: 36px;width: auto;}
    .develop-happiness{padding-bottom: 70px;}
    .develop-happiness .show .text{top: 20%;}
    .develop-happiness .action{margin-top: -70px;}
    .develop-happiness .action .top{height: 70px;}
    .develop-culture-swiper .btn{width: 50px;height: 50px;}
    .develop-culture-swiper .btn i{font-size: 20px;}
    .develop-happiness .action .main .btn{top: 45%;width: 50px;height: 50px;}
    .develop-happiness .action .main .btn i{font-size: 20px;}
    .develop-file{padding: 80px 0;border-radius: 0 0 0 60px;}
    .develop-file-title{margin-bottom: 60px;}
    .develop-file .list{flex-wrap: wrap;padding-bottom: 20px;}
    .develop-file .item{width: 48.7%;padding-bottom: 0;min-height: 300px;}
    .develop-file .item:nth-child(2n){margin-right: 0;}
    .develop-file .item .box a{margin-top: 40px;}
    .develop-honor .list{margin-top: 40px;}
    .duty .duty-item{flex-flow: column !important;}
    .duty .duty-item .pic{width: 100%;}
    .duty .duty-item .content{width: 100%;padding: 30px 20px;}
    .duty .duty-item .content .text {margin-bottom: 20px;}
    .duty .duty-item .content .text .title{margin-bottom: 12px;}
    .duty .duty-item .content .btn{position: relative;left: auto;bottom: auto;}

    .news .latest{flex-flow: column;}
    .news .latest .pic{width: 100%;padding-bottom: 76.28%;}
    .news .latest .content{width: 100%;padding: 60px 20px 40px;}
    .news .latest .content .com-viewmore{position: relative;left: auto;bottom: auto;margin-top: 20px;}
    .news .latest .content .date{width: 70px;height: 60px;}
    .news .list{margin-bottom: 60px;}
    .news .list .item{width: 49.6375%;margin-top: 20px;}
    .news .list .item:nth-child(3n){margin-right: 0.725%;}
    .news .list .item:nth-child(2n){margin-right: 0;}
    .news .list .item .content .title{margin-bottom: 10px;}
    .news .list .item .content .msg{-webkit-line-clamp:1}
    .news .list .item .content .com-viewmore{right: 20px;}
    .article-read .article-content .content{padding-bottom: 60px;}
    .contact .list .item{width: 240px;height: 240px;}
    .contact .list .item .cycle{padding-top: 60px;}
    .contact .list .item .cycle i{font-size: 26px;}
    .contact .list .item .cycle .title{margin: 10px 0;}
    .contact .list .item .cycle .msg{line-height: 1.5em!important;font-size: 14px;}
    .contact-map{height: 400px;}
    .contact-form{padding: 100px 0;}
    .contact-form form{margin-top: 40px;}
    .contact-form form .item{width: 100%;margin-bottom: 30px;}
    .contact-form form .item input{height: 40px;padding-left: 40px;}
    .contact-form form .item5 textarea{height: 150px;padding: 14px 40px;}
    .contact-form form .item .box i{font-size: 18px;}
    .recruit-solgan .list{justify-content: space-between;}
    .recruit-solgan .item{width: fit-content;margin: 0 !important;}
    .recruit-solgan .item .cycle{width: 240px;height: 240px;padding: 50px 0 10px;}
    .recruit-adv{height: 550px;}
    .recruit-type{margin-bottom: 40px;}
    /* .campus{margin-bottom: 40px;} */
    .campus-item{width: 49%;margin-right: 2%;padding: 14px;}
    .campus-title-num{margin-right: 10px;font-size: 40px;}
    .campus-title-name{font-size: 20px;}
    .campus-info{padding-top: 10px;}
    .campus-content{margin-bottom: 20px;}
    .campus-content p{font-size: 14px;line-height: 1.5em;}
    .campus-msg{margin-top: 10px;}
    .recruitment-btn{width: 120px;height: 45px;margin-bottom: 20px;    border-color: #ee1c25;color: #fff;background: #ee1c25;}
    .recruitment-btn span{font-size: 20px !important;}
    .recruitment-btn p{margin-left: 4px;font-size: 14px !important;color: #fff;}
    .join-form{width: 60%;padding: 40px 30px 30px;}
    .join-form .join-form-input{height: 36px;margin-bottom: 10px;}
    .join-form textarea{height: 90px;}
    .join-form-tip{margin-top: 10px;font-size: 14px;}
    .join-btn .join-btn-item{width: 120px;height: 35px;}

    .contact-loge .item,.contact-loge .item:nth-child(7n){width: 19%;padding-bottom: 19%;margin-right: 1.25%;}
    .contact-loge .item:nth-child(5n){margin-right: 0;}
    .contact-loge .item img, .contact-loge .item p{font-size: 24px;}
}
@media screen and (max-width: 768px) {
    .f-70{font-size: 42px;}
    .about-intro .list .item{width: 48%;height: 180px;margin-right: 0;margin-top: 20px;padding: 20px;}
    .about-video{height: 500px;}
    .about-video .text .play{width: 70px;height: 70px;}
    .history .list .item.on .year{font-size: 40px;}
    .history .list .item .msg{font-size: 18px;}
    .history .content .bg{font-size: 90px;}
    .industry .main .content .text{width: 100%;}
    .industry .main .content .show .pic{width: 340px;height: 340px;}
    .industry .main .content .show .cycle-bg{width: 360px;height: 360px;}
    .industry .main .swiper .page{top: 220px;}
    .product .main .list .item{width: 120px;height: 120px;margin-right: 20px;}
    .product .main .list .item p{line-height: 1.5em!important;}
    .application-adv{height: 400px;}
    .technology .main .num{width: 70px;height: 70px;}
    .product-intro .content .main .material{margin-top: 30px;}
    /* .product-intro .content .main .material p{width: calc(33.33% - 6.67px);margin-right: 10px;margin-bottom: 10px;} */
    .product-intro .content .main .material p{width: calc(50% - 2.5px);margin-right: 5px;margin-bottom: 10px;}
    .product-intro .content .main .material p:nth-child(3n){margin-right: 5px;}
    .product-intro .content .main .material p:nth-child(2n){margin-right: 0;}
    .research-slogan-content{height: 550px;}
    .research-slogan-box .title{width: calc(100% - 300px);;line-height: 1.2em;padding-right: 40px;}
    .research-slogan-box .card{width: 280px;min-height: 240px;}
    .develop-happiness .show{width: 100%;margin-left: 0;padding-bottom: 320px;}
    .develop-happiness .show .text{left: 0;padding:0 2%;}
    .develop-happiness .action{width: 100%;margin-top: -60px;}
    .develop-happiness .action .top{height: 60px;padding: 0 2%;border-radius:10px 10px 0 0;}
    .develop-happiness .action .top .title i{font-size: 20px;}
    .develop-happiness .action .main .swiper{width: 96%;}
    .develop-happiness .action .main .btn,.develop-culture-swiper .btn{width: 40px;height: 40px;z-index: 1;opacity: 1;border-color: #ee1c25;background: #ee1c25;color: #fff;}
    .develop-happiness .action .main .btn.prev{left: 3%;}
    .develop-happiness .action .main .btn.next{right: 3%;}
    .develop-file .item .box{padding: 20px 14px;}
    .develop-file .item .box .text .num{margin-bottom: 10px;}
    .contact .list{flex-flow: column;align-items: center;}
    .contact .list .item{margin-bottom: 30px;}
    .contact .list .item:last-child{margin-bottom: 0;}
    /* .contact .list .item{width: 200px;height: 200px;}
    .contact .list .item .cycle{width: 92%;height: 92%;padding-top: 40px;}
    .contact .list .item .cycle .title{font-size: 16px;} */
    .recruit-solgan .list{flex-flow: column;align-items: center;}
    .recruit-solgan .item{margin-bottom: 30px !important;}
    /* .industry .main .content{padding-top: 20px;} */
}
@media screen and (max-width: 600px) {
    .technology .main .swiper{height: 280px;}
    .technology .main .swiper .item p{font-size: 16px;}
    .product-intro .content .main .swiper{height: 380px;}
    .campus-item{width: 100%;margin-right: 0;margin-bottom: 30px;padding: 10px;}
    .campus-title{padding-bottom: 10px;}
    .campus-title-num{font-size: 30px;}
    .campus-title-name{font-size: 16px;}
    .campus-msg{height: auto;}
    .recruitment-btn{width: 110px;height: 35px;margin-bottom: 20px;}
    .recruitment-btn span{font-size: 16px !important;}
    .join-form{width: 70%;}
    .join-form .join-form-input,.join-form textarea{font-size: 14px;}
    .join-close{width: 35px;height: 35px;}
    .join-close span{font-size: 16px;}
    .join-btn{margin-top: 25px;}
    .join-btn .join-file,.join-btn .join-btn-item{font-size: 14px;}
    .join-btn .join-btn-item{width: 110px;height: 35px;}
    .join-form-tip{font-size: 12px;}
}
@media screen and (max-width: 500px) {
    .f-80{font-size: 40px;}
    .f-70{font-size: 38px;}
    .f-60{font-size: 36px;}
    .f-40{font-size: 26px;}
    .f-30{font-size: 20px;}
    .f-20{font-size: 16px;}
    .f-18{font-size: 16px;}
    .f-16{font-size: 14px;}
    .com-more{width: 120px;height: 40px;}
    .com-more p{font-size: 12px;}
    .com-title::after{width: 24px;height: 24px;}
    .header .main-l .logo{width: 110px;}
    .i-banner .item{height: 400px;}
    .i-banner .item .text{padding-top: 90px;}
    .i-banner .item .text .longtitle{margin-top: 18px;line-height: 1.2em;}
    .i-banner .item .text .com-more{margin-top: 40px;}
    .i-banner-page{bottom: 10px;}
    .i-about,.i-news,.about-intro,.about-honor,.history,.industry,.application-intro,.product-intro,.research-intro,.research-honor,.duty,.research-process{padding: 80px 0;}
    .i-about{background-image: url(/static/img/about_bg-m.jpg);}
    .i-about .info .item .num span{font-size: 50px;}
    .i-about .info .item .msg{margin-top: 10px;}
    .i-about .list .listitem{padding-right: 6px;}
    .i-about .list .listitem p{font-size: 16px;}
    .i-about .show .cycle .icon{width: 90px;height: 90px;}
    .i-about .show .cycle .icon img{display: block;width: 50px;height: auto;}
    .i-application .swiper .item{padding-bottom: 540px;}
    .i-application .swiper .item .text .content{margin-top: 50px;}
    .i-application .swiper .item .text .content .msg{margin: 20px 0;}
    .i-application ul{bottom: 10px;flex-wrap: wrap;padding: 0 14px;}
    .i-application li{width: 24%;margin-bottom: 6px;}
    .i-application li .icon{display: none;}
    .i-application li:hover p, .i-application li.on p{opacity: 1;}
    .i-news .main .show .item .text{padding-left: 12px;padding-right: 60px;}
    .i-news .swiper-pagination{padding-right: 12px;}
    .i-news .list .item{padding: 26px 0;margin-top: 12px;}
    .i-news .list .item .date{width: 70px;}
    .i-news .list .item .text{width: calc(100% - 70px);padding-right: 20px;}
    .i-news .list .item .text .title{margin-bottom: 12px;}
    .i-news .list .item i{right: 10px;}
    .i-duty .pic{border-radius: 0 0 50px 0;padding-bottom: 130px;}
    .com-viewmore{font-size: 14px;}
    .com-viewmore .icon{width: 30px;height: 30px;}
    .com-viewmore .icon i{font-size: 14px;}
    .footer{padding: 50px 0 10px;}
    .footer .top{padding-bottom: 20px;}
    .footer .top .logo{width: 110px;}
    .footer .main .address{padding-right: 50px;}
    .footer .main .address .item p{padding-right: 20px;}
    .footer .main .address .item p:first-child::after{right: 10px;}
    .footer .main .main-right .piclist img{width: 100px;height: 100px;}
    .footer .up{top: 130px;width: 40px;height: 80px;padding: 14px 0;}
    .footer .up i{font-size: 14px;}
    .footer .bottom .copyright{flex-wrap: wrap;justify-content: center;align-items: center;margin-bottom: 6px;}
    .innerbanner{height: 300px;}
    .innerbanner.pc{display: none;}
    .innerbanner.m{display: block;}
    .innerbanner .list .item{padding: 0 10px;}
    .innerbanner .list .item a i{margin-left: 10px;}
    .innerbanner .list .item ul a{padding: 12px 10px;}
    .innerbanner .back i{margin-right: 10px;}
    .about-intro .list{margin-top: 20px;}
    .about-intro .list .item{height: 160px;padding: 14px;}
    .about-video{height: 420px;}
    .about-video .text{font-size: 30px;letter-spacing: 2px;}
    .about-video .text .play{bottom: -100px;width: 50px;height: 50px;}
    .about-video .text .play::after{border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 14px solid #fff;}
    .about-customer{padding: 80px 2%;}
    .about-customer .swiper{height: 160px;}
    .about-customer .swiper .item{padding-bottom: 80px;}
    .about-customer .page{margin-top: 20px;}
    .about-customer .page .item{width: 36px;height: 36px;}
    .about-customer .swiper{margin-top: 20px;}
    .about-speech{padding: 80px 2% 180px;box-sizing: border-box;}
    .about-speech .title{margin-bottom: 40px;}
    .about-speech .msg strong{font-size: 16px;line-height: 1.5em;}
    .about-speech .main .sign{transform: translateY(150%);flex-flow: column;align-items: flex-end;}
    .about-speech .main .sign img{margin-top: 20px;}
    .about-speech .main .pic{width: 50%;padding-bottom: 72.71%;}
    .com-type .item{margin-right: 10px;padding-bottom: 4px;}
    .about-honor .honor{}
    .about-honor .com-type{padding: 20px 0 30px;}
    .honor-title p{padding: 4px 0;margin-bottom: 20px;}
    .honor-item{width: 48.95%;margin-bottom: 30px;}
    .honor-item:nth-child(3n){margin-right: 2%;}
    .honor-item:nth-child(2n){margin-right: 0;}
    .honor-item .name{margin-top: 20px;padding: 0 4px;}
    .honor-item .pic .cover .cycle{width: 60px;height: 60px;}
    .history .list .item.on .year{font-size: 36px;}
    .history .list .item .msg{margin-top: 8px;font-size: 14px;}
    .history .content .item{margin-bottom: 30px;}
    .history .content .item .info{margin-bottom: 4px;}
    .history .content .item .date{font-size: 14px;}
    .history .content .bg{font-size: 70px;}
    .leader-list .item{width: 49.6375%;margin-bottom: 20px;}
    .leader-list .item:nth-child(3n){margin-right: 0.725%;}
    .leader-list .item:nth-child(2n){margin-right: 0;}
    .leader-list .item .text{padding: 14px 6px 0;}
    .industry .top{margin-bottom: 20px;}
    .industry .main .content .text{margin-top: 70px;}
    .industry .main .content .text .title{margin-bottom: 20px;}
    .industry .main .content .text .title p{font-size: 26px;}
    .industry .main .content .text .title span{font-size: 70px;}
    .industry .main .swiper .page{top: 370px;left: 50%;transform: translate(-50%,-50%);margin-left: -40px;}
    .industry .main .swiper .page.next{right: auto;left: 50%;transform: translate(-50%,-50%);margin-left: 40px;}
    .product{height: 760px;padding: 80px 2% 160px;}
    .product .main .list {justify-content: space-between;}
    .product .main .list .item{width: 32%;height: 100px;margin-right: 0;}
    .product .main .list .item span{margin-bottom: 4px;}
    .product .choose{height: 160px;}
    .application-adv{height: 360px;font-size: 28px;}
    /* .standard .list .item .content .main table.tableforshow{width: 500px !important;} */
    .technology{padding: 60px 0 80px;}
    .technology .content{margin-top: 20px;}
    .technology .main .swiper{height: 330px;}
    .technology .main .swiper .item p{font-size: 14px;padding: 0 6px;box-sizing: border-box;}
    .application-intro .text .title{line-height: 1.2em;}
    .application-size{padding: 20px 0 80px;}
    .product-intro{padding: 80px 0 40px;}
    .product-intro .content .main .num{font-size: 26px;}

    .standard .list .item .content{padding: 20px 0 40px;}
    .standard .list .item .content .main{padding: 0 10px;}
    .standard .list .item .content .main tr{line-height: 1.5em;}
    .standard .list .item .content .main table td{padding: 10px;}
    .research-slogan-content{height: 400px;}
    .research-slogan-box{flex-flow: column;justify-content: center;}
    .research-slogan-box .title{width: 100%;padding: 0;margin-bottom: 50px;font-size: 30px;}
    .research-slogan-box .card{width: 100%;min-height: 150px;padding: 18px;}
    .research-slogan-box .card .icon{height: 50px;margin-bottom: 10px;}
    .research-slogan-box .card .icon img{display: block;width: auto;height: 100%;}
    .research-honor,.research-process{padding: 80px 0 60px;}
    .research-honor-click{align-items: flex-end;}
    .research-honor-click .page .item{width: 36px;height: 36px;}
    .research-honor-click .page .item i{font-size: 16px;}
    .research-honor .swiper{padding-bottom: 0;}
    .honor-item .pic{width: calc(100% - 2px);}
    .research-process-swiper{border-radius: 50px 0 0 0;}
    .research-process-swiper .item{padding-top: 50px;}
    .research-process-swiper .item .msg{text-align: left;}
    .research-process-swiper .pic{width: 96%;}
    .research-process-swiper .pic .pic-page{width: 48px;height: 48px;}
    .research-process-swiper .pic .pic-page i{font-size: 18px;}
    .research-process .list{height: 90px;font-size: 16px;}
    .research-process .list .item .icon img{height: 30px;}
    .research-factory{padding: 80px 0;}
    .research-factory .text{margin-bottom: 30px;}
    .research-factory .swiper{width: 96%;margin: 0 auto;}
    .research-factory .item{padding-bottom: 53.45%;}
    .research-factory .page-item{width: 48px;height: 48px;}
    .research-factory .page-item i{font-size: 18px;}
    .develop-happiness{padding-bottom: 40px;}
    .develop-file{padding: 80px 0 40px;border-radius: 0 0 0 40px;}
    .develop-file-title{margin-bottom: 40px;}
    .develop-file .item{width: 100%;margin-right: 0;}
    .develop-culture{padding: 80px 2% 40px;}
    .develop-culture-swiper{margin-top: 40px;}
    .develop-culture-swiper .item .pic{width: 300px;height: 300px;}
    .develop-culture-swiper .item .point{display: none;}
    .develop-culture-swiper .item .text{margin-top: 80px;width: 300px;}
    .develop-culture-swiper .item .text .title{margin-bottom: 10px;}
    .technology .main .swiper{width: calc(100% - 110px);height: 270px;}
    .develop-culture-swiper .btn{top: 340px;}
    .develop-culture-swiper .btn.prev{left: 50%;transform: translate(-50%,-50%);margin-left: -40px;}
    .develop-culture-swiper .btn.next{left: 50%;right: auto;transform: translate(-50%,-50%);margin-left: 40px;}
    .develop-honor{padding: 80px 0;}
    .duty-list{margin-bottom: 30px;}
    .duty .duty-item{margin-bottom: 30px;}
    .duty .duty-item .content{padding: 20px 14px;}
    .duty .duty-item .content .text{margin-bottom: 10px;}
    .duty .duty-item .content .btn .item{width: 36px;height: 36px;}
    .duty .duty-item .content .btn .item.prev{margin-right: 10px;}
    .duty .duty-item .content .btn .item i{font-size: 16px;}
    .news,.article-read{padding: 80px 0;}
    .news .latest .content{padding: 70px 20px 40px;}
    .news .list .item{width: 100%;margin-right: 0;}
    .news .list .item .content{padding:40px 20px 20px;background: rgba(51, 51, 51, .5);}
    .news .list .item .content .title{color: #fff;}
    .news .list .item .content .msg{opacity: 1 !important;color: #fff;}
    .news .list .item .date{opacity: 1 !important;color: #fff;}
    .news .list .item .content .com-viewmore{bottom: 10px;opacity: 1;color: #fff;}
    .article-read .article-content{padding: 40px 0;}
    .article-top .info .share a{margin-right: 20px;}
    .article-top .info .share a i{font-size: 24px;}
    .article-page .colon{display: none;}
    .article-page .item{width: fit-content;}
    .article-page .item p{display: none;}
    .contact{padding: 80px 0 50px;}
    .contact-msg{margin: 30px 0 60px;}
    .contact-map{height: 300px;}
    .contact-form{padding: 80px 0;}
    .contact-form-msg{line-height: 1.2em;padding:  0 2%;}
    .contact-form form .item .title{margin-bottom: 10px;}
    .recruit,.contact-yjzs{padding: 80px 0;}
    .recruit-adv{height: 400px;}
    .contact-loge .item, .contact-loge .item:nth-child(7n), .contact-loge .item:nth-child(5n){width: 32%;padding-bottom: 32%;margin-right: 2%;margin-bottom: 10px;}
    .contact-loge .item:nth-child(3n){margin-right: 0;}
    .quality-range{padding: 80px 0;}
    .quality-content{padding-top: 50px;}
    .quality-content table p{padding: 10px;}
}
@media screen and (max-width: 450px) {
    .technology .main .swiper{height: 280px;}
}
@media screen and (max-width: 400px) {
    .i-application .swiper .item .text{padding: 40px 20px 0;}
    .i-application .swiper .item .text .content{margin-top: 40px;}
    .footer .main .address .item:last-child{flex-flow: column;align-items: flex-start;}
    .footer .main .address .item p{padding-right: 0;}
    .footer .main .address .item p:first-child::after{display: none;}
    .innerbanner .list .item.home a i{font-size: 18px;}
    .about-video{height: 360px;}
    .about-video .text{font-size: 26px;}
    .history .list .item:hover .year{font-size: 22px;}
    .history .list .item.on .year{font-size: 30px;}
    .history .content .bg{font-size: 56px;}
    .industry .main .content .show .pic{width: 260px;height: 260px;}
    .industry .main .content .show .cycle-bg{width: 280px;height: 280px;}
    .industry .main .swiper .page{top: 290px;}
    .technology{padding: 60px 0;}
    .technology .main .num{width: 60px;height: 60px;}
    /* .product-intro .content .main .material{margin-top: 30px;} */
    .product-intro .content .main .material p{width: 100%;min-height: 60px;margin-right: 0 !important;margin-bottom: 5px;}
    .research-slogan-content{height: 550px;}
    .research-process-swiper .pic .swiper{width: 200px;height: 200px;}
}