a,article,body,canvas,div,em,figcaption,figure,footer,h1,h2,html,input,li,p,section,small,span,ul{margin:0;padding:0}
html{font-size:10px}
body{font-family:"Microsoft Yahei",Arial,serif;margin:0 auto;position:relative;color:#333;padding-top:95px}
blockquote,code,dd,div,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,legend,li,ol,p,pre,td,ul{list-style:none;margin:0;padding:0}
input,textarea{padding:0;margin:0;resize:none;outline:0;-webkit-user-select:auto}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}
select{appearance:none;-webkit-appearance:none;border-radius:0}
img{vertical-align:middle}
a img{border:0}
img{transform:scale(1) rotate(0) translate3d(0,0,0);-webkit-transform:scale(1) rotate(0) translate3d(0,0,0)}
a{color:#535353;text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}
a:hover{text-decoration:none}
.clear:after{content:"";display:block;clear:both}
.container{width:1440px;margin:0 auto}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.img{background-position:center;background-repeat:no-repeat;background-size:cover}
:root{--color-primary:#0268b2}
.btn{display:block;width:190px;height:60px;line-height:60px;text-align:center;background:#fff;font-size:1.7rem;border-radius:50px;cursor:pointer;position:relative;overflow:hidden;padding-right:20px;transition:all .5s;-webkit-transition:all .5s}
.btn span{position:relative;z-index:99}
.btn i{width:10px;height:10px;background:#0466af;display:block;border-radius:10px;margin-left:20px;position:absolute;right:50px;top:50%;transition:all .7s;-webkit-transition:all .7s;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.btn:hover{color:#fff}
.btn:hover>i{width:16vw;height:16vw;right:-2.3vw !important;}
.img-hover-zoom{transition: all 1s;}
.img-hover-zoom:hover{transform: scale(1.3);}
/*顶部*/
#header{width:100%;height:95px;line-height:95px;z-index:9999;box-sizing:border-box;background: linear-gradient(110deg, #F7F8FA, #EEF0F3);position:fixed;top:0;left:0;box-shadow:1px 1px 10px 0 rgb(0 0 0 / .1)}
#header .container{height:70px}
#header .logo{float:left}
#header .logo img{width:200px}
#header .menu-head{float:left;margin-left:100px}
#header .menu-head .menu-btn{display:none}
#header .menu-head ul{clear:both}
#header .menu-head ul li{float:left}
#header .menu-head ul:after{content:"";display:block;clear:both}
#header .menu-head .first>li{display:block;padding:0 25px;position:relative}
#header .menu-head .first>li a{color:#333;font-size:1.6rem;position:relative;display:block;font-weight:700}
#header .menu-head .first>li>a::after{content:"";display:block;width:0;height:4px;margin:0 auto;border-radius:5px;background:var(--color-primary);position:absolute;bottom:0;left:0;right:0;transition:.5s}
#header .menu-head .first>li>a.on,#header .menu-head .first>li>a:hover{color:var(--color-primary)}
#header .menu-head .first>li a.on::after,#header .menu-head .first>li a:hover::after{width:100%}
#header .menu-head ul.second{display:none;position:absolute;background:#fff;width:28rem;left:-14rem;margin-left:50%;border-radius:.6rem}
#header .menu-head ul.second li{width:100%}
#header .menu-head ul.second a{color:#272e47;text-align:center}
#header .menu-head .menu-third{display:block;position:relative;width:auto}
#header .menu-head .product .second{width:35.4rem;left:-17.2rem;padding:2.4rem 2.2rem}
#header .menu-head .product .second>li{width:50%}
#header .menu-head .product .second>li:nth-of-type(3n),#header .menu-head .product .second>li:nth-of-type(4n){margin-top:3.2rem}
#header .menu-head .product .second>li>a{color:#272e47;font-weight:500;font-size:1.6rem;line-height:3.8rem;height:3.8rem;cursor:default;pointer-events:auto;margin-bottom:.6rem}
#header .menu-head .product .third li{width:100%;display:flex}
#header .menu-head .product .third a{font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#272e47;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.8rem;padding:.8rem 1.6rem}
#header .r{float:right;display:flex}
#header .r .language{font-size:1.6rem;text-align:center;cursor:pointer;width:110px;z-index:999;position:relative}
#header .r .language .active{display:flex;align-items:center;justify-content:center;font-weight:700;color:#656766}
#header .r .language img{width:20px;margin-right:10px}
#header .r .language ul{background:#fff;display:none;box-shadow:0 0 10px 0 rgba(0,0,0,.19);position:absolute;width:100%}
#header .r .language ul li{line-height:50px}
#header .r .language ul li a{font-weight:700}
#header .r .language ul li a:hover{color:var(--color-primary)}
#header .r .search{padding:0 20px 0 10px;margin:0 15px}
#header .r .search img{width:25px}
#header .r .more-btn{display:flex;align-items:center;justify-content:center;width:95px;height:95px;background:var(--color-primary);position:relative;cursor:pointer}
#header .r .more-btn span,#header .r .more-btn::after,#header .r .more-btn::before{content:"";position:absolute;width:30px;height:2px;background:#fff;transition:.5s}
#header .r .more-btn::before{top:35px}
#header .r .more-btn::after{bottom:35px}
#header .r .more-btn.on::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:47px;left:30px}
#header .r .more-btn.on::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:47px;left:30px}
#header .r .more-btn.on span{display:none}
/*底部*/
#footer{width:100%;color:#fff;font-size:1.3rem;position:relative;overflow:hidden}
#footer::after,#footer::before{content:'';width:100%;height:100%;position:absolute;bottom:0;background:#333541;z-index:0;}
#footer::before{right:calc(50vw + 710px)}
#footer::after{left:calc(50vw + 710px)}
#footer .container{background:url(/static/img/foot-bg.png) no-repeat center;background-size:cover;position:relative}
#footer .con{padding:70px 0 55px 0;overflow:hidden;display:flex;border-bottom:1px solid #3d4044;margin-bottom:10px}
#footer .con .l{width:20%}
#footer .con .l img{width:100%}
#footer .con .c{width:70%;padding:0 80px;box-sizing:border-box}
#footer .con .c .menu-foot ul.first{display:flex;justify-content:space-between}
#footer .con .c .menu-foot ul.first>li>a{display:block;font-size:1.8rem;font-weight:400;color:#fff;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#footer .con .c .menu-foot ul.second{margin-top:15px}
#footer .con .c .menu-foot ul.second li a{display:block;font-size:1.5rem;font-weight:400;color:#babdc2;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#footer .con .c .menu-foot ul.second li a:hover{color:#fff}
#footer .con .r{width:10%;font-size:1.6rem;text-align:center}
#footer .con .r p{padding-top:10px}
#footer .friend_link{color:#676c73}
#footer .friend_link a{color:#676c73}
#footer .copyright{overflow:hidden;padding:10px 0 20px;font-size:1.4rem;font-weight:400;color:#676c73;text-align:center;line-height:25px;display:flex;justify-content:space-between;align-items:center}
#footer .copyright a{padding-left:8px;color:#676c73}
#footer .copyright .share img{width:30px;opacity:.5;margin-left:15px;cursor:pointer}
#footer .copyright .share img:hover{opacity:1}
#footer .copyright a.beian img{display:inline;margin:-3px 5px 0 0;width:16px}
/*页码*/
.pagination{display:flex;align-items:center;justify-content:center}
.pagination svg{height:10px;width:10px}
.pagination span{display:flex;align-items:center;justify-content:center;width:50px;height:32px;color:#303133;font-size: 1.3rem}
.pagination span.pre{padding-left:20px;background: url("/static/img/pagination-pre.png") no-repeat left center;background-size: 15px;}
.pagination span.next{padding-right:20px;background: url("/static/img/pagination-next.png") no-repeat right center;background-size: 15px;}
.pagination span:hover{color:#409eff}
.pagination span.disabled{color:#a8abb2!important;cursor:not-allowed}
.pagination span.disabled.pre{background: url("/static/img/pagination-pre-grey.png") no-repeat left center;background-size: 15px;}
.pagination span.disabled.next{background: url("/static/img/pagination-next-grey.png") no-repeat right center;background-size: 15px;}
.pagination .pager{overflow:hidden;padding: 0 6px;}
.pagination .pager li{width:40px;height:40px;float:left;display:flex;justify-content:center;align-items:center;background-color:#f0f2f5;font-size:1.5rem;margin:0 6px;color:#303133;border-radius:50px;}
.pagination .pager li:hover{color:#409eff}
.pagination .pager li.active{background-color:#0069B2;color:#fff}
.pagination a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
/*顶部菜单*/
.menu-box{position:fixed;top:95px;z-index:9999999;width:100%;padding-top:30px;display:none;box-shadow:0 7px 10px 0 rgb(0 0 0 / 40%);height: calc(100vh - 95px);box-sizing: border-box;background: #fff}
.menu-box .container{width:1000px;height: 100%;position: relative}
.menu-box .search{border-bottom:1px solid #ccc;height:45px;display:flex;align-items:center;width: 100%}
.menu-box .search img{width:20px;margin-right:10px}
.menu-box .search input{border:none;height:20px;font-size:1.5rem;width: 100%}
.menu-box .menu{padding:50px 0 80px;height: calc(100% - 130px);box-sizing: border-box;background: url("/static/img/menu-bg.png") #fff no-repeat bottom right;background-size: 50%; }
.menu-box .menu ul.first{display:flex;justify-content:space-between;margin:0 auto}
.menu-box .menu ul.first>li>a{display:block;font-size:1.7rem;font-weight:400;color:#0069b2;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:5px}
.menu-box .menu ul.second{margin-top:15px}
.menu-box .menu ul.second li{padding-bottom:15px}
.menu-box .menu ul.second li a{display:block;font-size:1.5rem;font-weight:400;color:#666;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid transparent}
.menu-box .menu ul.second li a:hover{color:#0069b2;border-bottom:1px solid #0069b2}
.menu-box .foot{padding:30px 0;display:flex;justify-content:space-between;font-size:1.4rem;border-top:1px solid #ccc;color:#666;position: absolute;bottom: 0;left: 0;width: 100%}
.menu-box .foot .l{display:flex}
.menu-box .foot .item+.item{margin-left:20px}
.menu-box .foot .item span:first-of-type{color:#0069b2}
/*路径*/
.way{font-size:1.4rem;display:flex;align-items:center}
.way img{width:18px}
.way .arrow{padding:0 20px;width:7px}
/*左侧菜单*/
.left-menu{width:250px;border-right:1px solid #ddd;padding-top:20px;}
.left-menu .top{padding:50px 0 30px;font-size:2.6rem;border-bottom:1px solid #ddd;background:url(/static/img/product/menu-bg.png) no-repeat 0 10px;background-size:contain}
.left-menu ul li{line-height:60px;border-bottom:1px solid #ddd;padding-right:20px;display:flex;align-items:center;justify-content:space-between;background:url(/static/img/product/1.png) no-repeat 220px center;background-size:10px}
.left-menu ul li a{font-size:1.6rem;font-weight:700;width:100%}
.left-menu ul li.on,.left-menu ul li:hover{background-image:url(/static/img/product/2.png)}
.left-menu ul li.on a,.left-menu ul li:hover a{color:#0069b2}
/*单图片banner*/
.banner-img{width:100%;height:425px;background-position:center;background-size:cover;background-repeat:no-repeat}
.banner-img .container{display:flex;align-items:center;height:100%;color:#fff}
.banner-img .container .txt{width: 100%}
.banner-img .container .txt p:nth-of-type(1){font-size:4rem}
.banner-img .container .txt p:nth-of-type(2){font-size:2rem;padding-top:5px}
/*文章详情*/
#article.detail .banner-img{height: 380px !important;}
#article.detail .banner-img .txt{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: center;}
#article.detail .banner-img .title{font-size:3.5rem;color: #333}
#article.detail .banner-img .time{font-size:1.6rem !important;color: #333;position: absolute;bottom: 40px;display: flex;align-items: center;}
#article.detail .banner-img .time img{width: 17px;margin-right: 10px}
#article.detail .top{width: 100%;border-bottom: 1px solid #ccc;padding: 20px 0}
#article.detail .top .container{display: flex;justify-content: space-between;}
#article.detail .top .share{font-size: 1.4rem;display: flex;align-items: center;}
#article.detail .top .share .item{display: flex;align-items: center;justify-content: center;cursor: pointer;margin: 0 5px;width: 30px;height: 30px;border: 1px solid transparent;border-radius: 50px;background-repeat: no-repeat;background-position: center;background-size: auto 15px;transition: all 0.5s}
#article.detail .top .share .item:nth-of-type(2){background-position-x: 8px;}
#article.detail .top .share .item:hover{border-color:#0069B2;}
#article.detail .top .share .item:hover:nth-of-type(1){background-image: url('/static/img/share/wechat-3.png') !important;}
#article.detail .top .share .item:hover:nth-of-type(2){background-image: url('/static/img/share/qzone-3.png') !important;}
#article.detail .top .share .item:hover:nth-of-type(3){background-image: url('/static/img/share/weibo-3.png') !important;}
#article.detail .detail{padding: 30px;font-size: 1.6rem;line-height: 1.5;box-sizing: border-box;}
#article.detail .detail .title{text-align: center;font-size: 2.5rem;padding-bottom: 10px;}
#article.detail .detail .time{text-align: center;font-size: 1.4rem;padding-bottom: 30px;}
#article.detail .foot-operation{padding: 30px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-bottom: 50px}
#article.detail .foot-operation .container{display: flex;justify-content: space-between;}
#article.detail .foot-operation .l{display: flex;flex-direction: column;}
#article.detail .foot-operation .l a{font-size: 1.4rem;padding-bottom: 10px}
#article.detail .foot-operation .l a:hover{color: var(--color-primary);}
#article.detail .foot-operation .btn{display: block;background: #0069B2;color: #fff;height: 50px;line-height: 50px;width: 150px;}
#article.detail .foot-operation .btn i{background: #fff;right: 35px}
#article.detail .foot-operation .btn:hover{color:#0466af}
/*首页*/
#index.index{position:relative}
#index.index .bg{width:100%;position:absolute;z-index:-1;background-repeat:no-repeat;background-position:center;background-size:cover;height:100%}
#index.index .left-way{position:fixed;left:2vw;bottom:10vh;z-index:999999;}
#index.index .left-way a{display:flex;font-size:1.6rem;position:relative;font-weight:700;color:#fff;margin-bottom:20px;align-items:center;padding-left:25px;}
#index.index .left-way a:nth-of-type(1){transition: all 1s}
#index.index .left-way a:nth-of-type(1)::before{transition: all 1s}
#index.index .left-way a:nth-of-type(2){transition: all 1.5s}
#index.index .left-way a:nth-of-type(2)::before{transition: all 1.5s}
#index.index .left-way a:nth-of-type(3){transition: all 2s}
#index.index .left-way a:nth-of-type(3)::before{transition: all 2s}
#index.index .left-way a:nth-of-type(4){transition: all 2.5s}
#index.index .left-way a:nth-of-type(4)::before{transition: all 2.5s}
#index.index .left-way a:nth-of-type(5){transition: all 3s}
#index.index .left-way a:nth-of-type(5)::before{transition: all 3.5s}
#index.index .left-way a::before{content:"";display:block;width:10px;height:10px;border:2px solid #fff;border-radius:50px;position:absolute;left:0;}
#index.index .left-way.grey a{color: #666666}
#index.index .left-way.grey a::before{border-color:#666666}
#index.index .left-way a.on{color:#78CC4A;}
#index.index .left-way a.on::before{border-color:#78CC4A}
#index.index .title{text-align:center;font-size:5rem;position:relative;padding-bottom:30px;color:#333132;display:flex;justify-content:center;align-items:center;flex-direction:column}
#index.index .btn-dot{width:60px;height:60px;position:relative;display: block;z-index: 99}
#index.index .btn-dot .round{width:100%;height:100%;background:#0069b2;border-radius:100px;display:flex;justify-content:center;align-items:center}
#index.index .btn-dot .round img{width:30%;height:initial;margin:0}
#index.index .btn-dot .line-1,#index.index .btn-dot .line-2{width:100%;height:100%;border-radius:100px;border:1px solid #0069b2;box-sizing:border-box;position:absolute;left:0;top:0}
#index.index .btn-dot .line-1{animation:btn-dot-1 2s ease infinite 1s}
#index.index .btn-dot .line-2{animation:btn-dot-2 2s ease infinite 1s}
@keyframes btn-dot-1{0%{opacity:0;transform:scale(1)}
    10%{opacity:.4;transform:scale(1.2)}
    30%{opacity:0;transform:scale(1.3)}
}
@keyframes btn-dot-2{0%{opacity:0;transform:scale(1.4)}
    20%{opacity:.3;transform:scale(1.5)}
    40%{opacity:0;transform:scale(1.6)}
}
#index.index .title img{height:16px;margin-top:10px}
#index.index .box{background:#fff;border-radius:20px;padding:70px;display:flex;box-sizing: border-box;}
#index.index .banner{height:100vh;position:relative}
#index.index .banner .bg{z-index:-1;height:100%}
#index.index .banner .container{display:flex;align-items:center;justify-content:space-around;height:100%}
#index.index .banner .container .img,#index.index .banner .container .txt{margin-top: -10%;}
#index.index .banner .container img{width:530px;}
#index.index .banner .container .txt .slogan:first-of-type{font-size:4rem;color:#fff;text-align:right;padding-left:100px}
#index.index .banner .container .txt .slogan:last-of-type{font-size:2rem;color:#fff;text-align:right;padding-top:100px}
#index.index .banner .txt .slogan:last-of-type span{color:#78cc4a}
#index.index .about{position:relative;padding-bottom:100px}
#index.index .about .bg{z-index:0;height: calc(100% + 38vh);margin-top: -38vh;}
#index.index .about .title .btn-dot{position:absolute;right:50px}
#index.index .about .container{height:100%;position:relative}
#index.index .about .box{box-shadow:10px 10px 20px rgba(0,0,0,.1)}
#index.index .about .box .l{width:50%;overflow: hidden;}
#index.index .about .box .l img{width:100%}
#index.index .about .box .r{width:50%;padding-left:50px;box-sizing:border-box}
#index.index .about .box .r .t{font-size:4rem;font-weight:700;position:relative;padding-bottom:40px}
#index.index .about .box .r .t::before{content:"";display:block;width:80px;height:3px;background-color:#0083ee;position:absolute;bottom:30px}
#index.index .about .box .r .content{font-size: 1.6rem;line-height: 2;overflow: hidden;}
#index.index .product{position:relative;padding:50px 0 150px}
#index.index .product .bg{top:0}
#index.index .product .title .btn{position:absolute;right:0;background:#0466af;color:#fff}
#index.index .product .title .btn:hover{color:#0466af}
#index.index .product .title .btn i{background:#fff}
#index.index .product .box{padding:50px 60px;background:#f7f8fa;display: block;overflow: hidden;width: 100%;box-sizing: border-box;background: url("/static/img/home/pro-bg.png") no-repeat center;background-size: 100% 100%;}
#index.index .product .tab-nav{width: 100%;border-bottom: 1px solid #ccc;}
#index.index .product .tab-nav .swiper-slide{width:100%;box-sizing:border-box;text-align:center;cursor:pointer;color:#444;position:relative;padding-bottom:20px}
#index.index .product .tab-nav .swiper-slide img{width:70%}
#index.index .product .tab-nav .swiper-slide .name{font-size:1.8rem;padding-top:20px;font-weight:700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
#index.index .product .tab-nav .swiper-slide.swiper-slide-thumb-active{color:#0082ec}
#index.index .product .tab-nav .swiper-slide.swiper-slide-thumb-active::after{content:"";width:50%;height:3px;background:#0082ec;position:absolute;bottom:-2px;left:25%}
#index.index .product .tab-content{overflow: hidden;width: 100%;position: relative;}
#index.index .product .tab-content .swiper-wrapper{width: calc(100% - 20px)}
#index.index .product .tab-content .swiper-slide{padding:40px 20px 0;display:flex;box-sizing: border-box;}
#index.index .product .tab-content .swiper-slide .l{width:60%}
#index.index .product .tab-content .swiper-slide .r{width:40%;text-align:right;overflow:hidden}
#index.index .product .tab-content .swiper-slide .t{font-size:2.8rem;font-weight:700}
#index.index .product .tab-content .swiper-slide .desc{padding:20px 0;font-size:1.7rem}
#index.index .product .tab-content .swiper-slide .num{font-size: 16rem;font-weight: bold;position: absolute;bottom: -15%;left: 0;color: #666666;opacity: 0.1;}
#index.index .solution{padding-bottom:30px;position:relative}
#index.index .solution .title{padding-top:50px}
#index.index .solution .box{display:flex;padding:0;overflow:hidden;margin-bottom:0;background:0 0;width:calc(100vw - (100vw - 1440px)/ 2 - 10px)}
#index.index .solution .box .item{width:100%;position:relative;height:620px;overflow: hidden}
#index.index .solution .box .item .bg{position:relative;z-index:initial;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transition: all 1.5s;}
#index.index .solution .box .item:hover .bg{transform: scale(1.3);}
#index.index .solution .box .item .con{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}
#index.index .solution .box .item .con img{height:50px;opacity: 0.8;transition: all 1.5s;}
#index.index .solution .box .item:hover .con img{transform: scale(1.3);opacity:1;}
#index.index .solution .box .item .con .txt{display:flex;flex-direction:column;align-items:center;height: 120px}
#index.index .solution .box .item .con span{font-size:2.2rem;font-weight:700;color:#fff}
#index.index .solution .box .item .con .name{padding-top:50px;font-size:2.2rem;font-weight:700;color:#fff}
#index.index .solution .box .item .con span:nth-of-type(2){padding-top:10px}
#index.index .solution .btn{margin:50px auto 150px}
#index.index .news{background:#fff;padding-bottom:50px}
#index.index .news .title{align-items:flex-start}
#index.index .news .title .btn-dot{position:absolute;right:50px}
#index.index .news .title .btn-dot .round{background:#eaecf1}
#index.index .news .title .btn-dot .line-1,#index.index .news .title .btn-dot .line-2{border-color:#eaecf1}
#index.index .news .box{justify-content:space-between;display:block;box-sizing: border-box;padding: 70px 0}
#index.index .news .box .swiper-wrapper{width: 100%;height: 150px}
#index.index .news .box .swiper-slide{background-color:#f7f8fa;border:20px;padding:20px;box-sizing:border-box;cursor:pointer;border-radius: 7px;transition: background-color 0.5s}
#index.index .news .box .swiper-slide .time{color:#666;display:flex;align-items:flex-end;}
#index.index .news .box .swiper-slide .time .date{font-size:3rem}
#index.index .news .box .swiper-slide .time .year{font-size:1.7rem;padding-left:10px}
#index.index .news .box .swiper-slide .title{text-align: left;font-size:2rem;padding-top:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}
#index.index .news .box .swiper-slide:hover{background-color: #0466af;}
#index.index .news .box .swiper-slide:hover .time{color: #eee}
#index.index .news .box .swiper-slide:hover .title{color: #eee}
/*关于我们*/
#about .top{padding:20px 0;border-bottom:1px solid #eee}
#about .top .container{display:flex;justify-content:space-between;align-items:center}
#about .top .menu a{padding:0 15px;font-size:1.6rem;color:#333}
#about .top .menu a.on{color:#0069b2}
#about .main{padding:50px 0;background-color: #f9f9f9;position: relative}
#about .main:after{content: '';width: 100%;height: 100px;position: absolute;left: 0;bottom: -50px;background-color: #f9f9f9;z-index: -1;}
#about .main .title{font-size:2.5rem;text-align:center;padding-bottom:50px}
#about.index .main .info{display:flex;padding:0 0 50px 0}
#about.index .main .info .l{width:40%;font-size:3rem;color:#333;text-align:center}
#about.index .main .info .r{width:60%}
#about.index .main .info .count-up{display:flex;padding-top:30px}
#about.index .main .info .count-up .item{width:100%;text-align:left}
#about.index .main .info .count-up .item p{font-size:1.5rem;position:relative}
#about.index .main .info .count-up .item p:first-of-type{font-size:5rem;margin-bottom:1rem}
#about.index .main .info .count-up .item .suffix{font-size:1.7rem;position:absolute;padding-left:10px;color:#0069b2}
#about.index .main .slogan{width:100%;height:325px;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center}
#about.index .main .slogan span{padding:0 20px;font-size:2.5rem;color:#fff}
#about.index .main .map{font-size:2.5rem;text-align:center;padding:80px 0}
#about.index .main .map p{padding-bottom:50px}
#about.index .main .map img{max-width:100%}
#about.index .main .photo{padding:80px 0;}
#about.index .main .photo .container{display:flex;justify-content:space-between}
#about.index .main .photo .swiper{width:660px;height:375px;position:relative;margin:initial;border-radius:20px;overflow:hidden;padding:0}
#about.index .main .photo .swiper .swiper-slide{width:660px;height:375px}
#about.index .main .photo .swiper .swiper-pagination{text-align:left;padding-left:30px}
#about.index .main .photo .swiper .swiper-pagination-bullet{background:#fff;opacity:1}
#about.index .main .photo .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0069b2}
#about.index .main .photo .txt{width:100%;flex:1;font-size:1.8rem;padding-left:100px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;color:#666}
#about.index .main .photo .txt img{width:50px;margin-right:20px}
#about.index .main .department{font-size:2.5rem;text-align:center;padding:50px 0}
#about.index .main .department .list{display:flex;justify-content:space-around;align-items:center;padding-top: 60px;}
#about.index .main .department .list .item{width:48%;position:relative;border-radius:20px;overflow: hidden;height: 300px}
#about.index .main .department .list .item img{width:100%;transition: all 1.5s;}
#about.index .main .department .list .item:hover img{transform: scale(1.3);}
#about.index .main .department .list .item .cover{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding-bottom:50px;box-sizing:border-box;color:#fff;background:linear-gradient(to bottom,transparent,rgb(0 0 0 / 44%))}
#about.index .main .department .list .item .cover span{position:relative}
#about.index .main .department .list .item .cover span:before{content:'';width:40%;height:3px;background:#78cc4a;position:absolute;left:30%;bottom:-20px}
#about.index .main .brand{font-size:2.5rem;text-align:center;padding:50px 0}
#about.index .main .brand .swiper{width:100%;padding-top:50px}
#about.index .main .brand .swiper .swiper-wrapper{display: flex;flex-wrap: wrap;justify-content:flex-start;}
#about.index .main .brand .swiper .swiper-slide{width:18%;height:90px;margin-right: 2%;background-repeat: no-repeat;background-position: center;background-size: 50%;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0, 37, 117, 0.05);transition: background-size 1s;margin-bottom: 30px}
#about.index .main .brand .swiper .swiper-slide:hover{background-size: 80%}
#about.culture .main{background: none;padding-bottom: 80px}
#about.culture .main:after{display: none}
#about.culture .main .box{display:flex;flex-direction:row;flex-wrap:wrap}
#about.culture .main .box .item{width:50%;height:260px;background:#f7f8fa;position:relative;display:flex;align-items:center;justify-content:center}
#about.culture .main .box .item img{width:100%}
#about.culture .main .box .item .icon{width:50px;height:50px;background:#fff;border-radius:100px;position:absolute;right:20px;top:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 51px 3px rgba(238,238,238,.8)}
#about.culture .main .box .item .icon img{width:50%}
#about.culture .main .box .item span{font-size:2rem;position:relative}
#about.culture .main .box .item span:after{content:'';display:block;width:50%;height:2px;background:#0069b2;position:absolute;left:25%;bottom:-10px}
#about.certificate .main{padding:0 0 50px 0}
#about.certificate .title{font-size:2.5rem;text-align:center;padding:50px 0}
#about.certificate .main .list{display:flex;flex-wrap:wrap}
#about.certificate .main .list .item{width:22%;margin-bottom:50px;position:relative;cursor:pointer;margin-right:4%}
#about.certificate .main .list .item:nth-of-type(4n){margin-right:0}
#about.certificate .main .list .item .img-box{width:100%;height:415px;position:relative;padding:15px;box-sizing:border-box;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
#about.certificate .main .list .item .img{height:100%}
#about.certificate .main .list .item .view{width:50px;height:50px;background:#0069b2;border-radius:100px;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;margin:-25px;display:none;z-index:9}
#about.certificate .main .list .item .view img{width:40%}
#about.certificate .main .list .item p{font-size:1.5rem;text-align:center;padding:20px 0;word-wrap: break-word;}
#about.certificate .main .list .item:hover .img-box:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:rgb(0 0 0 / 20%)}
#about.certificate .main .list .item:hover .view{display:flex}
#about.factory .title{font-size:2.5rem;text-align:center;padding:50px 0}
#about.factory .top{width:100%;background:#fff}
#about.factory .top .swiper{padding-bottom:60px}
#about.factory .top .swiper-slide{width:28%;height:300px;position:relative;border-radius:20px}
#about.factory .top .swiper-slide .img{width:100%;height:100%;background-size:cover;border-radius:20px;overflow:hidden}
#about.factory .top .swiper-slide .cover{width:100%;height:100%;border-radius: 20px;position:absolute;left:0;top:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;color:#fff;background:linear-gradient(to bottom,transparent,rgb(0 0 0 / 44%))}
#about.factory .top .swiper-slide .cover span{color:#fff;padding-bottom:20px;font-size:17px}
#about.factory .top .swiper-pagination{bottom:20px}
#about.factory .list{display:flex;justify-content:flex-start;padding:50px 0 0;margin-bottom:50px;flex-wrap: wrap;}
#about.factory .list .item{width:30%;border-radius:20px;overflow:hidden;position:relative;cursor: pointer;margin:0 3% 50px 0;}
#about.factory .list .item .img{width:100%;height:290px;background-repeat: no-repeat;background-position: center;background-size: cover;}
#about.factory .list .item .cover{width:100%;height:100%;border-radius: 20px;position:absolute;left:0;top:0;background:linear-gradient(to bottom,transparent,rgb(0 0 0 / 44%));color:#fff;display:flex;align-items:flex-end;justify-content:flex-start;padding:20px;box-sizing:border-box;font-size:15px}
#about.factory .list .item .view{width:50px;height:50px;position:absolute;left:50%;top:50%;border-radius:200px;background:#0069b2;margin:-25px;display:none;align-items:center;justify-content:center}
#about.factory .list .item .view img{width:50%}
#about.factory .list .item:hover .view{display:flex}
/*产品中心*/
#product .main{display:flex;position: relative;}
#product .main .top-menu{width: 100%;padding: 20px 0 20px 20px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}
#product .main .top-menu .classify{display: flex;align-items: center;}
#product .main .top-menu .classify img{height: 25px;margin:2px 10px 0 0}
#product .main .top-menu .classify a{display: block;font-size: 1.6rem;padding: 0 10px;position: relative}
#product .main .top-menu .classify a.on{color: #0069b2}
#product .main .top-menu .classify a.on:before{content: '';width: 40%;height: 2px;position: absolute;left: 30%;bottom:-8px;background: #0069b2}
#product .main .way{justify-content:flex-end;}
#product .main .way a{display: inherit;}
#product .main .content{width:1190px;margin-bottom:50px;}
#product .main .list{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:50px 0 0 30px;box-sizing:border-box;margin-bottom:30px}
#product .main .list .item{display:block;width:calc(33.33% - 30px);padding:15px;box-sizing:border-box;background-color:#f7f8fa;margin:0 30px 30px 0}
#product .main .list .item .img{width:100%;height:250px;background-color:#fff;background-size:100%;background-repeat:no-repeat;background-position:center;border-radius:10px;transition: background-size 1.5s}
#product .main .list .item:hover .img{background-size: 120%}
#product .main .list .item .title{font-size:1.5rem;text-align:center;height:42px;overflow:hidden;padding:15px 0}
#product .main .list .item .dot{width:50px;height:50px;border-radius:100px;margin:0 auto 15px;background-color:#ccc;background-repeat:no-repeat;background-position:center;background-size:12px}
#product .main .list .item:hover{background:#0069b2}
#product .main .list .item:hover .title{color:#fff}
#product .main .list .item:hover .dot{background-color:#fff;background-image:url(/static/img/product/4.png)!important}
#product.detail .main .content .info{padding-left:30px;display:flex}
#product.detail .main .content .info .img-box{width:570px;padding:25px;background:#f7f8fa;box-sizing:border-box;margin: 0 auto;}
#product.detail .main .content .info .img-box .swiper{height:330px}
#product.detail .main .content .info .img-box .swiper .swiper-slide{background-size:100%;background-position:center;position:relative;background-repeat: no-repeat;}
#product.detail .main .content .info .img-box .swiper .swiper-slide img{position:absolute;right:20px;top:20px;height:30px;cursor:pointer}
#product.detail .main .content .info .img-box .img-page{padding:10px 40px 0;position:relative;margin-top: 20px}
#product.detail .main .content .info .img-box .swiper-thumb{height:80px;overflow:hidden}
#product.detail .main .content .info .img-box .swiper-thumb .swiper-slide{background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid #ccc;box-sizing:border-box}
#product.detail .main .content .info .img-box .swiper-thumb .swiper-slide.swiper-slide-thumb-active{border-color:var(--color-primary)}
#product.detail .main .content .info .img-box .swiper-thumb .swiper-btn{width:20px;height:80px;top:10px;margin-top:0;border-radius:10px;background-color:#eaecf1;background-size:7px;background-position:center;background-repeat:no-repeat}
#product.detail .main .content .info .img-box .swiper-thumb .swiper-btn:hover{background-color:var(--color-primary)}
#product.detail .main .content .info .img-box .swiper-thumb .swiper-btn:after{display:none}
#product.detail .main .content .info .img-box .swiper-thumb .swiper-btn img{width:50%}
#product.detail .main .content .info .img-box .swiper-thumb .swiper-button-next{right:0;background-image:url(/static/img/arrow-right.png)}
#product.detail .main .content .info .img-box .swiper-thumb .swiper-button-next:hover{background-image:url(/static/img/arrow-right-active.png)}
#product.detail .main .content .info .img-box .swiper-thumb .swiper-button-prev{left:0;background-image:url(/static/img/arrow-left.png)}
#product.detail .main .content .info .img-box .swiper-thumb .swiper-button-prev:hover{background-image:url(/static/img/arrow-left-active.png)}
#product.detail .main .content .info .r{width:100%;flex:1;padding-left:50px;font-size:17px;line-height:1.5;position:relative;display: none}
#product.detail .main .content .info .r .description{white-space:pre-wrap;padding-bottom:30px}
#product.detail .main .content .info .r .btn-box{display:flex;position:absolute;bottom:20px}
#product.detail .main .content .info .r .btn-box .btn{border:1px solid #ccc;border-radius:50px;text-align:center;position:relative;height:55px;line-height:55px;padding:0}
#product.detail .main .content .info .r .btn-box .btn:first-of-type{color:var(--color-primary);border-color:var(--color-primary);margin-right:50px}
#product.detail .main .content .info .r .btn-box .btn:last-of-type{color:#78cc4a;border-color:#78cc4a}
#product.detail .main .content .detail,#product.detail .main .content .same{padding-left:30px;margin-top:50px}
#product.detail .main .content .t{width:100%;border-bottom:1px solid #ccc;padding-bottom:10px}
#product.detail .main .content .t span{font-size:2rem;color:#0069b2;position:relative}
#product.detail .main .content .t span:after{content:'';width:100%;height:2px;background:#0069b2;position:absolute;left:0;bottom:-12px}
#product.detail .main .content .detail .txt{padding:20px 0 30px;font-size:1.6rem;line-height:1.5;border-bottom:1px solid #ddd}
#product.detail .main .content .detail .txt table{border-collapse: collapse; width: 100%;}
#product.detail .main .content .detail .txt table td{border-color: #000000;border-width: 1px;border-style: solid;line-height: 2;text-align: center}
#product.detail .main .pre-next{display:flex;align-items:center;justify-content:center;padding:30px 0}
#product.detail .main .pre-next a{width:50px;height:38px;background:var(--color-primary);display:block;border-radius:5px;background-size:17px;background-repeat:no-repeat;background-position:center}
#product.detail .main .pre-next a.none{background-color:#eaecf1;cursor:no-drop}
#product.detail .main .pre-next .menu{width:20px;height:20px;display:block;background:url(/static/img/product/pre-next.png) no-repeat center;background-size:cover;margin:0 20px;cursor:pointer;transition:all .5s}
#product.detail .main .pre-next .menu:hover{background-image:url(/static/img/product/pre-next-active.png)}
#product.detail .main .pre-next .pre{background-image:url(/static/img/product/pre-white.png)}
#product.detail .main .pre-next .pre.none{background-image:url(/static/img/product/pre.png)}
#product.detail .main .pre-next .next{background-image:url(/static/img/product/next-white.png)}
#product.detail .main .pre-next .next.none{background-image:url(/static/img/product/next.png)}
#product.detail .main .same-swiper{justify-content:space-between;display:block;padding:30px 0}
#product.detail .main .same-swiper .swiper-slide{background:#f7f8fa;border:20px;padding:20px;box-sizing:border-box;cursor:pointer}
#product.detail .main .same-swiper .swiper-slide .item{width:100%}
#product.detail .main .same-swiper .swiper-slide .time{color:#666;display:flex;align-items:flex-end}
#product.detail .main .same-swiper .swiper-slide .time .date{font-size:30px}
#product.detail .main .same-swiper .swiper-slide .time .year{font-size:17px;padding-left:10px}
#product.detail .main .same-swiper .swiper-slide .title{font-size:2rem;padding-top:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}
#product.detail .main .same-swiper .swiper-wrapper{padding:0;flex-wrap:initial;justify-content:initial}
/*解决方案*/
#solution .main{display:flex;position: relative;}
#solution .main .way{padding:20px 0;justify-content:flex-end;position: absolute;right: 0;top: 0}
#solution .main .content{width:1190px;margin-bottom:50px;padding-top:60px}
#solution .main .list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;margin-bottom: 50px}
#solution .main .list .item{display:block;width:33.33%;padding:15px;box-sizing:border-box;}
#solution .main .list .item .img{width:100%;height:180px;border: 1px solid #e9e9e9;background-color:#fff;background-size:50%;background-repeat:no-repeat;background-position:center;border-radius:4px;transition: background-size 1s;}
#solution .main .list .item:hover .img{background-size: 60%}
#solution .main .list .item .info{padding-right: 50px;position: relative}
#solution .main .list .item .info .title{font-size: 2rem;padding: 15px 0 0;text-align: center}
#solution .main .list .item:hover .title{color:#0069b2}
/*服务支持*/
#service .top{padding:20px 0;border-bottom:1px solid #eee}
#service .top .container{display:flex;justify-content:space-between;align-items:center}
#service .top .menu a{padding:0 15px;font-size:1.6rem;color:#333}
#service .top .menu a.on{color:#0069b2}
#service .main{display: flex;flex-direction: column;padding:50px 0}
#service .main .title{width: 100%;text-align: center;font-size: 3rem;padding-bottom: 50px}
#service .main .content{display: flex;}
#service .main .r{width: 50%;padding-left: 100px;font-size: 1.6rem;padding-top: 5%}
#service .main .r .img{width:45px }
#service .main .r .txt{padding-top: 20px}

#service.download .main .menu{width: 310px}
#service.download .main .menu .t{font-size: 22px;color: #333333;padding-bottom: 30px;font-weight: bold}
#service.download .main .menu ul.class-1 > li > a{font-size: 18px;color:#333333;padding-bottom: 15px;display: block;font-weight: bold;border-bottom: 1px solid #ccc;margin-bottom: 15px}
#service.download .main .menu ul.class-1 > li > ul a{font-size: 15px;color:#333333;line-height:40px;display: block;margin-bottom: 15px}
#service.download .main .menu ul.class-2 li.on a{background:#F7F8FA;color:#0069B2}
#service.download .main .list{padding-left: 50px;width: 100%;box-sizing: border-box}
#service.download .main .list .item{width: 100%;position: relative;padding:20px 90px;background: #EFF1F2;border-radius: 3px;box-sizing: border-box;cursor: pointer;margin-bottom: 30px}
#service.download .main .list .con p{font-size: 12px;color:#666666;padding-bottom: 5px}
#service.download .main .list .con p:nth-of-type(1){font-size: 15px;font-weight: bold;color: #333;word-wrap: break-word;}
#service.download .main .list .file-type,#service.download .main .list .icon{position: absolute;top: 50%}
#service.download .main .list .file-type{width: 60px;height:60px;left: 20px;margin-top: -30px;background-color:#fff;background-size: 50%;background-repeat: no-repeat;background-position: center;}
#service.download .main .list .icon{width: 40px;height: 40px;background-color:#CCCCCC;right: 20px;margin-top: -20px;border-radius: 100%;background-size: 50%;background-repeat: no-repeat;background-position: center;transition: all 0.5s}
#service.download .main .list .item:hover .con p:first-of-type{color: #0069B2}
#service.download .main .list .item:hover .icon{background-color: #0069B2}
#service.download .main .list .pagination{margin-top: 50px}

/*新闻*/
#news .top{padding:20px 0;border-bottom:1px solid #eee}
#news .top .container{display:flex;justify-content:space-between;align-items:center}
#news .top .menu a{padding:0 15px;font-size:1.6rem;color:#333}
#news .top .menu a.on{color:#0069b2}
#news .main .title{width: 100%;text-align: center;font-size: 3rem;padding: 50px 0}
#news.index .list .first,
#news.index .list .item{display: flex;background: #F7F8FA;margin-bottom: 35px}
#news.index .list .img{background-position: center;background-repeat: no-repeat;background-size:100%;transition: background-size 1s;}
#news.index .list .con{padding:20px 50px 20px 50px;box-sizing: border-box;flex: 1;}
#news.index .list .con .desc{color: #666666;font-size: 1.5rem;line-height:2}

#news.index .list .first .img{width: 590px;height: 400px;}
#news.index .list .first:hover .img{background-size: 120%}
#news.index .list .first .con .time p:nth-of-type(1){font-size: 4.5rem;color:#666666}
#news.index .list .first .con .time p:nth-of-type(2){font-size: 1.5rem;color:#666666;padding-top: 10px}
#news.index .list .first .con .t{font-size:2.4rem;color: #333333;position: relative;padding: 30px 0 50px}
#news.index .list .first .con .t::before{content: '';width: 40px;height:2px;background: #0069B2;position: absolute;left: 0;bottom:30px }
#news.index .list .first .con .desc{height: 85px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#news.index .list .first .con .btn{margin-top: 50px;background: #0466af;color: #fff;display: block}
#news.index .list .first .con .btn i{background: #fff}
#news.index .list .first .con .btn:hover{color: #0466af}
#news.index .list .item .con{padding-right: 200px}
#news.index .list .item{display: flex;background: #F7F8FA;margin-bottom: 20px;cursor: pointer;position: relative}
#news.index .list .item .img{width: 328px;height: 250px;}
#news.index .list .item:hover .img{background-size: 120%}
#news.index .list .item .t{font-size: 2rem;color:#333333;padding-bottom: 20px}
#news.index .list .item .desc{height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#news.index .list .item .dot{width:50px;height:50px;border-radius:50px;margin:50px 0 0;background-color:#ccc;background-repeat:no-repeat;background-position:center;background-size:12px;transition: all 0.5s}
#news.index .list .item .time{position: absolute;right: 50px;top:60px;}
#news.index .list .item .time p:nth-of-type(1){font-size: 4.5rem;color:#666666}
#news.index .list .item .time p:nth-of-type(2){font-size: 1.5rem;color:#666666;padding-top: 10px}
#news.index .list .item:hover .t{color:#0069B2;}
#news.index .list .item:hover .dot{background-color:#0069B2;}
#news.index .list .item:hover .time p{color:#0069B2;}
#news.index .pagination{margin: 50px 0}
/*联系我们*/
#contact .top{padding:20px 0;border-bottom:1px solid #eee}
#contact .top .container{display:flex;justify-content:space-between;align-items:center}
#contact .top .menu a{padding:0 15px;font-size:1.6rem;color:#333}
#contact .top .menu a.on{color:#0069b2}
#contact.index .main{background: url("/static/img/contact/bg.jpg") no-repeat center;background-size: cover;margin-bottom:-40px;}
#contact.index .main .title{width: 100%;text-align: center;font-size: 3rem;padding: 50px 0}
#contact.index .main .con{display: flex;width: 100%}
#contact.index .main .con .l{width: 50%;padding-right: 50px;box-sizing: border-box}
#contact.index .main .con .l .company{font-size: 3rem;color: #333333;position: relative;padding: 30px 0 40px}
#contact.index .main .con .l .company::before{content: '';width: 40px;height:2px;background: #0069B2;position: absolute;left: 0;bottom:20px }
#contact.index .main .con .l .sologon{font-size: 1.5rem;color: #666666;line-height: 2;margin-bottom: 50px}
#contact.index .main .con .l .item{border-bottom: 1px solid #ddd;font-size: 1.5rem;color: #333333;padding: 20px 0}
#contact.index .main .con .l .item img{width: 15px;margin-right: 10px;}
#contact.index .main .con .img{width:70%;}
#contact.index .main .con .img img{width: 100%;}
/*搜索*/
#search.index .main{min-height: 50vh;}
#search.index .search-form{display:flex;align-items:center;justify-content:center;width:100%;padding:40px 0}
#search.index .search-form form{width:50%;display:flex;justify-content:center;align-items:center}
#search.index .search-form .input{width:100%;padding-right:30px}
#search.index .search-form .input input{width:100%;height:45px;line-height:45px;border-radius:5px;border:1px solid #c1c1c1;box-sizing:border-box;padding:10px;font-size:1.6rem}
#search.index .search-form .btn{height:45px;line-height:45px;width:150px;background-color:var(--color-primary);border-radius: 6px;color: #fff;padding: 0}
#search.index .search-form .btn:hover{background: #1c8fe2}

#search.index .list .item{display: flex;background: #F7F8FA;margin-bottom: 35px}
#search.index .list .item .con{padding:20px 200px 20px 50px;box-sizing: border-box;flex: 1;}
#search.index .list .item{display: flex;background: #F7F8FA;margin-bottom: 20px;cursor: pointer;position: relative}
#search.index .list .item .img{width: 328px;height: 250px;background-position: center;background-repeat: no-repeat;background-size:100%;transition: background-size 1s;}
#search.index .list .item:hover .img{background-size: 120%}
#search.index .list .item .t{font-size: 2rem;color:#333333;padding-bottom: 20px}
#search.index .list .item .desc{color: #666666;font-size: 1.5rem;line-height:2;height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#search.index .list .item .dot{width:50px;height:50px;border-radius:50px;margin:50px 0 0;background-color:#ccc;background-repeat:no-repeat;background-position:center;background-size:12px;transition: all 0.5s}
#search.index .list .item .time{position: absolute;right: 50px;top:60px;}
#search.index .list .item .time p:nth-of-type(1){font-size: 4.5rem;color:#666666}
#search.index .list .item .time p:nth-of-type(2){font-size: 1.5rem;color:#666666;padding-top: 10px}
#search.index .list .item:hover .t{color:#0069B2;}
#search.index .list .item:hover .dot{background-color:#0069B2;}
#search.index .list .item:hover .time p{color:#0069B2;}
#search.index .list .empty{text-align: center;padding: 20px 0;}
#search.index .list .empty p{font-size:1.8rem;padding-top: 10px}

#search.index .content .pagination{padding:50px 0 20px}