@charset "utf-8"; 
.logo{height:100%}
header{height:128px}
.fixhead{height:108px}
header>.container{height:calc(100% - 48px)}
.headtop{background:#eee}
header .container{max-width:1250px}
.headtop .container{height:48px;display:flex;align-items:center;justify-content:space-between}
.tcont{color:#000;display:flex}
.tcont i{font-size:18px}
.tcont a{color:#000}
.tcont a:hover{color:var(--color)}
.tshare{display:flex;padding-right:20px}
.tshare a{margin-left:12px;display:flex;color:var(--color);width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%}
.tshare a i{font-size:24px}
.tshare a:hover{background:var(--color);color:#fff}
body{padding-top:128px}
@media screen and (max-width:800px){header{height:calc(1rem + 48px)}
.fixhead{height:calc(1rem + 48px)}
body{padding-top:calc(1rem + 48px)}}
@media screen and (max-width:450px){header{height:calc(1rem + 38px)}
.fixhead{height:calc(1rem + 38px)}
body{padding-top:calc(1rem + 38px)}
header>.container{height:calc(100% - 38px)}
.headtop .container{height:38px}
.tshare a{margin-left:5px;width:25px;height:25px}
.tshare a i{font-size:20px}
.tshare{padding:0}}
@media (max-width:800px){.mobheadnav{top:1.6rem}}
.about-r-more{display:inline-block;background-color:#ededed;color:var(--color);text-align:center;padding:2% 7%;position:relative;margin-top:10px;text-transform:capitalize;margin-top:20px;z-index:9}
.about-r-more::before{content:'';display:block;position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color);transition:width .2s;z-index:-1}
.about-r-more:hover::before{width:100%}
.about-r-more:hover{color:#fff}
.our-more{display:block;background-color:#ededed;color:var(--color);text-align:center;padding:10px 40px;position:relative;margin-top:10px;text-transform:capitalize;z-index:9;margin:20px auto;width:180px}
.our-more::before{content:'';display:block;position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color);transition:width .2s;z-index:-1}
.our-more:hover::before{width:100%}
.our-more:hover{color:#fff}
header .container{position:relative}
#xyz{position:absolute;top:-37px;right:-90px}
.ind{background:#fff;padding-top:1px}
.ind h3{text-align:center;font-weight:600;font-size:24px;margin:20px auto}
.ind ul{max-width:1600px;margin:0 auto;padding:0 18px;display:flex;flex-wrap:wrap;justify-content:space-between}
.ind ul li{width:49%;list-style:none;border:1px solid #bdbdbd;margin-bottom:20px}
.ind ul li img{width:100%}
.ind ul li .info{padding:10px 20px}
.ind ul li .info span{font-weight:600;font-size:16px}
.ind ul li .info p{margin:0;margin-top:10px;font-size:14px;line-height:1.4;color:#666}
@media (max-width:768px){.ind ul li{width:100%}
.ind ul li .info{padding:10px}}
.cetslide{background:#fff}
#box{max-width:1600px;margin:0 auto;overflow:hidden;padding:0 18px;background:#fff;position:relative}
#box .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;margin:0 auto}
#box .content{text-align:center;padding-bottom:30px}
#box .content p{font-size:24px;font-weight:600;margin:20px auto}
#box .content a{border:1px solid #0a286b;color:#0a286b;padding:14px 20px;display:inline-block;text-decoration:none;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}
#box .content a:hover{background:#0a286b;color:#fff}
.procate{background:#fff}
@media (max-width:800px){#xyz{position:static!important}}
.floatwindow_fd_conct{top:55%!important}
@media (min-width:801px){.procate-list li:first-child{margin-left:30px}}
section.repro .home-tit{position:relative}
section.repro .home-tit a.rmore{position:absolute;font-size:15px;right:0;height:38px;background:var(--color);border:1px solid var(--color);color:#fff;display:block;line-height:36px;padding:0 20px;margin-top:-19px;top:50%;transition:.2s}
section.repro .home-tit a.rmore:hover{background:#fff;color:var(--color)}
@media (max-width:768px){section.repro .home-tit a.rmore{display:none}}
.foot-t .container{max-width:1200px}
.about-l{padding:0 .3rem}
.about-l::after{display:none}
#box{padding-top:30px}
.about-r-list i, .about-r-list em{color:#1964a8}