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:source-han-sans-simplified-c,"Microsoft Yahei",Arial,sans-serif;margin:0 auto;position:relative;color:#333;}
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:1400px;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:#DF631C;--color-primary-rgb:223 99 28}
.btn{display:block;width: 145px;height: 40px;background:var(--color-primary);border-radius: 100px;color: #fff;text-align: center;line-height: 40px;font-size: 1.4rem;cursor: pointer;}
.btn:hover{background:var(--color-primary);}
.img-hover-zoom{transition: all 5s;}
.img-hover-zoom:hover{transform: scale(1.3);}
.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
/*顶部*/
#header{width:100%;height:90px;line-height:90px;z-index:9999;box-sizing:border-box;background:#F4F9FC;box-shadow:1px 1px 10px 0 rgb(0 0 0 / 0.1)}
#header .container{height:100%;display: flex;justify-content: space-between;align-items: center;}
#header .logo{height: 65%}
#header .r{display: flex;justify-content: flex-end;align-items: center;}
#header .menu-head .menu-btn{display:none}
#header .menu-head ul{clear:both}
#header .menu-head ul li{float:left}
#header .menu-head .first>li{display:block;padding:0 25px;}
#header .menu-head .first>li a{color:#333;font-size:1.6rem;position:relative;display:block;font-weight:700}
#header .menu-head ul li .btn-dropdown{width: 10px;height: 50px;position: absolute;right:-20px;top: 50%;margin-top: -25px;}
#header .menu-head ul li .btn-dropdown::before{content:"";width:7px;height:7px;position:absolute;right:50%;top:50%;box-sizing:border-box;border-width:1px 0 0 1px;border-style:solid;border-color:initial;-webkit-transform:rotate(-135deg) translate(0,-50%);transform:rotate(-135deg) translate(0,-50%);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
#header .menu-head ul li.on .btn-dropdown::before{border-color:var(--color-primary)}
#header .menu-head .first li.on a,#header .menu-head .first>li>a:hover{color:var(--color-primary)}
#header .menu-head ul.second li{width:100%;line-height: 40px;height: 40px;background:#fff;display: flex;justify-content: center;align-items: center;}
#header .menu-head .first>li .sub-box{display:flex;justify-content: center;position:absolute;width:100vw;left:0;background:rgb(27 7 58 / 90%);padding: 50px 0;z-index: 999}
#header .menu-head .first>li .sub-box img{max-width: calc(50% - 100px);}
#header .menu-head .first>li .sub-box .second{display: flex;width: 50%;max-width: 700px;position: relative;padding-left: 100px;}
#header .menu-head .first>li .sub-box .second:before{content: '';width: 100%;height: 1px;background:rgb(255 255 255 / 36%);position: absolute;top: 50px;}
#header .menu-head .first>li .sub-box .second li{background: none;width: initial;padding: 0 50px;}
#header .menu-head .first>li .sub-box .second li a{color: #8A8798;font-size: 1.6rem;padding-bottom:  10px;line-height: 1.5;}
#header .menu-head .first>li .sub-box .second li a:hover,
#header .menu-head .first>li .sub-box .second li.on a{color: var(--color-primary)}
#header .menu-head .first>li .sub-box .second li a:hover:before,
#header .menu-head .first>li .sub-box .second li.on a:before{content:'';width: 100%;height: 3px;background: var(--color-primary);display: block;position: absolute;bottom: -15px;border-radius: 10px}
#header .menu-head .menu-third{display:block;position:relative;width:auto}
#header .r .login{background: var(--color-primary);height: 45px;width: 108px;border-radius: 30px;display: flex;justify-content: center;align-items: center;font-size: 1.4rem;color: #fff;margin-left: 30px;}
#header .r .login img{width:13px;margin-right: 10px}
/*底部*/
#footer{width:100%;color:#fff;font-size:1.3rem;position:relative;overflow:hidden;background:#1D173B;padding-top: 43px}
#footer .top img{width: 220px}
#footer .contact-box{padding:40px 0 70px 0;overflow:hidden;display:flex;border-bottom:1px solid rgb(255 255 255 / 20%);margin-bottom: 18px}
#footer .contact-box .l{width: 80%;display: flex}
#footer .contact-box .l .item{width: 33.33%;padding-right: 3%;box-sizing: border-box}
#footer .contact-box .l .item .title{font-size: 2.4rem;color: #FFFFFF;padding-bottom: 35px}
#footer .contact-box .l .item .address,
#footer .contact-box .l .item .tel{font-size: 1.6rem;color:#8A8798;padding-left: 30px}
#footer .contact-box .l .item .address{padding-bottom: 30px;background: url("/static/img/foot-address.png") no-repeat left 4px;background-size: 15px;}
#footer .contact-box .l .item .tel{background: url("/static/img/foot-tel.png") no-repeat left 3px;background-size: 16px;}
#footer .contact-box .l .item .tel span{color:#fff}
#footer .contact-box .r{width: 20%;text-align: center}
#footer .contact-box .r img{width: 140px}
#footer .contact-box .r p{font-size: 1.4rem;color: #8A8798;padding-top: 17px}
#footer .friend_link{color:#666666;padding:0 0 10px 0;}
#footer .friend_link a{color:#666666}
#footer .copyright{overflow:hidden;padding:0 0 18px 0;font-size:1.4rem;font-weight:400;color:#666666;text-align:center;line-height:25px;display:flex;justify-content:space-between;align-items:center}
#footer .copyright a{padding-left:8px;color:#666666}
#footer .copyright a.beian img{display:inline;margin:-3px 5px 0 0;width:16px}
/*分享*/
.share-wrap{font-size: 1.4rem;display: flex;align-items: center;}
.share-wrap .item{display: flex;align-items: center;justify-content: center;cursor: pointer;margin: 0 5px;width: 30px;height: 30px;border-radius: 50px;background-repeat: no-repeat;background-position: center;background-size: auto 15px;transition: all 0.5s;background-color: rgb(255 255 255 / 10%);}
.share-wrap .item:nth-of-type(1){background-position-x: 6px;}
.share-wrap .item:nth-of-type(2){background-position-x: 8px;}
.share-wrap .item:hover:nth-of-type(1){background-image: url('/static/img/share/wechat-2.png') !important;}
.share-wrap .item:hover:nth-of-type(2){background-image: url('/static/img/share/qzone-2.png') !important;}
.share-wrap .item:hover:nth-of-type(3){background-image: url('/static/img/share/weibo-2.png') !important;}
/*页码*/
.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:var(--color-primary);font-size:1.5rem;margin:0 6px;color:#303133;border-radius:50px;}
.pagination .pager li:hover{color:var(--color-primary)}
.pagination .pager li.active{background: var(--color-primary);color:#fff}
.pagination a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
/*侧边栏*/
#side_wrapper{position: fixed;right: 10px;top: 50%;z-index: 99999;padding:5px 0;border-radius: 50px;}
#side_wrapper .item{width:42px;height: 42px;display: block;transition: all 0.5s;position: relative;margin-top: 20px}
#side_wrapper .item::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;padding:2px;border-radius:50px;background:linear-gradient(-61deg,#55207d,#df631c);--mask-bg:linear-gradient(red, red);--mask-clip:content-box,padding-box;-webkit-mask-image:var(--mask-bg),var(--mask-bg);-webkit-mask-clip:var(--mask-clip);mask-composite:exclude;-webkit-mask-composite:destination-out}
#side_wrapper .item .img{width: 100%;height: 100%;position: absolute;left: 2px;top:2px;background-size: 50%;background-position: center;background-repeat: no-repeat;}
#side_wrapper .item:nth-of-type(1) .img{background-image: url('/static/img/side-1.png');}
#side_wrapper .item:nth-of-type(2) .img{background-image: url('/static/img/side-2.png');}
/*轮播页码*/
.swiper-pagination span.swiper-pagination-bullet{background: #fff;opacity: 1}
.swiper-pagination span.swiper-pagination-bullet-active{background:var(--color-primary);}
/*单图片banner*/
.banner-img{width:100%;height:60vh;background-position:center;background-size:cover;background-repeat:no-repeat}
.banner-img .container{position: relative;height: 100%}
.banner-img .box{position: absolute;left: 0;bottom: -20px;width: 163px;height: 179px;background:#55207D;box-shadow: 0 8px 51px 0 rgba(85,32,125,0.5);color: #fff;}
.banner-img .box span{font-weight: bold;font-size: 16rem;color: #8A8798;opacity: 0.1;display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;padding-top: 20px}
.banner-img .box .txt{width: 200%;position: absolute;top: 10%;left: 70%}
.banner-img .box .txt .t{font-size: 4.2rem;font-weight: bold}
.banner-img .box .txt .desc{font-size:1.4rem }
.banner-img .box .tag{width: 66px;height: 66px;background: #fff;display: flex;align-items: center;justify-content: center;position: absolute;bottom: -10%;left: 70%}
.banner-img .box .tag img{width: 33%}
/*way*/
#way-map{display: flex;align-items: center;justify-content: flex-end;padding: 35px 0;width: 100%}
#way-map .item{color: #4A4C4A;font-size: 1.4rem;padding: 0 20px}
#way-map .item img{width: 7px}
#way-map .item img.home{width: 18px}
/*首页*/
#index.index .title{font-size: 4.2rem;color: #4A4C4A;font-weight: 400}
#index.index .banner{height: 860px;background-size:cover;background-repeat:no-repeat}
#index.index .banner .container{position: relative;height: 100%;display: flex;justify-content: center;align-items: center;}
#index.index .banner .container .txt{text-align: center;font-size: 9rem;font-weight: bold;color: #fff;margin-top: -10%}
#index.index .banner .scroll-down{position:absolute;left:0;bottom:40px;z-index:99;width: 100%;display:flex;flex-direction: column;align-items: center;font-size:1.4rem;color:#fff;cursor: pointer;transition: all 0.5s}
#index.index .banner .scroll-down span{margin-bottom: 18px}
#index.index .banner .scroll-down .img{background-image: url("/static/img/index/1.png");background-size: 93%;width: 20px;height: 30px;}
#index.index .number-box{background:url("/static/img/index/num-bg.png") no-repeat center #F5F5F5;background-size: cover;padding: 0 0 120px;position: relative}
#index.index .number-box .container{display: flex;flex-wrap: wrap;justify-content: flex-start;color: #4A4C4A;overflow: hidden;transition: all 0.5s}
#index.index .number-box .item{width: 33%;text-align: center;margin-top: 124px}
#index.index .number-box .item:nth-of-type(n+4){display: none}
#index.index .number-box .item .num span{font-size: 10rem;font-weight: 400;line-height: 1}
#index.index .number-box .item .num i{font-size: 4rem;font-style: initial}
#index.index .number-box .item .txt{font-size: 1.6rem;padding-top: 37px;font-weight: bold;line-height: 1.8}
#index.index .number-box .item:hover .num{color: var(--color-primary)}
#index.index .number-box .btn-more{width: 230px;background: #fff;display: flex;align-items: center;justify-content: center;font-size:1.4rem;color: var(--color-primary);height: 48px;border-radius: 27px 27px 0 0;cursor: pointer;position: absolute;bottom: 0;left: 50%;margin-left: -115px}
#index.index .number-box .btn-more span{position: relative}
#index.index .number-box .btn-more span:before{content:'';width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:var(--color-primary) transparent transparent transparent;position:absolute;top:calc(50% + 1px);right:-22px;transform:translate(-50%,-50%);transition: all 0.5s}
#index.index .number-box.on{background: #F5F5F5;}
#index.index .number-box.on .container{height: initial;overflow: initial}
#index.index .number-box.on .btn-more span:before{transform: rotate(180deg);margin-top: -3px}

#index.index .business{background: url("/static/img/index/3.jpg") no-repeat center;background-size: cover;padding-top: 58px}
#index.index .business .t{padding-bottom: 60px;position: relative;width: 100%;text-align: center;}
#index.index .business .title{color: #fff}
#index.index .business .desc{font-size:1.6rem;font-weight: bold;padding-top: 20px;color: #fff}
#index.index .business .container{display: flex;align-items: center;justify-content: space-between;flex-direction: column;}
#index.index .business .btn{height: 48px;width: 221px;line-height: 48px;position: absolute;right: 0;top: 50%;margin-top: -50px;}
#index.index .business .btn img{width: 28px}
#index.index .business .swiper{width: 100%}
#index.index .business .swiper-wrapper{display: flex;}
#index.index .business .swiper-wrapper .swiper-slide{height: 770px;position: relative;cursor: pointer;background-size: cover;overflow: hidden}
#index.index .business .swiper-wrapper .swiper-slide .img{width: 100%;height: 100%;position: absolute;transition: all 5s;}
#index.index .business .swiper-wrapper .swiper-slide .bg{position: absolute;width: 100%;height: 100%;background:#1b073a;opacity: 0.4;transition: all 0.5s}
#index.index .business .swiper-wrapper .swiper-slide .con{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;color: #fff}
#index.index .business .swiper-wrapper .swiper-slide .con .t{text-align: center;padding-bottom: 100px}
#index.index .business .swiper-wrapper .swiper-slide .con .t img{width: 50px;margin-bottom: 30px}
#index.index .business .swiper-wrapper .swiper-slide .con .t .title{font-size: 3.6rem;color: #fff;padding-bottom: 50px}
#index.index .business .swiper-wrapper .swiper-slide .con .t .line{height:0;width: 100%;transition: all 0.5s;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;font-size: 1.6rem}
#index.index .business .swiper-wrapper .swiper-slide .con .t .line:before,
#index.index .business .swiper-wrapper .swiper-slide .con .t .line:after{content: '';height: 40%;width: 1px;background: #FFFFFF;position: absolute;left: 50%}
#index.index .business .swiper-wrapper .swiper-slide .con .t .line:before{top:0}
#index.index .business .swiper-wrapper .swiper-slide .con .t .line:after{bottom:0}
#index.index .business .swiper-wrapper .swiper-slide .con .desc{position: absolute;bottom: 76px;width: 80%;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 30px;height: 85px;-webkit-line-clamp: 3;padding: 0;text-align: center}
#index.index .business .swiper-wrapper .swiper-slide .view{width: 60px;height:60px;background: var(--color-primary);position: absolute;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;opacity:0;transition: all 0.5s}
#index.index .business .swiper-wrapper .swiper-slide .view:before{content:''; width: 0;height: 0;border-width: 6px;border-style: solid;border-color:transparent transparent transparent #fff;margin-left: 6px}
#index.index .business .swiper-wrapper .swiper-slide:hover .img{transform: scale(1.3);}
#index.index .business .swiper-wrapper .swiper-slide:hover .bg{opacity: 0.25}
#index.index .business .swiper-wrapper .swiper-slide:hover .con .t .line{height:200px;}
#index.index .business .swiper-wrapper .swiper-slide:hover .view{opacity:1;}
#index.index .server{background: url("/static/img/index/2.jpg") no-repeat center;background-size: cover;padding: 108px 0 128px}
#index.index .server .title{padding:0 0 26px;color: #fff}
#index.index .server .desc{color: #fff;padding-bottom: 60px;font-size: 1.6rem}
#index.index .server .content{display: flex;align-items: flex-end;justify-content: flex-start;}
#index.index .server .content .list{width: 700px;background: rgb(255 255 255 / 90%);border-radius: 10px;padding: 38px 47px;box-sizing: border-box;height: 440px;overflow-y: scroll;}
#index.index .server .content .list::-webkit-scrollbar {width: 7px;}
#index.index .server .content .list::-webkit-scrollbar-thumb {background-color: #aaa;border-radius: 50px;}
#index.index .server .content .list .item{display: flex;align-items: center;justify-content: space-between;margin-bottom: 50px;position: relative}
#index.index .server .content .list .item:before{content: '';width: 1px;height:100%;position: absolute;left: 40px;top:calc(50% + 40px);background:#ccc; }
#index.index .server .content .list .item .num{position: relative;width: 80px;height: 80px;border:1px solid rgb(var(--color-primary-rgb) / 10%);border-radius: 100px;display: flex;justify-content: center;align-items: center;background: #fff}
#index.index .server .content .list .item .num:before{content: '';display: block;width: 60px;height: 60px;border-radius: 50%;position: absolute;background:var(--color-primary);opacity: 0.2 }
#index.index .server .content .list .item .num span{color: #fff;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;background: var(--color-primary);border-radius: 50%;font-size: 1.8rem}
#index.index .server .content .list .txt{font-size: 1.6rem;color: #4A4C4A;width: calc(100% - 110px);line-height: 1.6}
#index.index .server .content .list .item:nth-of-type(2n) .num{border-color:rgb(85 32 125 / 10%);}
#index.index .server .content .list .item:nth-of-type(2n) .num:before{background: #55207D }
#index.index .server .content .list .item:nth-of-type(2n) .num span{background:#55207D}
#index.index .server .content .list .item:last-of-type{margin-bottom: 0}
#index.index .server .content .list .item:last-of-type:before{display: none}
#index.index .server .content .img-box{overflow: hidden;margin:0 0 -70px 50px;border-radius: 20px;}
#index.index .server .content .img-box img{width: 490px;}
#index.index .news{margin-bottom: 60px}
#index.index .news .title{width: 100%;padding: 72px 0 55px;text-align: center}
#index.index .news .content{display: flex;justify-content: space-between;}
#index.index .news .content .t{-webkit-line-clamp: 1;}
#index.index .news .content .l,#index.index .news .content .r {width: calc(50% - 10px);background: #F5F5F5}
#index.index .news .content .l{cursor: pointer}
#index.index .news .content .l .img-box{overflow: hidden}
#index.index .news .content .l .img-box .img{width: 100%;height: 400px;}
#index.index .news .content .l .con{padding:27px 23px;box-sizing: border-box;font-size: 1.6rem;color: #4a4a4a;}
#index.index .news .content .l .t{font-weight: bold;padding: 13px 0 15px}
#index.index .news .content .l .time{color: #999999}
#index.index .news .content .l:hover .t{color: var(--color-primary)}
#index.index .news .content .r{padding: 10px 60px 24px 34px;box-sizing: border-box}
#index.index .news .content .r .item{padding:34px 0 20px;border-bottom: 1px solid #ddd;cursor: pointer;display: block}
#index.index .news .content .r .item .t{font-size: 1.6rem;color: #4A4C4A;font-weight: bold}
#index.index .news .content .r .item .desc{margin: 20px 0 23px;font-size: 1.4rem;color: #999;height:40px;-webkit-line-clamp: 2;}
#index.index .news .content .r .item .time{font-size: 1.6rem;color: #999}
#index.index .news .content .r .item:last-of-type{border: none}
#index.index .news .content .r .item:hover .t{color: var(--color-primary)}
#index.index .following{background: url("/static/img/index/3.jpg") no-repeat center;background-size: cover;height: 280px;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden}
#index.index .following .title{color: #fff;margin-bottom: 30px}
#index.index .following .btn{display: flex;justify-content: center;align-items: center;width: 220px;height: 48px;}
#index.index .following .btn img{height: 40%;margin-right: 20px}

#about.index .title{font-size: 4.2rem;color: #4A4C4A;text-align: center;padding:58px 0 52px }
#about.index .content{font-size: 1.6rem}
#about.index .content img{max-width: 100%}
#about.index .waist{background: url("/static/img/about/waist.jpg") no-repeat center;background-size: cover;height: 356px;display: flex;justify-content: flex-end;align-items: center;margin-top: 62px}
#about.index .waist .con{color: #fff;text-align: center;padding-right: 32px;width:558px;}
#about.index .waist .con .big{color: #F5F5F5;font-size: 3.6rem;padding-bottom: 40px}
#about.index .waist .con .txt{font-size: 1.6rem;color: #fff;line-height: 1.75}
#about.index .list{display: flex;justify-content: space-around;padding: 90px 0}
#about.index .list .item{width: 20%;display: flex;flex-direction: column;align-items: center;text-align: center}
#about.index .list .item .img{background-color: #F5F5F5;width: 138px;height: 138px;border-radius: 200px;background-size: 50%;}
#about.index .list .item:nth-of-type(1) .img{background-image: url("/static/img/about/icon-1.png")}
#about.index .list .item:nth-of-type(2) .img{background-image: url("/static/img/about/icon-2.png")}
#about.index .list .item:nth-of-type(3) .img{background-image: url("/static/img/about/icon-3.png")}
#about.index .list .item:nth-of-type(4) .img{background-image: url("/static/img/about/icon-4.png")}
#about.index .list .item .t{font-size: 2.4rem;color: #4A4C4A;padding: 36px 0 20px}
#about.index .list .item .desc{color: #666666;font-size: 1.6rem;line-height: 1.7}
#about.index .factory{width: 100%;padding-bottom: 100px;position: relative}
#about.index .factory .bg-font{position: absolute;width: 100%;height: 100%;font-size: 30rem;font-weight: bold;color: #999;opacity: 0.1;text-align: center;overflow: hidden;display: flex;justify-content: center;}
#about.index .factory .swiper{padding-bottom: 50px}
#about.index .factory .swiper-slide{height: 500px;}
#about.index .factory .swiper-slide.swiper-slide-prev{left: -10%;}
#about.index .factory .swiper-slide.swiper-slide-next{right: -10%;}
#about.index .factory .swiper-slide.swiper-slide-active .img{width: 150%;margin-left: -25%;}
#about.index .factory .swiper-slide .img{width: 100%;height: 100%;border-radius: 20px;overflow: hidden}
#about.index .factory .swiper-pagination-bullet{background: #999}
#about.index .factory .swiper-pagination-bullet-active {background: var(--color-primary);}
#about.index .factory .swiper-slide .cover{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;align-items:flex-end;justify-content:flex-start;background:linear-gradient(to bottom,transparent,rgb(0 0 0 / 44%));border-radius: 20px;overflow: hidden}
#about.index .factory .swiper-slide .cover span{position:relative;padding:0 0 42px 37px;box-sizing:border-box;color:#fff;font-size: 2.4rem}
#about.index .factory .swiper-slide .cover .view{width: 60px;height: 60px;position: absolute;right: 0;bottom: 0;background: var(--color-primary);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.5s;}
#about.index .factory .swiper-slide .cover .view img{width: 40%}
#about.index .factory .swiper-slide.swiper-slide-active .cover{width: 150%;margin-left: -25%;}
#about.index .factory .swiper-slide.swiper-slide-active:hover .cover .view{opacity: 1}
#about.index .following{background: url("/static/img/index/3.jpg") no-repeat center;background-size: cover;height: 280px;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden}
#about.index .following .title{color: #fff;padding:0 0 10px;font-size:3.6rem }
#about.index .following .desc{font-size: 2rem;color: #8a8798;font-weight: 400;margin-bottom: 40px}
#about.index .following .btn{display: flex;justify-content: center;align-items: center;width: 220px;height: 48px;}
#about.index .following .btn img{height: 40%;margin-right: 20px}

#service.index .title{font-size: 4.2rem;color: #4A4C4A;text-align: center;padding:58px 0 52px }
#service.index .content{margin-bottom: 87px}
#service.index .content .item{display: flex;height: 430px}
#service.index .content .item .txt,
#service.index .content .item .img{width: 50%}
#service.index .content .item:nth-of-type(2n){flex-direction: row-reverse;}
#service.index .content .item .txt{background:#F5F5F5;display: flex;justify-content: center;align-items: center;position: relative}
#service.index .content .item .txt .con{width:80%;font-size: 2rem;line-height: 1.75;color: #4A4C4A}
#service.index .content .item .txt .t{position: absolute;right:20px;top:20px;font-size:7.2rem;color:#ddd}

#business.index{background: #F5F5F5}
#business.index .content{padding-top: 40px;display: flex;flex-direction: row;justify-content: space-between;}
#business.index .classify{width: 260px;}
#business.index .classify .t{width:100%;height: 87px;background: var(--color-primary);line-height: 87px;padding-left: 30px;box-sizing: border-box;font-size: 2rem;color: #fff}
#business.index .classify a{color: #4A4C4A}
#business.index .classify .menu li a{font-size: 2rem;height: 87px;line-height: 87px;padding-left: 31px;background: #fff;display: block}
#business.index .classify .menu li > a{margin-bottom: 10px;font-weight: bold}
#business.index .classify .menu li.on > a{color: var(--color-primary)}
#business.index .content .detail{font-size: 1.6rem;padding-bottom: 100px;width: 100%;flex: 1;padding-left: 40px;}
#business.index .content .detail img{max-width: 100%}
#business.index .content .detail .title{font-size: 4.2rem;color: #4A4C4A;text-align: center;padding:0 0 52px }

#news.index .title{font-size:4.2rem;color: #4a4a4a;padding: 14px 0 51px;font-weight: 400;text-align: left }
#news.index .top{padding-bottom: 70px;position: relative;margin-bottom: 57px;}
#news.index .top .img-box{width: 80%;height: 600px;overflow: hidden;}
#news.index .top .img-box .img{width: 100%;height: 100%}
#news.index .top .box{width: 40%;background: #f5f5f5;position: absolute;right: 0;bottom: 0;padding: 68px 48px 54px;box-sizing: border-box;display: block}
#news.index .top .box .t{font-size: 2.4rem;color: #4a4a4a;font-weight: 400;line-height:1.75;-webkit-line-clamp: 2;}
#news.index .top .box .desc{-webkit-line-clamp: 3;color: #666;font-size: 1.6rem;line-height:1.75;padding: 33px 0 60px;box-sizing: border-box;height: 180px}
#news.index .top .box .info{display: flex;justify-content: space-between;align-items: center;}
#news.index .top .box .info .date{font-size: 1.6rem;color: #999;display: flex;font-weight: bold}
#news.index .top .box .info .date img{width: 20px;margin-right: 10px}
#news.index .top .box .info .img{width: 28px;height: 28px;background: url("/static/img/news/arrow-right.png") no-repeat center;background-size: contain;transition: all 0.5s}
#news.index .top .box:hover .img{background-image: url("/static/img/news/arrow-right-active.png")}
#news.index .list{border-top: 1px solid #ddd;padding-top: 30px}
#news.index .list .item{display: flex;width: 100%;border-bottom: 1px solid #ddd;padding-bottom: 30px}
#news.index .list .l{width: 75%;padding-right: 50px;box-sizing: border-box;}
#news.index .list .l .time{font-size: 1.6rem;color: #999;font-weight: bold}
#news.index .list .l .t{font-size: 2rem;font-weight: bold;line-height: 1.5;padding: 35px 0 22px;transition: all 0.5s}
#news.index .list .l .desc{font-size: 1.6rem;color: #4a4a4a;line-height: 1.5;-webkit-line-clamp: 3;}
#news.index .list .l .more{color: #999;font-size: 1.4rem;padding-right: 40px;box-sizing: border-box;background: url("/static/img/news/arrow-right.png") no-repeat right;display: inline-block;margin-top: 53px;transition: all 0.5s}
#news.index .list .r{width: 25%;height: 235px;overflow: hidden}
#news.index .list .r .img{width: 100%;height: 100%}
#news.index .list .item:hover .t{color: var(--color-primary)}
#news.index .list .item:hover .more{color: var(--color-primary);background-image: url("/static/img/news/arrow-right-active.png")}
#news.index .pagination{padding: 56px 73px}

#news.detail{background: #F5F5F5}
#news.detail .classify-name{font-size:4.2rem;color: #4a4a4a;font-weight: 400;padding: 14px 0 48px }
#news.detail .main{display: flex;justify-content: space-between;padding-bottom: 90px}
#news.detail .main .content{width:calc(75% - 30px);background: #fff;padding: 70px 66px 56px 71px;box-sizing: border-box;height: max-content;}
#news.detail .main .content .title{color: #4a4a4a;font-size: 3rem;font-weight: bold;}
#news.detail .main .content .info{padding:40px 0 42px;display: flex;align-items: center;color: #999;font-size: 1.6rem;border-bottom: 1px solid #ddd}
#news.detail .main .content .info .time{display: flex;align-items: center;font-weight: bold}
#news.detail .main .content .info .time img{margin-right: 10px;width: 20px}
#news.detail .main .content .info .share-wrap{margin-left: 30px;}
#news.detail .main .content .info .share-wrap .item{background-color: #ddd}
#news.detail .main .content .info .share-wrap .item:hover{background-color: #55207D}
#news.detail .main .content .detail{padding: 38px 0 56px;font-size: 1.6rem;border-bottom: 1px solid #ddd}
#news.detail .main .content .detail img{max-width: 100%}
#news.detail .main .content .foot-operation{display: flex;flex-direction: column;padding-top: 30px;font-size: 1.6rem}
#news.detail .main .content .foot-operation a{padding: 6px}
#news.detail .main .content .foot-operation a span{padding-left: 32px}
#news.detail .main .content .foot-operation a:hover{color: var(--color-primary)}
#news.detail .main .hot{width: 25%;height: max-content;}
#news.detail .main .hot .item{background: #fff;margin-bottom: 15px;padding: 37px 39px 37px 17px;box-sizing: border-box;display: block}
#news.detail .main .hot .item.title{font-weight: bold;font-size: 20px;color: #4A4C4A;;position: relative}
#news.detail .main .hot .item.title:before{content: '';width: 3px;height: 30%;position: absolute;left: 0;top: 35%;background: var(--color-primary)}
#news.detail .main .hot .item .title{font-size: 1.6rem;color: #4a4a4a;line-height: 1.5;padding-bottom: 29px;-webkit-line-clamp: 2;font-weight: bold}
#news.detail .main .hot .item .desc{font-size: 1.4rem;color: #999;line-height: 1.75;-webkit-line-clamp: 2;}
#news.detail .main .hot .item .time{font-size: 1.4rem;color: #999;padding-top: 20px}
#news.detail .main .hot .item:last-of-type{margin-bottom: 0}
#news.detail .main .hot .item:hover .title{color: var(--color-primary)}

#contact.index{background: #F5F5F5}
#contact.index .title{font-size: 4.2rem;color: #4A4C4A;text-align: center;padding:58px 0 52px}
#contact.index .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
#contact.index .list .item{width: calc(50% - 10px);display: flex;background: #fff;margin-bottom: 25px}
#contact.index .list .item .img{width: 30%;height:346px;}
#contact.index .list .item .con{width: 70%;display: flex;flex-direction: column;justify-content: space-around;padding-left: 30px;box-sizing: border-box;color: #4a4a4a}
#contact.index .list .item .con .city{font-size: 3rem;}
#contact.index .list .item .con .address{font-size: 2rem;;padding-bottom: 60px}
#contact.index .list .item .con .tel{font-size: 2rem;display: flex;align-items: center;}
#contact.index .list .item .con .tel img{margin-right: 13px}
#contact.index .waist{height: 400px;width: 100%;background: url("/static/img/contact/waist.png") no-repeat center;background-size: cover}
#contact.index .waist .container{display: flex;justify-content: center;align-items: center;height: 100%}
#contact.index .waist .container .item{background: #fff;border-radius: 10px;overflow: hidden;margin: 0 20px;padding: 10px;}
#contact.index .waist .container .item p{text-align: center;color:#333333;font-size: 1.6rem;padding: 0 0 5px}
#contact.index .message{background: url("/static/img/contact/bg.png") no-repeat center;background-size: cover;padding-bottom:80px;}
#contact.index .message .title{text-align: center}
#contact.index .message ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#contact.index .message ul li{width: calc(50% - 20px);margin-bottom: 20px}
#contact.index .message ul li .title{display: none}
#contact.index .message ul li .input{width: 100%;height: 60px;background:#DBDBDB;border: none}
#contact.index .message ul li:nth-of-type(5){width:100%}
#contact.index .message ul li:nth-of-type(5) .input{height: 242px;padding: 20px 0;box-sizing: border-box;}
#contact.index .message ul li .input-wrap{background-color:#DBDBDB;padding-left: 50px;box-sizing: border-box;background-position: 20px center;background-repeat: no-repeat}
#contact.index .message ul li:nth-of-type(1) .input-wrap{background-image: url("/static/img/contact/icon-1.png")}
#contact.index .message ul li:nth-of-type(2) .input-wrap{background-image: url("/static/img/contact/icon-2.png")}
#contact.index .message ul li:nth-of-type(3) .input-wrap{background-image: url("/static/img/contact/icon-3.png")}
#contact.index .message ul li:nth-of-type(4) .input-wrap{background-image: url("/static/img/contact/icon-4.png")}
#contact.index .message ul li:nth-of-type(5) .input-wrap{background-image: url("/static/img/contact/icon-5.png");background-position: 20px 20px;}
#contact.index .message .btn-box{display: flex;justify-content: flex-start;flex-direction: row-reverse;}
#contact.index .message .btn-box .btn{height: 48px;line-height: 48px;font-size: 1.6rem}
#contact.index .message .btn-box .submit{margin-right:32px;background-image: url("/static/img/btn-arrow.png");background-repeat: no-repeat; background-position: 85% center;background-size: 20%;}
#contact.index .message .btn-box .reset{background: #fff;color: #666666}
#contact.index .following{background: url("/static/img/index/3.jpg") no-repeat center;background-size: cover;height: 280px;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden}
#contact.index .following .title{color: #fff;padding:0 0 10px;font-size:3.6rem }
#contact.index .following .desc{font-size: 2rem;color: #8a8798;font-weight: 400;margin-bottom: 40px}
#contact.index .following .btn{display: flex;justify-content: center;align-items: center;width: 220px;height: 48px;}
#contact.index .following .btn img{height: 40%;margin-right: 20px}