@charset "utf-8";
html,body{color: #4c4c4c;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a{color: inherit;outline: none;}
/* 滚动条 */
::-webkit-scrollbar {
    display: block;
    width:5px;
    height:5px
}
::-webkit-scrollbar-track {
    border-radius:0;
    background:#e5e5e5; 
}
::-webkit-scrollbar-thumb {
    border-radius:5px;
    background: #1677ff;
}
::-webkit-scrollbar-thumb:hover {
    border-radius:5px;
    background: #1677ff;
}

/* 通用 */
body{overflow-x: hidden;}
#inabout{position: relative;top: -91px;}
.w1852{width: 96.45%;margin: 0 auto;}
.w1440{width: 75%;margin: 0 auto;}
.i-title{line-height: 1em;}
.f-12{font-size: 12px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-20{font-size: 20px;}
.f-24{font-size: 24px;}
.f-26{font-size: 26px;}
.f-30{font-size: 1.56vw;}
.f-40{font-size: 2.08vw;}
.f-50{font-size: 2.6vw;}
.f-55{font-size: 2.86vw;}
.f-80{font-size: 3.125vw;}
.f-115{font-size: 5.98vw;}
.ofi{object-fit: cover;object-position: center;}
.ofc{object-fit: contain;object-position: center;}
.com-btn{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;border-radius: 50%;box-sizing: border-box;border-radius: 50%;border: 1px solid #fff;color: #fff;cursor: pointer;outline: none;}
.com-btn i{font-size: 24px;line-height: 1em;}
.com-btn:hover{border-color: #1677ff;background: #1677ff;}

.com-more{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 180px;height: 56px;border-radius: 28px;box-sizing: border-box;border: 1px solid #4c4c4c;text-transform: uppercase;overflow: hidden;cursor: pointer;outline: none;}
.com-more::after{content: "";position: absolute;top: 0;left: -100%;transition: all .5s;width: 100%;height: 100%;background: #1677ff;}
.com-more p{position: relative;z-index: 1;}
.com-more i{position: relative;z-index: 1;line-height: 1em;}
.com-more:hover,.com-more.on{border-color: #1677ff;color: #fff;}
.com-more:hover::after,.com-more.on::after{left: 0;}

.com-page{line-height: 1em;}
.com-page .item{display: flex;align-items: center;}
.com-page .item.prev{margin-bottom: 30px;}
.com-page .item .title{display: flex;align-items: center;}
.com-page .item .title i{line-height: 1em;font-size: 14px;padding-right: 20px;padding-left: 14px;}
.com-page .item .name{transition: all .5s;padding-left: 22px;border-left: 1px solid #999;}
.com-page .item:hover .name{color: #1677ff;}

.mauto{margin: 0 auto;}

.totop.on{opacity: 1;pointer-events: auto;}
.totop{position: fixed;right: 7.7vw;bottom: 54px;z-index: 100;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;border-radius: 50%;color: #22303c;background: #fff;cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,.2);opacity: 0;pointer-events:none}
.totop i{line-height: 1em;}
.totop:hover{color: #fff;background: #1677ff;}

.indexbox{position: relative;}
.index{position: absolute;top: -91px;}

/* 弹窗 */
.fixed-video{position: fixed;left: 0;top: 0;z-index: 1000;display: none;width: 100%;height: 100vh;}
.fixed-video.open{display: block;}
.fixed-video .cover{width: 100%;height: 100%;background: rgba(0,0,0,.8);}
.fixed-video .main{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1200px;padding-bottom: 676px;background: #000;}
.fixed-video .main video{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: contain;object-position: center;}
.fixed-video .main .close{position: absolute;left: 50%;top: 100%;transform: translate(-50%,26px);transition: all .5s;display: flex;justify-content: center;align-items: center;width: 73px;height: 73px;border-radius: 50%;box-sizing: border-box;border: 4px solid #fff;cursor: pointer;opacity: .6;}
.fixed-video .main .close i{display: block;font-size: 24px;line-height: 1em;color: #fff;}
.fixed-video .main .close:hover{opacity: 1;}

/* loading */

/**加载动画*/
.loading{
    position:fixed;
    width:100%;
    height:100%;
    z-index:998;
    background:#000000;
}
.lo-bar{
    position:absolute;
    top:50%;
    left:50%;
    width:200px;
    height:2px;
    background:#757575;
    margin-left:-100px;
}
 .lo-bar-bg{
    background:#ffffff;
    z-index:999;
    width:0;
    height: 100%;
    z-index:1000;
}




/* header */
.header{position: fixed;left: 0;top: 0;z-index: 100;width: 100%;}
.header .main{position: relative;z-index: 2;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0 1.77%;border-bottom: 1px solid rgba(255, 255, 255, .15);}
.header .logo{display: block;width: 193px;}
.header .logo img{display: block;width: 100%;height: auto;}
.header .logo img.hover{display: none;}
.header .nav{display: flex;align-items: center;}    
.header .nav .item{position: relative;padding: 0 31px;}
.header .nav .item .type{position: relative;display: flex;align-items: center;height: 90px;color: #fff;}
.header .nav .item .type::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) 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;}
.header .nav .item .sub{position: absolute;left: 31px;top: 100%;transition: all .5s;display: flex;opacity: 0;pointer-events:none;}
.header .nav .item .sub ul{position: relative;z-index: 1;display: flex;align-items: center;flex-shrink: 0;}
.header .nav .item .sub li{position: relative;transition: all .5s;display: flex;align-items: center;height: 83px;margin-right: 3.125vw;color: #999;}
.header .nav .item .sub li:after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) 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;}
.header .nav .item .sub .bg{position: fixed;left: 0;top: 91px;transition: all .5s;width: 100%;height: 83px;background: rgba(255, 255, 255, 1);box-shadow:  0 5px 10px rgba(0,0,0,.2);}
.header .nav .item:hover .sub{opacity: 1;pointer-events:all;}
.header .tool {display: flex;align-items: center;}
.header .tool .lang{color: #fff;line-height: .8em;}
.header .tool .search{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;margin-left: 40px;color: #4c4c4c;font-size: 18px;line-height: 1em;background: #fff;cursor: pointer;}
.header:hover .main,.header.white .main,.header.fixed .main{border-color: rgba(217, 217, 217, .4);background: #fff;}
.header:hover .nav .item .type,.header:hover .tool .lang,.header.white .nav .item .type,.header.white .tool .lang,.header.fixed .nav .item .type,.header.fixed .tool .lang{color: #4c4c4c;}
.header:hover .tool .search,.header.white .tool .search,.header.fixed .tool .search{color: #fff;background: #1677ff;}
.header .nav .item:hover .type::after,.header .nav .item .sub li:hover:after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.header .nav .item .sub li:hover{color: #4c4c4c;}
.header .tool .lang:hover{color: #1677ff;}
.header.fixed,.header.white{background: #fff;}
.header.white .main{background: #fff;}
.header:hover .logo img.hover,.header.fixed .logo img.hover,.header.white .logo img.hover{display: block;}
.header:hover .logo img.default,.header.fixed .logo img.default,.header.white .logo img.default{display: none;}

/* banner */
.i-banner{position: relative;width: 100%;height: 100vh;}
.mobile-banner{display: none;}
.i-banner .item{position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.i-banner .item .bg{width: 100%;height: 100%;}
.i-banner .item .bg img{display: block;width: 100%;height: 100%;}
.i-banner .item .bg video{display: block;width: 100%;height: 100%;}
.i-banner .item.on .bg img{animation: bigger 5s linear forwards;}
@keyframes bigger {
    0%{transform: scale(1.1);}
    100%{transform: scale(1);}
}
.i-banner .item .text{position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;color: #fff;}
.i-banner .item .text .cn{margin-bottom: 28px;line-height: 1.2em;}
.i-banner .item .text .en{line-height: 1em;text-transform: uppercase;opacity: 0.5;}
.i-banner .btn{position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);}
.i-banner .btn.prev{left: 1.77%;}
.i-banner .btn.next{right: 1.77%;}
.i-banner .scroll{position: absolute;left: 50%;bottom: 46px;transform: translateX(-50%);z-index: 1;transition: all .5s;color: #fff;line-height: .8em;cursor: pointer;opacity: .5;}
.i-banner .scroll:hover{opacity: 1;}
.i-banner .swiper-pagination{position: absolute;bottom: 10px;left: 0;display: flex;justify-content: center;align-items: center;opacity: 0;}
.i-banner .swiper-pagination-bullet{background: #fff;}
.i-banner .swiper-pagination-bullet-active{background: #1677ff;}
/* i-news */
.i-news{padding: 70px 0;}
.i-news .i-title{text-align: center;}
.i-news .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 60px auto 26px;}
.i-news .item{position: relative;width: 31.8%;overflow: hidden;margin-bottom: 35px;}
.i-news .item:nth-child(2){width: 65.9%;}
.i-news .item .pic{position: relative;width: 100%;padding-bottom: 86.89%;overflow: hidden;}
.i-news .item:nth-child(2) .pic {padding-bottom: 41.78%;}
.i-news .item .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-news .item .pic .mask{position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 45%;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));}
.i-news .item .text{position: absolute;left: 0;bottom: -46px;z-index: 1;transition: all .5s;width: 100%;box-sizing: border-box;padding: 0 40px;color: #fff;}
.i-news .item .text .title{margin-bottom: 16px;line-height: 1em;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.i-news .item .text .summary{margin-bottom: 24px;line-height: 1em;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.i-news .item .text .more{display: flex;align-items: center;margin-bottom: 30px;line-height: 1em;opacity: 0;}
.i-news .item .text .more i{transition: all .5s;margin-left: 10px;font-size: 16px;line-height: 1em;}

.i-news .item .date{position: absolute;left: 40px;top: 0;transition: all .5s;width: 67px;height: 67px;box-sizing: border-box;padding-top: 10px;color: #fff;text-align: center;background: #1677ff;opacity: 0;}
.i-news .item .date .month{margin-bottom: 12px;line-height: .8em;}
.i-news .item .date .day{line-height: .8em;}
.i-news .item:hover .text{bottom: 0;}
.i-news .item:hover .text .more{opacity: 1;}
.i-news .item .text .more:hover i{animation: leftRight 1.2s infinite;}
.i-news .item:hover .date{opacity: 1;}

@keyframes leftRight {
    0%{margin-left: 10px;}
    50%{margin-left: 16px;}
    100%{margin-left: 10px;}
}

/* i-tech */
.i-tech{display: flex;}
.i-tech .main{width: 36.3%;height: 943px;box-sizing: border-box;padding-left: 12.5%;padding-right: 42px;color: #fff;background: #1677ff url(/static/img/tech_bg.jpg)left top/contain no-repeat;}
.i-tech .i-title{padding-top: 320px;}
.i-tech .info{margin-top: 90px;}
.i-tech .info .title{margin-bottom: 22px;line-height: 1em;}
.i-tech .info .msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height: 30px;}
.i-tech .com-more{margin-top: 96px;border-color: #fff;}
.i-tech .com-more::after{background: #fff;}
.i-tech .com-more:hover p{color: #1677ff;}
.i-tech .show{position: relative;display: flex;width: 63.7%;}
.i-tech .show .big{position: relative;width: 80.54%;height: 100%;margin: 0;}
.i-tech .show .big .item{position: relative;width: 100%;height: 100%;}
.i-tech .show .swiper .item .pic{position: relative;width: 100%;height: 100%;overflow: hidden;}
.i-tech .show .swiper .item .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-tech .show .big .btn{position: absolute;bottom: 25px;right: 32px;z-index: 1;display: flex;align-items: center;}
.i-tech .show .big .btn .next{margin-left: 30px;}
.i-tech .show .small{width: 19.46%;height: 100%;}
.i-tech .show .small .item::after{content: "";position: absolute;left: 0;top: 0;z-index: 1;transition: all .5s;width: 100%;height: 100%;background: rgba(22, 119, 255, .6);}

/* i-about */
.i-about{position: relative;padding: 142px 0 206px;}
.i-about-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-about-bg .top{position: absolute;right: 0;top: 0;}
.i-about-bg .bottom{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-about-bg img{display: block;}
.i-about-bg .bottom img{width: 100%;height: 100%;}

.i-about .i-title{position: relative;z-index: 1;}
.i-about .main{position: relative;z-index: 1;display: flex;align-items: flex-start;justify-content: space-between;margin-top: 88px;}
.i-about .intro{width: 50.69%;box-sizing: border-box;}
.i-about .intro .equity{margin-bottom: 23px;line-height: 1em;}
.i-about .intro .equity span{margin-left: 14px;color: #1677ff;}
.i-about .intro .summary{width: 84.79%;margin-bottom: 76px;line-height: 30px;text-align: justify;}
.i-about .intro .info{display: flex;justify-content: space-between;margin-bottom: 70px;}
.i-about .intro .info .number{position: relative;display: flex;align-items: flex-start;margin-bottom: 19px;line-height: .8em;}
.i-about .intro .info i{font-style: normal;}
.i-about .intro .info .item .number span{display: block;line-height: .8em;}
.i-about .intro .info .item .msg{line-height: 1em;}

.i-about .video{position: relative;width: 44.86%;cursor: pointer;}
.i-about .video .pic{position: relative;width: 100%;padding-bottom: 63%;}
.i-about .video .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.i-about .video .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;z-index: 1;width: 84px;height: 84px;border-radius: 50%;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, .6);}
.i-about .video .play::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-25%,-50%);transition: all .5s;width: 0;height: 0;border: 13px solid transparent;border-left: 19px solid rgba(255, 255, 255, .8);}
.i-about .video:hover .play{border-color: #1677ff;background: #1677ff;}


/* i-develop */
.i-develop{padding-top: 206px;background: url(/static/img/develop_bg.jpg)center top no-repeat;background-size: 100% 478px;}
.i-develop .main{margin-bottom: -113px;padding-top: 77px;text-align: center;background: #fff;}
.i-develop .main .msg{margin: 30px 0 72px;line-height: 30px;}
.i-develop .main .link{display: flex;justify-content: center;align-items: center;margin-bottom: 157px;}
.i-develop .main .link .item{position: relative;display: flex;align-items: center;padding-bottom: 10px;border-bottom: 1px solid rgba(204,204,204,.6);}
.i-develop .main .link .item:nth-child(2){margin: 0 13.88%;}
.i-develop .main .link .item::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) 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-develop .main .link .item p{margin-right: 44px;color: #999;}
.i-develop .main .link .item .com-btn{border-color: #1677ff;color: #1677ff;}
.i-develop .main .link .item:hover p{color: #4c4c4c;}
.i-develop .main .link .item:hover .com-btn {color: #fff;background: #1677ff;}
.i-develop .main .link .item:hover::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.i-develop .investor{display: flex;}
.i-develop .investor .pic{position: relative;width: 50.69%;padding-bottom: 17.7%;}
.i-develop .investor .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.i-develop .investor .info{position: relative;display: flex;align-items: center;justify-content: space-between;width: 49.31%;box-sizing: border-box;padding-left: 5.69%;padding-right: 8.95%;color: #fff;background: #1677ff;}
.i-develop .investor .info p{line-height: 1em;text-align: left;}
.i-develop .investor .info p.num{position: relative;display: flex;margin: 30px 0;line-height: 30px;}
.i-develop .investor .info p.num span{position: relative;display: block;}
.i-develop .investor .info p.num span::after{content: "";position: absolute;left: 100%;bottom: 4px;width: 0;height: 0;border: 13px solid transparent;border-bottom: 23px solid #d63535;margin-left: 26px;}
.i-develop .investor .info .btn:hover{border-color: #fff;color: #1677ff;background: #fff;}
.i-develop .investor .info .bg{position: absolute;left: 0;bottom: 0;width: 100%;}
.i-develop .investor .info .bg img{display: block;width: 100%;height: auto;}

/* footer */
.footer{padding-top: 222px;color: #fff;background: #22303c;}
.footer.inner{padding-top: 66px;}
.footer .main{display: flex;justify-content: space-between;}
.footer .main .info{}
.footer .main .info .footer-logo{display: block;width: 228px;}
.footer .main .info .footer-logo img{display: block;width: 100%;height: auto;}
.footer .main .info .address{margin-top: 34px;line-height: 2em;}
.footer .main .info .address p{transition: all .5s;opacity: .8;}
.footer .main .info .address p:hover{opacity: 1;}
.footer .main .nav{display: flex;}
.footer .main .nav .item{margin-right: 4.47vw;color: #fff;}
.footer .main .nav .item:last-child{margin-right: 0;}
.footer .main .nav .type{display: block;margin-bottom: 60px;line-height: 34px;}
.footer .main .nav ul li{margin-bottom: 20px;}
.footer .main .nav ul li:last-child{margin-bottom: 0;}
.footer .main .nav ul li a{transition: all .5s;line-height: 1em;opacity: .5;}
.footer .main .nav ul li:hover a{opacity: 1;}

.footer .tool{display: flex;justify-content: flex-end;align-items: center;margin-top: 136px;padding-bottom: 20px;}
.footer .tool .share{display: flex;margin-right: 36px;}
.footer .tool .share .item{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 37px;height: 37px;border-radius: 50%;margin-right: 12px;color: #22303c;background: #fff;}
.footer .tool .share .item:last-child{margin-right: 0;}
.footer .tool .share .item i{line-height: 1em;}
.footer .tool .share .item:hover{color: #fff;background: #1677ff;}
.footer .tool .relation{}
.footer .tool .relation .title{transition: all .5s;display: flex;align-items: center;justify-content: space-between;width: 162px;height: 34px;border-radius: 10px;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, .2);box-sizing: border-box;padding-left: 18px;padding-right: 13px;cursor: pointer;}
.footer .tool .relation:hover .title{border-color: #fff;}
.footer .bottom{border-top: 1px solid rgba(255,255,255,.2);padding: 14px 0;}
.footer .bottom .box{display: flex;justify-content: space-between;align-items: center;}
.footer .bottom .box .copyright,.footer .bottom .box .tech{display: flex;align-items: center;}
.footer .bottom .box a,.footer .bottom .box p{transition: all .5s;line-height: 1em;opacity: .5;}
.footer .bottom .box a:hover{opacity: 1;}

/* innerbanner */
.innerbanner{position: relative;width: 100%;height: 479px;}
.innerbanner.productbanner .text{padding-top: 235px;color: #4c4c4c;}
.innerbanner .text{padding-top: 210px;text-align: center;color: #fff;}
.innerbanner .text .cn{margin-bottom: 30px;line-height: 1em;}
.innerbanner .text .en{line-height: .8em;text-transform: uppercase;opacity: .8;}


/* breadcrumbs */
.breadcrumbs{height: 63px;}
.breadcrumbs.fixed .box{position: fixed;left: 0;top: 90px;z-index: 90;width: 100%;}
.breadcrumbs .box{border-bottom: 1px solid #f2f2f2;background: #fff;}
.breadcrumbs .main{display: flex;justify-content: space-between;align-items: center;height: 62px;}
.breadcrumbs .main .site{display: flex;align-items: center;}
.breadcrumbs .main .site a{transition: all .5s;display: block;line-height: 1em;}
.breadcrumbs .main .site i{display: block;margin: 0 16px;line-height: 1em;}
.breadcrumbs .main .site a.current{color: #1677ff;}
.breadcrumbs .main .site a:hover{color: #1677ff;}
.breadcrumbs .main .nav{display: flex;height: 100%;}
.breadcrumbs .main .nav a{position: relative;transition: all .5s;display: flex;align-items: center;justify-content: center;height: 100%;margin-right: 50px;}
.breadcrumbs .main .site a.mobile{display: none;}
.breadcrumbs .main .nav a.current{margin-right: 0;}
.breadcrumbs .main .nav a::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) 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;}
.breadcrumbs .main .nav a:hover,.breadcrumbs .main .nav a.on{color: #1677ff;}
.breadcrumbs .main .nav a:hover::after,.breadcrumbs .main .nav a.on::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.breadcrumbs .main svg{transition: all .5s;display: none;}
.breadcrumbs .list{position: absolute;left: 0;top: 100%;z-index: 99;display: none;width: 100%;padding: 20px 0 40px;box-shadow: 0 0 10px rgb(0 0 0 / 20%);background: #fff;}
.breadcrumbs .list a{display: flex;justify-content: space-between;align-items: center;height: 50px;border-bottom: 1px solid #eaeaea;color: #333;}

/* 关于新普京888.3app */
.about-intro{position: relative;padding: 90px 0;}
.about-intro .bg{position: absolute;right: 0;top: 0;width: 31.35vw;height: auto;}
.about-intro .main{position: relative;z-index: 1;display: flex;justify-content: space-between;align-items: flex-start;margin-top: 60px;}
.about-intro .main .text{width: 47.22%;}
.about-intro .main .text .equity{margin-bottom: 22px;line-height: 1em;}
.about-intro .main .text .equity span{color: #1677ff;}
.about-intro .main .text .msg{line-height: 30px;text-align: justify;}
.about-intro .main .text .msg p{min-height: 30px;}

.about-intro .video{position: relative;width: 49.65%;cursor: pointer;}
.about-intro .video .pic{position: relative;width: 100%;padding-bottom: 67.83%;}
.about-intro .video .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.about-intro .video .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;z-index: 1;width: 84px;height: 84px;border-radius: 50%;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, .6);}
.about-intro .video .play::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-25%,-50%);transition: all .5s;width: 0;height: 0;border: 13px solid transparent;border-left: 19px solid rgba(255, 255, 255, .8);}
.about-intro .video:hover .play{border-color: #1677ff;background: #1677ff;}
.about-intro .move{position: absolute;left: 0;bottom: 90px;transform: translate(0%, 0%);display: flex;width: 100%;overflow: hidden;-webkit-animation: wordMove 20s linear infinite;animation: wordMove 20s linear infinite;}
.about-intro .move img{display: block;width: auto;height: 7.39vw;margin-right: 8.07vw;}

@keyframes wordMove {
    0% {transform: translate(0%, 0%); } 
    100% {transform: translate(-100%, 0%); } 
}
@-webkit-keyframes wordMove {
    0% {transform: translate(0%, 0%);} 
    100% {transform: translate(-100%, 0%);} 
}

/* history */
.history{width: 100%;height: 793px;box-sizing: border-box;padding-top: 74px;background: url(/static/img/history-bg.jpg)center/cover no-repeat;}
.history .top{display: flex;justify-content: space-between;margin-bottom: 115px;}
.history .i-title{color: #fff;}
.history .top .btn{display: flex;align-items: center;}
.history .top .btn .prev{margin-right: 25px;}
.history .main{display: flex;justify-content: center;align-items: flex-start;color: #fff;}
.history .main .word{width: 53.61%;text-align: right;}
.history .main .word .swiper{height: 414px;box-sizing: border-box;}
.history .main .word .swiper-slide{display: flex;justify-content: flex-end;height: 52px;}
.history .main .word .swiper-slide.swiper-slide-active{height: 102px;font-size: 4.16vw;}
.history .main .word .item{position: relative;transition: all .5s;display: flex;align-items: center;justify-content: flex-end;cursor: pointer;padding-right: 6px;box-sizing: border-box;}
.history .main .word .item .cycle{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;width: 28px;height: 28px;border-radius: 50%;background: rgba(242, 242, 242, .2);opacity: 0;}
.history .main .word .item .cycle .point{width: 16px;height: 16px;border-radius: 50%;background: #1677ff;}
.history .main .word .swiper-slide.swiper-slide-active .item,.history .main .word .swiper-slide:hover .item{padding-right: 47px;}
.history .main .word .swiper-slide.swiper-slide-active .item .cycle,.history .main .word .swiper-slide:hover .item .cycle{opacity: 1;}
.history .main .word .swiper-slide .item p{opacity: .4;}
.history .main .word .swiper-slide.on1 .item p{opacity: .6;}
.history .main .word .swiper-slide.swiper-slide-prev .item p,.history .main .word .swiper-slide.swiper-slide-next .item p{opacity: .8;}
.history .main .word .swiper-slide.swiper-slide-active .item p,.history .main .word .swiper-slide:hover .item p{opacity: 1;}

.history .main .content{width: 46.39%;box-sizing: border-box;padding-top: 17px;padding-left: 2.98%;line-height: 30px;}
.history .main .content .text{margin: 0 0 20px;}
.history .main .content .pic{position: relative;width: 80.98%;padding-bottom: 45.8%;box-shadow: 9px 9px 7px rgba(255, 255, 255, .33);}
.history .main .content .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #1677ff;}

/* company */
.company{display: flex;justify-content: space-between;padding: 94px 6.45% 100px;}
.company .pic{position: relative;width: 50%;padding-bottom: 33.13%;}
.company .pic img.mainpic{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;background: #ccc;}
.company .list{position: absolute;bottom: 10px;right: 46px;width: 58.61%;box-sizing: border-box;padding: 10px;background: rgba(255, 255, 255, .5);}
.company .list .item{position: relative;width: 31.91%;cursor:pointer}
.company .list .item .mask{position: absolute;left: 0;top: 0;z-index: 1;transition: all .5s;width: 100%;height: 100%;background: #000;opacity: 0.4;}
.company .list .item.swiper-slide-active .mask,.company .list .item:hover .mask{opacity: 0;}
.company .list .item .pic{position: relative;width: 100%;padding-bottom: 66%;overflow: hidden;}
.company .list .item .pic img{position: absolute;left: 0;top: 0;transform: scale(1.5);display: block;width: 100%;height: 100%;}
.company .list .btn{position: absolute;right: 0;top: 50%;transform: translate(50%,-50%);z-index: 1;border-color: #1677ff;background: #1677ff;}

.company .main{position: relative;width: 47%;box-sizing: border-box;}
.company .main .title{margin-bottom: 53px;line-height: 1em;}
.company .main .msg{height: calc(28.85vw - 150px);padding-right: 14.5%;text-align: justify;line-height: 30px;overflow-y: auto;}
.company .main .msg p{min-height: 30px;}
.company .main .btn{position: absolute;left: 0;bottom: 0;display: flex;align-items: center;}
.company .main .btn .prev{margin-right: 30px;}
.company .main .btn .com-btn{color: #d9d9d9;border-color: #d9d9d9;}
.company .main .btn .com-btn:hover{color: #fff;border-color: #1677ff;background: #1677ff;}

/* honor */
.honor{padding: 0 0 100px;}
.honor-top{position: relative;padding-bottom: 680px;}
.honor-top img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.honor-top img.pc{display: block;}
.honor-top img.m{display: none;}

.honor .list{display: flex;flex-wrap: wrap;margin: 70px auto 16px;}
.honor .list .item{width: 32.08%;margin-right: 1.88%;margin-bottom: 44px;}
.honor .list .item:nth-child(3n){margin-right: 0;}
.honor .list .item .box{transition: all .5s;width: 100%;border: 1px solid rgba(217, 217, 217, .5);box-sizing: border-box;}
.honor .list .item .pic{position: relative;width: 100%;padding-bottom: 67.6%;box-sizing: border-box;}
.honor .list .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.honor .list .item .title{transition: all .5s;margin-top: 13px;line-height: 30px;text-align: center;}
.honor .list .item:hover .box{border-color: #1677ff;}
.honor .list .item:hover .title{color: #1677ff;}

/* culture */
.culture-slogan.pc{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 80px 0 124px;}
.culture-slogan.pc .item{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 32.36%;height: 316px;margin-bottom: 32px;box-sizing: border-box;border: 1px solid #d9d9d9;padding: 10px;color: #4c4c4c;overflow: hidden;}
.culture-slogan.pc .item .icon{display: flex;justify-content: center;align-items: center;width: 86px;height: 86px;border-radius: 50%;background: #1677ff;overflow: hidden;}
.culture-slogan.pc .item .title{transition: all .5s;margin-top: 40px;line-height: 1em;text-align: center;}
.culture-slogan.pc .item .msg{transition: all .5s;height: 0;overflow: hidden;line-height: 30px;text-align: center;opacity: 0.8;}
.culture-slogan.pc .item .bgicon{position: absolute;bottom: 0;right: 0;transform: translateX(100%);transition: all .5s;width: auto;}
.culture-slogan.pc .item:hover{color: #fff;background: #1677ff;}
.culture-slogan.pc .item:hover .icon{display: none;}
.culture-slogan.pc .item:hover .title{margin-top:0;margin-bottom: 33px;}
.culture-slogan.pc .item:hover .msg{height: fit-content;}
.culture-slogan.pc .item:hover .bgicon{transform: translateX(50%);}
.culture-slogan.m{display: none;}
.culture-slogan.m{padding: 80px 0 124px;}
.culture-slogan.m .item{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 316px;box-sizing: border-box;border: 1px solid #d9d9d9;padding: 10px;color: #fff;background: #1677ff;overflow: hidden;}
.culture-slogan.m .item .title{transition: all .5s;margin-bottom: 33px;line-height: 1em;text-align: center;}
.culture-slogan.m .item .msg{transition: all .5s;line-height: 30px;text-align: center;opacity: 0.8;}
.culture-slogan.m .item .bgicon{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all .5s;width: auto;}
.culture-slogan.m .swiper-pagination{bottom: 60px;}

.culture-party{display: flex;background: #f3f8fe;}
.culture-party .main{width: 55.41%;box-sizing: border-box;padding: 70px 30px 60px 12.5%;}
.culture-party .choose{display: flex;align-items: center;margin: 80px 0 60px;}
.culture-party .choose .item:first-child{margin-right: 20px;}
.culture-party .text{height: 384px;}
.culture-party .text .title{margin-bottom: 25px;line-height: 1em;}
.culture-party .text .msg{line-height: 30px;}
.culture-party .text .info{display: flex;margin-top: 64px;}
.culture-party .text .info .item{margin-right: 7.29vw;}
.culture-party .text .info .number{display: flex;align-items: flex-start;}
.culture-party .text .info i{font-style: normal;line-height: .8em;}
.culture-party .text .info span{display: block;line-height: .8em;}
.culture-party .text .info .msg{margin-top: 20px;line-height: 1em;}
.culture-party .btn{display: flex;align-items: center;}
.culture-party .btn .com-btn{border-color: #ccc;color: #ccc;}
.culture-party .btn .prev{margin-right: 30px;}
.culture-party .btn .com-btn:hover{border-color: #1677ff;color: #fff;background: #1677ff;}
.culture-party .show{width: 44.59%;}
.culture-party .show .pic{display: none;height: 100%;}
.culture-party .show .pic.on{display: block;}
.culture-party .show .pic .swiper{height: 100%;}
.culture-party .show .pic .item{transition: all .5s;width: 70.09%;box-sizing: border-box;border: 1px solid #d9d9d9;opacity: .6;}
.culture-party .show .pic .item.swiper-slide-active{opacity: 1;}
.culture-party .show .pic .content{position: relative;width: 100%;height: 100%;}
.culture-party .show .pic .content img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}

.culture-staff{padding: 115px 0 100px;text-align: center;}
.culture-staff .show{margin: 60px 0;}
.culture-staff .item{transition: all .5s;width: 55.93%;margin-right: 1.5625%;}
.culture-staff .item:last-child{margin-right: 0;}
.culture-staff .item.swiper-slide-active{opacity: 1;}
.culture-staff .item .pic{position: relative;width: 100%;padding-bottom: 52.97%;}
.culture-staff .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.culture-staff .btn{display: flex;justify-content: center;align-items: center;}
.culture-staff .btn .com-btn{border-color: #ccc;color: #ccc;}
.culture-staff .btn .prev{margin-right: 30px;}
.culture-staff .btn .com-btn:hover{border-color: #1677ff;color: #fff;background: #1677ff;}

/* 可持续性发展 */
.develop-report{padding: 70px 0 120px;}
.develop-report .i-title{text-align: center;}
.develop-report .main.pc{position: relative;float: right;margin-top: 70px;width: 89.16%;overflow: hidden;}
.develop-report .main.mobile{display: none;}
.develop-report .main.pc .item{transition: all 1s;display: flex;width: 389px !important;overflow: hidden;}
.develop-report .main.pc .pic{position: relative;z-index: 1;width: 389px;height: 511px;}
.develop-report .main.pc .pic img{display: block;width: 100%;height: 100%;}
.develop-report .main.pc .content{display: none;;width: calc(100% - 389px);border: 1px solid #d9d9d9;border-left: none;overflow: hidden;opacity: 0;box-sizing: border-box;}
.develop-report .main.pc .content .p{display: flex;flex-direction: column;justify-content: space-between;width: 100%;height: 100%;box-sizing: border-box;padding:90px 76px 66px;}
.develop-report .main.pc .content .text{}
.develop-report .main.pc .content .text .title{margin-bottom: 42px;line-height: 1em;}
.develop-report .main.pc .content .text .msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height: 30px;}
.develop-report .main.pc .content .btn{display: flex;}
.develop-report .main.pc .content .btn .com-more i{margin-right: 12px;}
.develop-report  .main.pc.content .btn .com-more.download{margin-left: 4.68vw;}

.develop-report .main.pc .item.swiper-slide-active{width: 61.33% !important;}
.develop-report .main.pc .item.swiper-slide-active .content{display: block;opacity: 1;}

.develop-report .main.mobile .item{height: auto;}
.develop-report .main.mobile .item .pic{position: relative;width: 100%;padding-bottom: 131.36%;}
.develop-report .main.mobile .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.develop-report .main.mobile .item .pic .title{position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding: 10px;background: rgba(255, 255, 255, .6);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.develop-report .mobile .btn{display: flex;justify-content: center;align-items: center;margin-top: 10px;}
.develop-report .mobile .btn .com-more{width: 40px;height: 40px;border-radius: 50%;}
.develop-report .mobile .btn .com-more.download{margin-left: 20px;}

.develop-report .mobile .swiper-pagination{position: absolute;left: 0;bottom: 0;top: auto;}
.develop-report .mobile .swiper-pagination-progressbar{background: rgba(186, 186, 186, .6);}
.develop-report .mobile .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #1677ff;}

.develop-suggest{padding: 71px 0;background: url(/static/img/suggest_bg.jpg)center/cover no-repeat;}
.develop-suggest .i-title{color: #fff;text-align: center;}
.develop-suggest .main{width: 922px;margin: 68px auto 100px;color: #fff;}
.develop-suggest .main .item{display: flex;align-items: center;width: 100%;height: 59px;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,.2);padding-left: 16px;padding-right: 20px;cursor: pointer;}
.develop-suggest .main .item.top p{opacity: .5;}
.develop-suggest .main .item .year{width: 33.62%;}
.develop-suggest .main .item .title{width: 59.11%;box-sizing: border-box;padding-right: 20px;}
.develop-suggest .main .item .title p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.develop-suggest .main .item .look{position: relative;width: 32px;}
.develop-suggest .main .item .look i{position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #4c4c4c;line-height: 1em;opacity: 0;}
.develop-suggest .main .item:not(.top):hover{color: #4c4c4c;background: #fff;}
.develop-suggest .main .item:not(.top):hover .look p{opacity: 0;}
.develop-suggest .main .item:not(.top):hover .look i{opacity: 1;}
.develop-suggest .main .list{height: 352px;}
.develop-suggest .btn{display: flex;justify-content: center;align-items: center;}
.develop-suggest .btn .prev{margin-right: 30px;}

.develop-relation{padding: 100px 0;}
.develop-relation .i-title{text-align: center;}
.develop-relation .list{position: relative;display: flex;padding: 70px 4px 80px 0;}
.develop-relation .item{width: 24.3%;}
.develop-relation .item:last-child{margin-right: 0;}
.develop-relation .item .pic{position: relative;width: 100%;padding-bottom: 128.85%;box-shadow: 4px 4px 5px rgba(102, 102, 102, .27);}
.develop-relation .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.develop-relation .item .btn{margin: 46px auto 0;}
.develop-relation .item .btn p{margin-left: 12px;}
.develop-relation .item:hover .com-more{border-color: #1677ff;color: #fff;}
.develop-relation .item:hover .com-more::after{left: 0;}
.develop-relation .swiper-pagination{position: absolute;left: 0;bottom: 0;top: auto;width: calc(100% - 30px);}
.develop-relation .swiper-pagination-progressbar{background: rgba(186, 186, 186, .6);}
.develop-relation .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #1677ff;}
.develop-relation .pagebtn{position: absolute;bottom: 100px;left: 50%;transform: translate(-50%,50%);z-index: 10;display: flex;justify-content: flex-end;align-items: center;}
.develop-relation .com-btn{border-color: #1677ff;background: #1677ff;}

/* 产品中心 */
.product{}
.product .latest{position: relative;padding: 146px 0 153px;}
#latest{position: absolute;top: -90px;}
.product .latest .i-title{text-align: center;}
.product .latest .list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.product .latest .list .item{position: relative;display: block;width: 100%;overflow: hidden;}
.product .latest .list .item .pic{overflow: hidden;}
.product .latest .list .item .pic img{position: absolute;left: 0;top: 0;transition: all .5s;display: block;width: 100%;height: 100%;}
.product .latest .list .item .info{position: absolute;left: 0;bottom: -64px;z-index: 1;transition: all .5s;width: 100%;box-sizing: border-box;padding: 0 20px 18px;}
.product .latest .list .item .info .text{margin-bottom: 18px;color: #fff;}
.product .latest .list .item .info .title{line-height: 1em;margin-bottom: 8px;}
.product .latest .list .item .info .summary{line-height: 1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product .latest .list .item .info .btn{width: 46px;height: 46px;border-color: #1677ff;background: #1677ff;}
.product .latest .list .item .info .btn i{font-size: 18px;}
.product .latest .list .item:hover .info{bottom: 0;}
.product .latest .list .item:hover .pic img{transform: scale(1.1);}

.product .latest .list .list1{display: flex;flex-flow: column;justify-content: space-between;width: 34.51%;}
.product .latest .list .list1 .item1 .pic{position: relative;width: 100%;padding-bottom: 56.13%;}
.product .latest .list .list1 .item2 .pic{position: relative;width: 100%;padding-bottom: 60.16%;}
.product .latest .list .list2{width: 25.13%;}
.product .latest .list .list2 .item3 .pic{position: relative;width: 100%;padding-bottom: 163.81%;}
.product .latest .list .list3{display: flex;flex-flow: column;justify-content: space-between;width: 38.26%;}
.product .latest .list .list3 .top {display: flex;justify-content: space-between;}
.product .latest .list .list3 .top .item4{width: 46.27%;}
.product .latest .list .list3 .top .item4 .pic{position: relative;width: 100%;padding-bottom: 132.94%;}
.product .latest .list .list3 .top .item5{width: 50.81%;}
.product .latest .list .list3 .top .item5 .pic{position: relative;width: 100%;padding-bottom: 121.07%;}
.product .latest .list .list3 .bottom .item6{width: 100%;}
.product .latest .list .list3 .bottom .item6 .pic{position: relative;width: 100%;padding-bottom: 43.19%;}

.product .latest .m-list{display: none;padding-top: 40px;}
.product .latest .m-list .swiper{padding-bottom: 40px;}
.product .latest .m-list .item{position: relative;display: block;height: auto;overflow: hidden;}
.product .latest .m-list .item .pic{position: relative;width: 100%;padding-bottom: 60.16%;}
.product .latest .m-list .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.product .latest .m-list .item .info{position: absolute;left: 0;bottom: 0;z-index: 1;transition: all .5s;width: 100%;box-sizing: border-box;padding: 0 10px 10px;}
.product .latest .m-list .item .info .text{margin-bottom: 18px;color: #fff;}
.product .latest .m-list .item .info .title{line-height: 1em;margin-bottom: 8px;}
.product .latest .m-list .item .info .summary{line-height: 1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product .latest .m-list .item .info .btn{width: 40px;height: 40px;border-color: #1677ff;background: #1677ff;}
.product .latest .m-list .item .info .btn i{font-size: 18px;}
.product .latest .m-list .swiper-pagination{bottom: 0;display: flex;justify-content: center;align-items: center;}


.product .product-type{position: relative;}
.product .product-type .box .item{position: relative;display: flex;}
.product .product-type .show{position: relative;width: 54.94%;padding-bottom: 811px;}
.product .product-type .show img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.product .product-type .main{width: 45.06%;padding: 70px 0 53px 4.79vw;box-sizing: border-box;}
.product .product-type .main .type-name{margin-bottom: 70px;}
.product .product-type .main .type-name .en{margin-top: 10px;color: #1677ff;line-height: .8;text-transform: uppercase;opacity: .2;}
.product .product-type .main .text .title{margin-bottom: 23px;line-height: 1em;}
.product .product-type .main .text .msg{width: 20.83vw;height: 210px;overflow-y: auto;line-height: 30px;}
.com-list{position: absolute;bottom: 53px;left: 59.73vw;z-index: 1;width: 26.35vw;margin: 95px 0 0;}
.com-list .item{position: relative;width: 31.22%;padding-bottom: 25.09%;cursor: pointer;}
.com-list .item .mask{position: absolute;left: 0;top: 0;z-index: 1;transition: all .5s;width: 100%;height: 100%;background: rgba(0,0,0,.4);}
.com-list .item img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.com-list .item:hover .mask,.product-type .com-list .item.swiper-slide-thumb-active .mask{opacity: 0;}

.com-list .btn{position: absolute;right: 0;top: 50%;transform: translate(50%,-50%);z-index: 1;border-color: #1677ff;background: #1677ff;}

.product .type2{display: flex;padding: 146px 0 153px;}
.product .type2 .main{width: 36.45%;box-sizing: border-box;padding-left: 12.5vw;padding-right: 3.125vw;}
.product .type2 .main .en{margin-top: 10px;color: #1677ff;line-height: .8em;text-transform: uppercase;opacity: .2;}
.product .type2 .main .summary{margin: 63px 0 73px;line-height: 30px;}
.product .type2 .main .btn{display: flex;margin-top: 100px;}
.product .type2 .main .btn .com-btn{border-color: #ccc;color: #ccc;}
.product .type2 .main .btn .com-btn.prev{margin-right: 30px;}
.product .type2 .main .btn .com-btn:hover{border-color: #1677ff;color: #fff;background: #1677ff;}
.product .type2 .show{width: 63.55%;}
.product .type2 .show .item{position: relative;display: block;width: 40.08%;overflow: hidden;}
.product .type2 .show .item .pic{position: relative;width: 100%;padding-bottom: 683px;}
.product .type2 .show .item .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.product .type2 .show .item .text{position: absolute;left: 0;bottom: -33px;z-index: 1;transition: all .5s;width: 100%;box-sizing: border-box;padding: 0 1.5625vw 40px;color: #fff;}
.product .type2 .show .item .text .title{margin-bottom: 14px;line-height: 1em;}
.product .type2 .show .item .text .msg{height: 60px;line-height: 30px;display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;}
.product .type2 .show .item .text .more{transition: all .5s;display: flex;align-items: center;margin-top: 22px;line-height: 1em;opacity: 0;}
.product .type2 .show .item .text .more i{margin-left: 10px;}

.product .type2 .show .item .num{position: absolute;top: 0;left: 1.5625vw;z-index: 1;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 67px;height: 67px;color: #fff;background: #1677ff;opacity: 0;}
.product .type2 .show .item:hover .text{bottom: 0;}
.product .type2 .show .item:hover .text .more{opacity: 1;}
.product .type2 .show .item:hover .num{opacity: 1;}

/* 产品列表页 */

.product-list{padding-bottom: 100px;}
.product-list .type{padding:74px 0 0;}
.product-list .type .top{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.product-list .type .top .item{margin-right: 2.08vw;margin-bottom: 20px;}
.product-list .bottom{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 45px;}
.product-list .bottom .item{position: relative;width: 16.25%;margin-top: 20px;margin-right: 2.08%;}
.product-list .bottom .item:last-child{margin-right: 0;}
.product-list .bottom .item .pic{position: relative;width: 100%;padding-bottom: 86.75%;}
.product-list .bottom .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.product-list .bottom .item .title{position: absolute;left: 50%;bottom: 22px;transform: translateX(-50%);z-index: 1;transition: all .5s;width: 100%;text-align: center;color: #fff;line-height: 1em;}
.product-list .bottom .item .mask{position: absolute;left: 0;top: 0;z-index: 2;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: rgba(22, 119, 255, .8);opacity: 0;}
.product-list .bottom .item .mask .btn{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;color: #1677ff;background: #fff;}
.product-list .bottom .item:hover .title,.product-list .bottom .item.on .title{opacity: 0;}
.product-list .bottom .item:hover .mask,.product-list .bottom .item.on .mask{opacity: 1;}

.product-search form{position: relative;display: block;width: 550px;height: 56px;box-sizing: border-box;border-radius: 28px;border: 1px solid #4c4c4c;margin: 0 auto 20px;overflow: hidden;color: #4c4c4c;}
.product-search form input{display: flex;align-items: center;width: 100%;height: 100%;box-sizing: border-box;padding-left: 30px;padding-right: 46px;border: none;outline: none;}
.product-search form button{position: absolute;top: 50%;right: 30px;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;border: none;outline: none;background: transparent;cursor: pointer;}
.product-search form button i{line-height: 1em;font-size: 18px;}

.product-tips{display: none;margin-bottom: 6px;text-align: center;color: #1677ff;}

.product-list .list .item{transition: all .5s;display: flex;align-items: center;width: 100%;box-sizing: border-box;padding: 0 3.05%;border: 1px solid #d9d9d9;border-top: none;}
.product-list .list .item>div{display: flex;align-items: center;min-height: 72px;box-sizing: border-box;padding: 6px 12px 6px 0;}
.product-list .list .item .num{width: 6.11%;}
.product-list .list .item .name{width: 18.61%;}
.product-list .list .item .characteristic{width: 14.16%;}
.product-list .list .item .range{width: calc(55.02% - 104px);box-sizing: border-box;padding-right: 6.38%;}
.product-list .list .item .look{width: 102px;color: #999;overflow: hidden;}
.product-list .list .item .look .more{transform: translateX(26px);transition: all .5s;display: flex;align-items: center;justify-content: flex-end;}
.product-list .list .item .look i{transition: all .5s;margin-left: 10px;font-size: 16px;line-height: 1em;color: #1677ff;opacity: 0;}

.product-list .list .item.title{height: 80px;border-color: #1677ff;color: #fff;background: #1677ff;}
.product-list .list ul{margin-bottom: 60px;}
.product-list .list ul .item:hover{color: #1677ff;}
.product-list .list ul .item:hover .look{color: #1677ff;}
.product-list .list ul .item:hover .look .more{transform: translateX(0);}
.product-list .list ul .item:hover .look .more i{opacity: 1;}

/* 产品详情页 */
.product-read{padding:70px 0 100px;}
.product-read .top{text-align: center;margin-bottom: 33px;}
.product-read .top .longtitle{margin-top: 13px;line-height: 30px;}
.product-read .content{margin-bottom: 94px;line-height: 30px;}
.product-read .content h5{position: relative;border-bottom: 1px solid #ccc;margin-bottom: 22px;padding-bottom: 14px;font-size: 30px;line-height: 1em;}
.product-read .content h5::after{content: "";position: absolute;left: 0;bottom: -1px;z-index: 1;width: 40px;height: 1px;background: #1677ff;}
.product-read .content table{border-collapse:collapse;border-color: #d9d9d9;}
.product-read .content table td{height: 50px;box-sizing: border-box;padding: 0 20px;}
/* .product-read .content table tr td:first-child{width: 11.45%;}
.product-read .content table tr td:nth-child(2){width: 13.26%;} */

/* news */
.news{padding: 80px 0 100px;}
.news .list{margin-bottom: 60px;}
.news .item{display: flex;margin-bottom: 30px;}
.news .item .pic{position: relative;width: 345px;height: 300px;}
.news .item .pic img{display: block;width: 100%;height: 100%;}
.news .item .pic .date{position: absolute;left: 26px;top: 0;display: flex;flex-flow: column;justify-content: center;align-items: center;width: 58px;height: 58px;color: #fff;background: #1677ff;}
.news .item .pic .date .month{margin-bottom: 6px;line-height: .8em;}
.news .item .pic .date .day{line-height: .8em;}
.news .item .content{transition: all .5s;display: flex;flex-flow: column;justify-content: space-between;width: calc(100% - 345px);box-sizing: border-box;padding: 54px 4.16% 54px 5.55%;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.news .item .content .text{}
.news .item .content .text .title{margin-bottom: 23px;line-height: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .item .content .text .msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height: 30px;}
.news .item .content .more{transition: all .5s;color: #999;}
.news .item:hover .content{border-color: #1677ff;color: #fff;background: #1677ff;}
.news .item:hover .content .more{color: #fff;}

/* 新闻详情页 */
.article{padding: 70px 0 100px;}
.article .top{padding-bottom: 15px;border-bottom: 1px solid #ccc;}
.article .top .title{color: #333;margin-bottom: 60px;text-align: center;}
.article .top .info{display: flex;align-items: center;color: #999;line-height: 1em;}
.article .top .info p{display: block;margin-right: 30px;}
.article .top .info p:last-child{margin-right: 0;}
.article .content{padding:32px 0 90px;line-height: 30px;}
.article .content p{min-height: 30px;}
.article .content a{transition:all .5s}
.article .content a:hover{color:#1677ff}
.article .content img{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.article .bottom{display: flex;justify-content: space-between;align-items: flex-end;}
.article .bottom .share{display: flex;align-items: center;}
.article .bottom .share a{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 27px;height: 27px;border-radius: 50%;box-sizing: border-box;border: 1px solid #d9d9d9;margin-right: 20px;color: #22303c;}
.article .bottom .share a:last-child{margin-right: 0;}
.article .bottom .share a i{font-size: 16px;line-height: 1em;}
.article .bottom .share a:hover{border-color: #1677ff;color: #fff;background: #1677ff;}

/* 人才理念 */
.join{padding: 106px 0 150px;}
.join .item{display: flex;margin-bottom: 40px;}
.join .item:last-child{margin-bottom: 0;}
.join .item:nth-child(even){flex-flow: row-reverse;}
.join .item .pic{position: relative;width: 52.56%;padding-bottom: 34.79%;}
.join .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.join .item .text{width: 47.44%;box-sizing: border-box;padding: 10.625vw 6.875% 0;box-shadow: 0 0 5px rgba(0,0,0,.05);}
.join .item .text .title .en{text-transform: uppercase;color: #1677ff;line-height: .8em;opacity: .07;}
.join .item .text .title .cn{margin-top: -30px;line-height: 1em;}
.join .item .text .msg{margin-top: 24px;line-height: 30px;}

/* 招聘 */
.recruit{padding-bottom: 100px;}
/* .recruit .pic{width: 100%;} */
.recruit .pic img{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.recruit .list{margin-bottom: 60px;}
.recruit-com{display: flex;align-items: center;box-sizing: border-box;padding-left: 2.08%;padding-right: 45px;}
.recruit-com .name{width: 38.88%;box-sizing: border-box;padding-right: 10px;}
.recruit-com .num{width: 21.18%;box-sizing: border-box;padding-right: 10px;}
.recruit-com .money{width: calc(37.89% - 45px);box-sizing: border-box;padding-right: 10px;}
.recruit .list .top{height: 80px;color: #fff;line-height: 1em;background: #1677ff;}
.recruit .list ul li{border-bottom: 1px solid #d9d9d9;padding-right: 45px;padding-left: 2.08%;}
.recruit .list ul li .info{position: relative;padding: 27px 0;}
.recruit .list ul li .info .add{position: absolute;top: 50%;right: 45px;transform: translate(100%,-50%);width: 16px;height: 16px;}
.recruit .list ul li .info .add .line{position: absolute;left: 0;top: 50%;transform-origin: center;transition: all .5s;width: 16px;height: 2px;background: #1677ff;}
.recruit .list ul li .info .add .line:first-child{transform: rotate(90deg);}
.recruit .list ul li .num p{width: 80px;text-align: center;}
.recruit .list ul li .main{display: none;padding-bottom:40px;}
.recruit .list ul li .main .part{padding-bottom: 22px;}
.recruit .list ul li .main .part:last-child{margin-bottom: 0;}
.recruit .list ul li .main .title{margin-bottom: 14px;line-height: 1em;}
.recruit .list ul li .main .content{line-height: 30px;}
.recruit .list ul li .main .content p{position: relative;padding-left: 14px;}
.recruit .list ul li .main .content p::before{content: "";position: absolute;left: 0;top: 15px;transform: translateY(-50%);width: 6px;height: 6px;border-radius: 50%;background: #1677ff;}
.recruit .list ul li .btn{margin-top: 44px;border-color: #1677ff;color: #fff;background: #1677ff;}
.recruit .list ul li .btn::after{display: none;}
.recruit .list ul li .btn i{margin-right: 10px;}
.recruit .list ul li .btn:hover{color: #1677ff;background: transparent;}
.recruit .list ul li .info.on .add .line:first-child{transform: rotate(0);}
/* 招聘表单 */
.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: #1677ff;}
.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: #1677ff;}
.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);}



/* 投资者关系 */
.invest{padding: 100px 0 80px;}
.invest .list{margin-bottom: 60px;}
.invest .item{position: relative;display: flex;height: 181px;box-sizing: border-box;padding: 30px 0;border-bottom: 1px solid #d9d9d9;}
.invest .item::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) 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;}
.invest .item:first-child{border-top: 1px solid #d9d9d9;}
.invest .item .date{display: flex;flex-flow: column;justify-content: center;align-items: center;width: 58px;height: 58px;color: #fff;background: #1677ff;}
.invest .item .date .month{margin-bottom: 6px;line-height: .8em;}
.invest .item .date .day{line-height: .8em;}
.invest .item .info{display: flex;flex-flow: column;justify-content: space-between;width: calc(100% - 58px);box-sizing: border-box;padding-left: 4.16%;}
.invest .item .text .title{line-height: 1em;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.invest .item .text .pdf{margin-top: 19px;}
.invest .item .text .pdf img{display: block;}
.invest .item:hover::after{animation: none;background-position: left bottom;background-size: 100% 100%;}

/* 营销市场 */
.market{padding: 80px 0 0;text-align: center;background: linear-gradient(to top,rgba(22, 119, 255, .02),rgba(22, 119, 255, 0));}
.market .i-title{margin-bottom: 20px;}
.market .msg{line-height: 30px;}
.market .map{width: 100%;}
.market .map svg{display: block;width: 100%;height: auto;background: transparent;}
.market .map img{display: block;width: 100%;height: auto;}
.business{padding: 64px 0 100px;}
.business .i-title{text-align: center;}
.business .longtitle{margin: 30px 0 50px;line-height: 1em;text-align: center;}
.business-type{display: flex;align-items: center;justify-content: flex-end;}
.business-type .item{margin-right: 20px;}
.business-type .item:last-child{margin-right: 0;}
.business .list{display: flex;flex-wrap: wrap;margin-top: 50px;}
.business .list .item{width: 31.45%;margin-right: 2.825%;margin-bottom: 50px;box-shadow: 0 0 5px rgba(0,0,0,.07);}
.business .list .item:nth-child(3n){margin-right: 0;}
.business .list .item .text{width: 100%;height: 192px;box-sizing: border-box;padding: 5.51%;}
.business .list .item .text .title{margin-bottom: 20px;line-height: 1.2em;}
.business .list .item .text .info{line-height: 30px;}
.business .list .item .pic{position: relative;width: 100%;padding-bottom: 57.17%;}
.business .list .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}

/* 公司分布 */
.contact{padding: 80px 0 150px;}
.contact .map{position: relative;width: 100%;}
.contact #map{display: block;width: 100%;height: 796px;}
.contact .map .info{position: absolute;left: 12.5%;top: 50%;transform: translateY(-50%);z-index: 10;width: 539px;box-sizing: border-box;padding:57px 28px;background: #fff;}
.contact .map .info .top{padding-bottom: 22px;border-bottom: 1px solid #d9d9d9;}
.contact .map .info .top .tip{margin-bottom: 20px;line-height: 1em;}
.contact .map .info .top .title{line-height: 1em;}
.contact .map .list{padding-top: 50px;}
.contact .map .list li{display: flex;align-items: center;margin-bottom: 28px;}
.contact .map .list li:last-child{margin-bottom: 0;}
.contact .map .list li .num{display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;box-sizing: border-box;border: 2px solid #1677ff;border-radius: 50%;margin-right: 20px;line-height: .8em;}
.contact .map .list li .name{cursor: pointer;}
.contact .area{padding: 110px 0 50px;}
.contact .area .i-title{text-align: center;}
.contact .area .list{margin-top: 60px;}

.contact .area .item.latest{display: flex;width: 100%;margin-bottom: 52px;}
.contact .area .item.latest .pic{position: relative;width: 50.27%;padding-bottom: 35.48%;}
.contact .area .item.latest .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.contact .area .item.latest .main{display: flex;flex-flow: column;justify-content: center;width: 49.73%;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;padding-left: 5.41%;}
.contact .area .item.latest .text .title{margin-bottom: 40px;}
.contact .area .item.latest .text .info{margin-bottom: 63px;line-height: 30px;}
.contact .area .item.latest .btn{margin-top: 63px;}
.contact .area .item .btn i{transition: all .5s;margin-right: 12px;color: #ccc;}
.contact .area .item .btn:hover i{color: #fff;}

.contact .area ul{display: flex;flex-wrap: wrap;}
.contact .area li{position: relative;width: 31.94%;margin-bottom: 52px;margin-right: 2.09%;border: 1px solid #d9d9d9;border-top: none;box-sizing: border-box;}
.contact .area li:nth-child(3n){margin-right: 0;}
.contact .area li .pic{position: relative;;width: 100%;padding-bottom: 48.47%;}
.contact .area li .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.contact .area li .main{display: flex;flex-flow: column;justify-content: space-between;width: 100%;min-height: 288px;box-sizing: border-box;padding: 30px 28px 100px;}
.contact .area li .text .title{margin-bottom: 20px;line-height: 1.2em;}
.contact .area li .text .info{line-height: 30px;}
.contact .area li .btn{position: absolute;left: 28px;bottom: 20px;}

.contact .message{}
.contact .message .top{text-align: center;}
.contact .message .top .longtitle{margin-top: 30px;line-height: 1em;}
.contact .message form{margin-top: 80px;}
.contact .message form .main{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact .message form .input{position: relative;width: 31.59%;height: 59px;}
.contact .message form .input input{display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #d9d9d9;padding-left: 60px;outline: none;}
.contact .message form .input i{position: absolute;left: 20px;top: 50%;transform: translateY(-50%);transition: all .5s;color: #999;font-size: 20px;}
.contact .message form .text{position: relative;width: 100%;height: 330px;margin-top: 30px;}
.contact .message form .text textarea{display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #d9d9d9;padding: 7px 60px;line-height: 30px;outline: none;resize: none;overflow-y: auto;}
.contact .message form .text i{position: absolute;left: 20px;top: 12px;transition: all .5s;color: #999;font-size: 20px;line-height: 1em;}

.contact .message form .input:hover i{color: #1677ff;}
.contact .message form .com-more{outline: none;margin: 60px auto 0;border-color: #1677ff;color: #fff;background: #1677ff;}
.contact .message form .com-more i{margin-right: 10px;}


/* 头部搜索框 */
.fixed-search{position: fixed;left: 0;top: 0;transition: all .5s;z-index: -1;display: none;justify-content: center;align-items: center;width: 100%;height: 100%;opacity: 0;}
.fixed-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.i-search{position: relative;z-index: 1;display: flex;}
.i-search input{width: 900px;height: 60px;border: none;outline: none;box-sizing: border-box;padding: 0 40px;font-size: 16px;background: #fff;}
.i-search button{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 100px;height: 60px;border: none;box-sizing: border-box;outline: none;color: #fff;font-size: 20px;background: #1677ff;cursor: pointer;}
.fixed-search.on{z-index: 1000;display: flex;opacity: 1;}

/* 搜索结果页 */
.searchpage{padding: 90px 0;}
.search-list ul{margin-bottom: 50px;}
.search-item{}
.search-item a{display: flex;align-items: center;justify-content: space-between;height: 80px;border-bottom: 1px solid #d9d9d9;;color: #333;line-height: 1.5em;}
.search-item:hover a{color: #1677ff;}
.search-item a p{transition: all .5s;width: calc(100% - 120px);box-sizing: border-box;padding-right: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.search-item a span{color: #666;}
.search-item:hover a p{padding-left: 10px;}
.search-nocontent{display: flex;align-items: center;justify-content: center;height: 100px;color: #333;text-align: center;}
/* 页码 */
.com-pagenum{display: flex;justify-content: center;align-items: center;}
.com-pagenum span,.com-pagenum a{transition: all .5s;display: flex;justify-content: center;align-items: center;min-width: 44px;height: 44px;box-sizing: border-box;padding:4px;color: #fff;text-align: center;background: #d9d9d9;}

.com-page-num {display: flex;}
.com-page-num span.now{background: #1677ff;}
.com-pagenum a:hover{background: #1677ff;}
.com-page-prev{margin-right: 25px;}
.com-page-next{margin-left: 25px;}

/* 移动端 */
.header .header-btn{position: relative;display: none;width: 35px;height: 28px;margin-left: 20px;cursor: pointer;}
.header .header-line{position: absolute;transition: all .5s;width: 35px;height: 2px;background: #fff;}
.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 - 90px);box-sizing: border-box;padding: 20px 1.77% 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: 4px 0;line-height: 1.5em;}
.header-m .item.on .type i{transform: rotate(90deg);}

/* media css */
@media screen and (max-width: 1500px) {
    .w1440{width: 90%;}
    .totop{right: 5%;}
    .i-banner .item .text{width: 80%;}
    .i-tech .main{height: 800px;padding-left: 2%;}
    .i-tech .i-title{padding-top: 220px;}
    .honor-top{padding-bottom: 570px;}
    .culture-slogan.pc .item{height: 290px;}
    .culture-party .main{padding-left: 5%;}
    .develop-report .main.pc{margin-left: 5%;}
    .product .product-type .show{padding-bottom: 700px;}
    .product .product-type .main .text .msg{height: 180px;overflow-y: auto;}
    .product .type2{padding: 90px 0;}
    .product .type2 .main{padding-left: 5vw;}
    .product .type2 .show .item .pic{padding-bottom: 600px;}
    .join .item .text .title .cn{margin-top: -20px;}
    .market .pic{width: 1300px;}
    .contact .map .info{left: 5%;width: 500px;}
    .footer .tool{padding-right: 70px;box-sizing: border-box;}
    .history .top{margin-bottom: 70px;}
    .company{padding: 94px 5% 100px;}
    .develop-report .main.pc  .content .p{padding: 90px 30px 60px;}
    .develop-report .main.pc  .content .btn{justify-content: space-between;}
    .develop-report .main.pc  .content .btn .com-more{width: 120px;}
    .develop-report .main.pc .content .btn .com-more.download{margin-left: 0;}
    
}
@media screen and (max-width: 1366px) {
    .history{height: 700px;}
    .history .time{bottom: 60px;}
    .honor-top{padding-bottom: 500px;}
    .develop-suggest .main{margin: 60px auto;}
    .product .product-type .main{padding: 70px 30px 53px;}
    .product .product-type .main .text .msg{width: 100%;}
    .com-list{left: calc(54.94% + 30px);}
    .market .pic{width: 1000px;}
}
@media screen and (max-width: 1280px) {
    .f-80{font-size: 38px;}
    .f-55{font-size: 36px;}
    .f-50{font-size: 32px;}
    .f-40{font-size: 26px;}
    .f-30,.product-read .content h5{font-size: 22px;}
    .f-24{font-size: 20px;}
    .f-20{font-size: 18px;}
    .header .logo{width: 180px;}
    .header .nav .item{padding: 0 10px;}
    .header .nav .item .sub{left: 10px;}
    .header .tool .search{margin-left: 20px;}
    .i-search input{width: 500px;height: 50px;padding: 0 20px;}
    .i-search button{width: 100px;height: 50px;}
    .i-news .item .date{left: 20px;}
    .i-news .item .text{bottom: -36px;padding: 0 20px;}
    .i-news .item .text .summary{margin-bottom: 20px;}
    .i-news .item .text .more{margin-bottom: 20px;}
    .i-tech .main{height: 700px;}
    .i-tech .i-title{padding-top: 170px;}
    .fixed-video .main{width: 700px;padding-bottom: 394px;}
    .fixed-video .main .close{width: 50px;height: 50px;}
    .i-develop .main .link .item:nth-child(2){margin: 0 90px;}
    .footer .main .nav .item{margin-right: 20px;}
    .history .main .word .swiper{height: 370px;}
    .history .main .word .swiper-slide.swiper-slide-active{font-size: 50px;}
    .company .main .msg{padding-right: 5%;}
    .honor-top{padding-bottom: 420px;}
    .culture-slogan.pc .item{margin-bottom: 16px;}
    .culture-party .choose{margin: 40px 0 30px;}
    .culture-party .show .pic .item{width: 80%;}
    .culture-party .text{height: 340px;}
    .culture-party .text .info{margin-top: 30px;}
    .culture-party .text .info .msg{margin-top: 10px;}
    .culture-staff{padding: 70px 0;}
    .culture-staff .show{margin: 40px 0;}
    .develop-report{padding: 70px 0;}
    .develop-report .main.pc{float: none;width: 96%;margin: 0 auto;padding: 70px 0 30px;}
    .develop-report .main.pc  .item,.develop-report .main.pc  .item.swiper-slide-active{width: 100% !important;}
    .develop-report .main.pc  .item .content{display: block;opacity: 1;}
    .develop-report .main.pc  .content .p{padding: 40px;}
    .develop-report .main.pc  .content .btn {justify-content: flex-start;}
    .develop-report .main.pc  .content .btn .com-more{width: 180px;}
    .develop-report .main.pc  .content .btn .com-more.download{margin-left: 30px;}
    .product .product-type .show{padding-bottom: 630px;}
    .product .type2 .show .item{width: 50%;}
    .contact .map .info{width: 400px;}
    .contact .area .item.latest .main{padding: 30px 0 30px 5.41%;}
    .join-form,.fixed-video-box{width: 70%;padding: 50px 50px 40px;}
}
@media screen and (max-width: 960px) {
    .w1440{width: 96%;}
    .totop{right: 2%;}
    .com-btn{width: 40px;height: 40px;}
    .com-btn i{font-size: 18px;}
    .com-more::after{display: none;}
    .com-more:hover, .com-more.on,.develop-relation .item:hover .com-more{background: #1677ff;}
    .header .main{height: 90px;}
    .header .nav,.header .tool .lang{display: none;}
    .header .tool .search{width: 36px;height: 36px;}
    .header .header-btn{display: block;}
    .pc-banner{display: none;}
    /* .pc-banner{height: 500px;} */
    .mobile-banner{display: block;height: 500px;}
    .i-banner .item .text{width: 90%;top: 70%;}
    .i-banner .item .text .cn{margin-bottom: 12px;}
    .i-banner .btn{bottom: 10px;top: auto;transform: none;display: flex;justify-content: space-between;width: 100%;box-sizing: border-box;padding: 0 5%;}
    .i-banner .swiper-pagination{opacity: 1;bottom: 20px;}
    .i-news .item,.i-news .item:nth-child(2){width: 100%;}
    .i-news .item .pic{padding-bottom: 41.78%;}
    .i-news .item .pic .mask{height: 70%;}
    .i-news .item .text{bottom: 0;}
    .i-news .item .text .more,.i-news .item .date{opacity: 1;}
    .i-tech{flex-flow: column-reverse;}
    .i-tech .main{width: 100%;height: auto;padding: 60px 2%;background: #1677ff url(/static/img/tech_bg.jpg)left top/cover no-repeat;}
    .i-tech .i-title{padding-top: 0;}
    .i-tech .info{margin: 40px 0;}
    .i-tech .com-more{margin-top: 0;}
    .i-tech .show{width: 100%;height: 500px;}
    .i-tech .show .big .btn{right: 20px;bottom: 20px;}
    .i-tech .show .big .btn .next{margin-left: 14px;}
    .i-about{padding: 100px 0;}
    .i-about-bg .top{display: flex;justify-content: flex-end;}
    .i-about-bg .top img{width: 60%;height: auto;}
    .i-about-bg .bottom{top: auto;bottom: 0;height: auto;}
    .i-about-bg .bottom img{height: auto;}
    .i-about .main{flex-flow: column;margin-top: 50px;}
    .i-about .intro{width: 100%;margin-bottom: 60px;}
    .i-about .intro .summary{width: 100%;margin-bottom: 40px;}
    .i-about .intro .info .item{width: 25%;}
    .i-about .intro .info .item .msg{line-height: 1.5em;}
    .i-about .video{width: 100%;}
    .i-develop{padding-top: 160px;background-size: 100% 350px;}
    .i-develop .main{margin-bottom: -70px;padding-top: 60px;box-sizing: border-box;}
    .i-develop .main .msg{padding: 0 20px;text-align: left;}
    .i-develop .main .link{margin-bottom: 100px;}
    .i-develop .main .link .item:nth-child(2){margin: 0 40px;}
    .i-develop .investor .info{padding: 0 4%;}
    .i-develop .investor .info p.num{margin: 10px 0;}
    .footer{padding-top: 150px;}
    .footer .main{flex-flow: column;}
    .footer .main .info{width: 100%;margin-bottom: 40px;}
    .footer .main .nav{justify-content: space-between;width: 100%;}
    .footer .main .nav .type{margin-bottom: 30px;}
    .footer .main .nav ul li{margin-bottom: 10px;}
    .innerbanner{height: 400px;}
    .innerbanner .text,.innerbanner.productbanner .text{padding-top: 190px;}
    .innerbanner .text .cn{margin-bottom: 12px;}
    .breadcrumbs {height: 48px;}
    .breadcrumbs .box{position: relative;background: #1677ff;border: none;cursor: pointer;}
    .breadcrumbs .main{height: 48px;}
    .breadcrumbs .main .site a,.breadcrumbs .main .site i{display: none;}
    .breadcrumbs .main .site a.current{display: block;color: #fff;}
    .breadcrumbs.pro-breadcrumbs .main .site a.current{display: none;}
    .breadcrumbs.pro-breadcrumbs .main .site a.mobile{display: block;color: #fff;}
    .breadcrumbs .main .nav{display: none;}
    .breadcrumbs .main svg{display: block;}
    .breadcrumbs.on .main svg{transform: rotate(90deg);}
    .about-intro .bg{width: 50vw;}
    .about-intro .main{flex-flow: column-reverse;}
    .about-intro .main .text{width: 100%;}
    .about-intro .video{width: 100%;margin-bottom: 60px;}
    .history .main .word{width: 158px;}
    .history .main .word .swiper{height: 300px;}
    .history .main .content{width: calc(100% - 158px);}
    .company{flex-flow: column-reverse;padding: 94px 2% 100px;}
    .company .pic{width: 100%;padding-bottom: 66.26%;}
    .company .main{width: 100%;padding: 0 0 60px;margin-bottom: 20px;}
    .company .main .title{margin-bottom: 40px;}
    .company .main .msg{height: 9em;line-height: 1.5em;}
    .company .main .btn{left: 50%;transform: translateX(-50%);}
    .honor-top{padding-bottom: 340px;}
    .culture-slogan.pc{display: none;}
    .culture-slogan.m{display: block;}
    .culture-party{flex-flow: column;}
    .culture-party .main{width: 100%;padding:60px 2% 40px;}
    .culture-party .text{height: 280px;}
    .culture-party .show{width: 100%;height: 400px;}
    .culture-party .show .pic .item{width: 30%;opacity: 1;}
    .culture-staff .item{width: 70%;}
    .develop-report .main.pc{display: none;}
    .develop-report .main.mobile{display: block;padding: 40px 0;}
    .develop-suggest{padding: 60px 0;}
    .develop-suggest .main{width: 96%;margin: 30px auto 40px;}
    .article .bottom{flex-flow: column;align-items: flex-start;}
    .article .bottom .share{margin-top: 20px;}
    .product .latest .list .item .info{padding: 0 10px 18px;}
    .product .product-type .box .item{flex-flow: column;}
    .product .product-type .show{width: 100%;padding-bottom: 76.87%;}
    .product .product-type .main{width: 100%;padding: 40px 2%;}
    .product .product-type .main .text{margin-bottom: 20px;}
    .com-list{left: auto;top: 73.87vw;bottom: auto;right: calc(2% + 20px);transform: translateY(-100%);width: 45vw;padding: 10px;background: rgba(255, 255, 255, .6);margin: 0;}
    .product .product-type .main .type-name{margin-bottom: 40px;}
    .product .product-type .main .text .msg{height: 6em;line-height: 1.5em;overflow-y: auto;}
    .product .type2{flex-flow: column-reverse;padding: 60px 0;}
    .product .type2 .show{width: 100%;}
    .product .type2 .main{position: relative;width: 100%;padding: 40px 2% 0;}
    .product .type2 .main .summary{margin: 40px 0;}
    .product .type2 .main .btn{position: absolute;right: 2%;top: 40px;margin: 0;}
    .product .type2 .show .item{width: 100%;}
    .product .type2 .show .item .pic{padding-bottom: 76.87%;}
    .product .type2 .show .item .text{bottom: 0;padding: 0 2% 20px;}
    .product .type2 .show .item .text .msg{height: 3em;line-height: 1.5em;}
    .product .type2 .show .item .text .more{opacity: 1;margin-top: 12px;}
    .product .type2 .show .item .num{left: 2%;width: 50px;height: 50px;opacity: 1;}
    .product-list .type{display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style:none;scrollbar-width:none;padding: 60px 0 20px;}
    .product-list{padding-bottom: 70px;}
    .product-list .type .top{flex-wrap: nowrap;}
    .product-list .type .top .item{margin-bottom: 0;}
    .product-list .bottom .item{width: 23.44%;}
    .product-list .bottom .item:nth-child(4n){margin-right: 0;}
    .product-list .bottom .item .title{bottom: 10px;}
    .product-list .list .item .range{width: calc(62.02% - 104px);}
    .product-search{margin-top: 20px;}
    .market .msg{padding: 0 2%;text-align: left;}
    .business .list .item,.business .list .item:nth-child(3n){width: 49%;margin-right: 2%;}
    .business .list .item:nth-child(2n){margin-right: 0;}
    .contact{padding: 0 0 60px;}
    .contact .map{display: flex;flex-flow: column-reverse;}
    .contact .map .info{position: relative;left: auto;top: auto;transform: translateY(0);width: 100%;padding: 30px 2%;}
    .contact .area{padding: 60px 0;}
    .contact #map{height: 500px;}
    .contact .map .list{padding-top: 30px;}
    .contact .area .item.latest{flex-flow: column;}
    .contact .area .item.latest .pic,.contact .area .item.latest .main{width: 100%;}
    .contact .area .item.latest .pic{padding-bottom: 70.58%;}
    .contact .area .item.latest .main{padding: 30px;border: 1px solid #d9d9d9;border-top: none;}
    .contact .area .item.latest .text .title{margin-bottom: 10px;}
    .contact .area .item.latest .btn{margin-top: 0;}
    .contact .area li,.contact .area li:nth-child(3n){width: 49%;margin-right: 2%;}
    .contact .area li:nth-child(2n){margin-right: 0;}
    .news .item .content{padding: 30px;}
    .join .item .text{display: flex;flex-flow: column;justify-content: center;padding: 0 30px;}
    .join .item .text .msg{margin-top: 20px;line-height: 1.5em;}
    .product .latest{padding: 90px 0;}
    .product .latest .list.pc{display: none;}
    .product .latest .list .item .info{bottom: 0;}
    .product .latest .list .item .pic img{transform: scale(1);}
    .product .latest .m-list{display: block;}
    .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;}
}

@media screen and (max-width: 768px) {
    .i-search input{width: 300px;}
    .f-80{font-size: 32px;}
    .f-55{font-size: 30px;}
    .f-50{font-size: 28px;}
    .f-40{font-size: 24px;}
    .f-30,.product-read .content h5{font-size: 18px;}
    .f-16{font-size: 14px;}
    .com-btn{width: 34px;height: 34px;}
    .com-btn i{font-size: 14px;}
    .i-news .item .text .title{margin-bottom: 10px;}
    .fixed-video .main{width: 96%;padding-bottom: 56.33%;}
    .i-develop .main .link .item:nth-child(2){margin: 0 30px;}
    .i-develop .main .link .item p{margin-right: 10px;}
    .i-develop .investor .pic{padding-bottom: 140px;}
    .i-develop .investor .info p.num span::after{border: 10px solid transparent;border-bottom: 16px solid #d63535;}
    .footer .main .nav{display: none;}
    .footer .tool{margin-top: 20px;}
    .footer .bottom .box{flex-flow: column;}
    .footer .bottom .box a, .footer .bottom .box p{line-height: 1.5em;}
    .totop{bottom: 80px;}
    .history{height: 600px;}
    .history .top{margin-bottom: 40px;}
    .history .main .word .swiper-slide.swiper-slide-active{font-size: 34px;}
    .history .main .word{width: 122px;}
    .history .main .content{width: calc(100% - 122px);padding-top: 6px;}
    .honor-top{padding-bottom: 133.06%;}
    .honor-top img.pc{display: none;}
    .honor-top img.m{display: block;}
    .honor .list .item .title{line-height: 1.5em;}
    .honor .list .item,.honor .list .item:nth-child(3n){width: 49.06%;margin-right: 1.88%;}
    .honor .list .item:nth-child(2n){margin-right: 0;}
    .culture-party .text .msg{line-height: 1.5em;}
    .culture-party .btn .prev{margin-right: 20px;}
    .culture-party .show .pic .item{width: 50%;}
    .develop-relation .list{padding: 60px 0 40px 0;}
    .develop-relation .item .pic{box-shadow:4px 4px 5px rgba(102, 102, 102, .1);}
    .product-search form{width: 96%;}
    .product-list .list .item .num{width: 42px;}
    .product-list .list .item .range{width: calc(68.13% - 146px);}
    .business-type{justify-content: space-between;}
    .business-type .item{width: 22%;box-sizing: border-box;padding: 0 20px;margin-right: 0;}
    .contact .area .item.latest .main{padding: 20px;}
    .contact .area li,.contact .area li:nth-child(3n){width: 100%;margin-right: 0%;margin-bottom: 30px;}
    .contact .area li:nth-child(2n){margin-right: 0;}
    .contact .area li .main{min-height: auto;padding: 20px 20px 100px;}
    .contact .area .item.latest .text .info{margin-bottom: 30px;line-height: 1.5em;}
    .contact .area li .btn{left: 20px;}
    .contact .message form .input{width: 100%;margin-bottom: 20px;}
    .contact .message form .text{margin-top: 0;}
    .contact .message form .com-more{margin-top: 40px;}
    .news .item{flex-flow: column;}
    .news .item .pic{width: 100%;height: auto;padding-bottom: 86.95%;}
    .news .item .pic img{position: absolute;left: 0;top: 0;}
    .news .item .content{width: 100%;padding: 20px;border-top: none;    border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}
    .news .item .content .text{margin-bottom: 20px;}
    .news .item .content .text .title{margin-bottom: 10px;}
    .news .item .content .text .msg{line-height: 1.5em;}
    .invest .item{padding: 20px 0;}
    .invest .item .info{padding-left: 10px;}
    .invest .item .text .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space: wrap;line-height: 1.5em;}
    .invest .item .text .pdf{margin-top: 10px;}
    .join .item .text{padding: 0 20px;}
    .recruit .list .top{height: 50px;}
    .recruit .list .top{font-size: 14px;}
    .recruit-com{padding-right: 10px;}
    .recruit .list ul li{padding-right: 10px;}
    .recruit .list ul li .num p{width: 54px;}
    .recruit .list ul li .info{padding: 20px 0;}
    .recruit .list ul li .main .content{line-height: 1.5em;}
    .recruit .list ul li .main .content p::before{top: .7em;}
    .recruit .list ul li .btn{margin-top: 30px;}
}
@media screen and (max-width: 600px) {
    /* .honor-top{height: 240px;} */
    .business-type{flex-wrap: wrap;}
    .business-type .item{width: 49%;margin-bottom: 10px;}
    .business .list .item,.business .list .item:nth-child(3n),.business .list .item:nth-child(2n){width: 100%;margin-right: 0;}
    .business .list .item .text{height: auto;}
    .join .item,.join .item:nth-child(even){flex-flow: column;}
    .join .item .pic{width: 100%;padding-bottom: 66.18%;}
    .join .item .text{width: 100%;padding: 40px 20px;}
    .join-form{width: 74%;padding: 40px 20px 20px;}
    .join-form .join-form-input,.join-form textarea{font-size: 14px;}
    .join-close{width: 35px;height: 35px;}
    .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;}
    .join-close span{font-size: 16px;}
}
@media screen and (max-width: 500px) {
    .f-20{font-size: 16px;}
    .com-more{width: 130px;height: 40px;}
    .header .logo{width: 160px;}
    .i-search input{width: 240px;height: 40px;}
    .i-search button{width: 70px;height: 40px;font-size: 16px;}
    .i-news .list{margin-top: 40px;}
    .i-news .item{margin-bottom: 20px;}
    .i-news .item .pic,.i-news .item:nth-child(2) .pic{padding-bottom: 200px;}
    .i-news .item .text .more{display: none;}
    .i-tech .show{height: 400px;}
    .i-tech .main{padding: 50px 2%;}
    .i-about .intro .info{flex-wrap: wrap;margin-bottom: 20px;}
    .i-about .intro .info .item{width: 50%;margin-bottom: 20px;}
    .i-about .intro .info .number{margin-bottom: 10px;}
    .i-about .video .play,.about-intro .video .play{width: 64px;height: 64px;}
    .i-develop{padding-top: 140px;background-size: 100% 264px;}
    .i-develop .main{margin-bottom: -120px;}
    .i-develop .main .msg{margin: 30px 0;}
    .i-develop .main .link{flex-flow: column;padding: 0 20px;align-items: flex-start;margin-bottom: 60px;}
    .i-develop .main .link .item{width: 100%;margin-bottom: 20px;justify-content: space-between;}
    .i-develop .main .link .item:nth-child(2){margin: 0 0 20px;}
    .i-develop .investor{flex-flow: column;}
    .i-develop .investor .pic{width: 100%;}
    .i-develop .investor .info{width: 100%;height: 120px;}
    .totop{width: 40px;height: 40px;}
    .footer .tool{padding-right: 50px;}
    .footer .tool .share{margin-right: 12px;}
    .footer .tool .share .item{width: 30px;height: 30px;}
    .footer .bottom .box .copyright{flex-flow: column;}
    .totop{bottom: 100px;}
    .innerbanner{height: 300px;}
    .innerbanner .text{padding-top: 190px;}
    .about-intro .main{margin-top: 50px;}
    .about-intro .video{margin-bottom: 30px;}
    .about-intro .move{bottom: 60px;}
    .history{height: 550px;}
    .history .top .btn .prev{margin-right: 10px;}
    .history .main .word{width: 81px;}
    .history .main .word .swiper{height: 260px;}
    .history .main .word .swiper-slide.swiper-slide-active{font-size: 24px;}
    .history .main .word .swiper-slide.swiper-slide-active .item, .history .main .word .swiper-slide:hover .item{padding-right: 28px;}
    .history .main .word .item .cycle{width: 20px;height: 20px;}
    .history .main .word .item .cycle .point{width: 10px;height: 10px;}
    .history .main .content{width: calc(100% - 81px);}
    .company{padding: 60px 2%;}
    .company .list{right: 26px;padding: 6px;}
    .company .main .title{margin-bottom: 20px;}
    .company .main .btn .prev{margin-right: 20px;}
    /* .honor-top{height: 200px;} */
    .honor{padding-bottom: 60px;}
    .honor .list{margin: 40px auto 16px;}
    .honor .list .item{margin-bottom: 20px;}
    .com-page .item .name{width: calc(100% - 90px);box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .footer .bottom .box a, .footer .bottom .box p{text-align: center;}
    .culture-slogan.m{padding: 80px 0;}
    .culture-slogan.m .item{height: 260px;}
    .culture-slogan.m .item .bgicon{top: 50%;bottom: auto;transform: translate(-50%,-50%);}
    .culture-slogan.m .item .bgicon img{display: block;width: auto;height: 200px;}
    .culture-slogan.m .swiper-pagination{bottom: 30px;}
    .culture-party .text{height: 250px;}
    .culture-party .show .pic .item{width: 60%;}
    .culture-staff .item{width: 80%;}
    .develop-suggest .main .item{height: 40px;}
    .develop-suggest .main .list{height: 280px;}
    .productbanner{height: 280px;} 
    .innerbanner .text, .innerbanner.productbanner .text{padding-top: 160px;}
    .com-list{width: 64vw;}
    .product .type2 .show .item .text .msg{display: block;height: 1.5em;text-overflow: ellipsis;white-space: nowrap;}
    .product-list .bottom .item,.product-list .bottom .item:nth-child(4n){width: 31.94%;margin-right: 2.08%;margin-top: 10px;}
    .product-list .bottom .item:nth-child(3n){margin-right: 0;}
    .product-tips{display: block;}
    .product-list .listbox{overflow-x: auto;margin-bottom: 40px;}
    .product-list .list{width: 470px;}
    .product-list .list ul{margin-bottom: 0;}
    .business{padding: 60px 0;}
    .market .i-title{line-height: 1.2em;padding: 0 2%;}
    .contact .map .list li{margin-bottom: 10px;}
    .business .list .item .text .title{margin-bottom: 12px;}
    .contact #map{height: 400px;}
    .contact .map .list li .num{margin-right: 10px;}
    .contact .area li .main{padding: 20px 20px 80px;}
    .contact .message form{margin-top: 40px;}
    .contact .message form .input{height: 40px;}
    .contact .message form .input i,.contact .message form .text i{left: 10px;font-size: 16px;}
    .contact .message form .input input{padding-left: 40px;}
    .contact .message form .text{height: 200px;}
    .contact .message form .text textarea{padding: 7px 40px;line-height: 1.5em;}
    .news,.invest,.join,.searchpage{padding: 60px 0;}
    .news .item .pic .date{left: 12px;}
    .news .item .content{padding: 20px 12px;}
    .invest .item .date{width: 50px;height: 50px;}
    .join .item .text{padding: 30px 20px;}
    .recruit{padding-bottom: 60px;}
    .recruit-com .name{font-size: 14px;}
    .recruit .list{margin-bottom: 30px;}
    .search-item a{height: 60px;}
    .com-pagenum span, .com-pagenum a{min-width: 36px;height: 36px;}
    .searchpage .product-list .list{margin-bottom: 40px;}
}
@media screen and (max-width: 400px) {
    .footer .tool{justify-content: flex-start;}
    .footer .tool .relation .title{width: 130px;}
    .culture-party .choose{margin: 30px 0 20px;}
    .culture-party .text{height: 270px;}
    .culture-party .show .pic .item{width: 80%;}
}