@charset "utf-8";

*{ font-family: "微软雅黑"; 
line-height: 1.8; 
margin: 0 auto; 
padding: 0px;}
ul,li,ol{ list-style: none;}
a,a:hover{color: #666;}
a,a:hover,a:link,a:active,a:visited{ text-decoration: none;}
em{font-style: normal;font-weight: normal;}
.clear{ clear: both;}
p{ margin: 0 auto; padding: 0px; }
img{max-width: 100%;height: auto;}
.clear-b{clear: both;}
.p-relative{position: relative;}


/**/
.headnavtop{position: relative;}
.navbar-nav li{position: relative;font-size:.8rem;}
.navbar-nav li a:after{content: '';bottom: 15px;position: absolute;display: block;width:0;height: 1px;background: #fff;transition: all .4s;}
.navbar-nav li :hover:after{width: 80%;}

.banner .swiper-slide img{width: 100%;}

/*悬浮*/
/* side */
.float-right-box {width: 210px;position: fixed;right: 30px;top: 79%;margin-top: -127px;background-color: #191919;z-index: 1000;transition: width 0.3s ease 0s;border-radius: 30px;overflow: hidden;}
.float-right-box:hover{overflow:inherit;}
.float-right-box .top-list:hover .stt{opacity:1;}
.float-right-box.on {width: 60px;}
.float-right-box .top-list {width: 100%;}
.float-right-box .top-list ul {width: 100%;padding:0;margin:0;}
.float-right-box .top-list li {width: 100%;position: relative;transition: background 0.3s ease 0s;height: 60px;}
.float-right-box .top-list a {display: block;width: 100%;}
.float-right-box .top-list .ico {display: inline-block;width: 60px;height: 60px;position: absolute;right: 0;top: 0;transition: background 0.3s ease 0s;z-index: 2;}
.float-right-box .top-list .ico1 {background: url(../images/xf1.png) no-repeat center;}
.float-right-box .top-list .ico2 {background: url(../images/xf2.png) no-repeat center;}
.float-right-box .top-list .ico3 {background: url(../images/xf3.png) no-repeat center;}

.float-right-box .top-list .stt {display: inline-block;font-size: 14px;line-height: 50px;color: #fff;transition: color 0.3s ease 0s;position: absolute;left: 28px;top: 0;z-index: 1;width: 222px;cursor: pointer;opacity: 0;}
.float-right-box .top-list .return-webtop .stt {font-weight: bold;}
.float-right-box .top-list li .weix {position: relative;}
.float-right-box .sidebox {position: absolute;right: 250px;top: 0;transition: all 0.1s ease 0s;width: 120px;z-index: 10;display: none;background: #191919;}
.float-right-box .sidebox img {width: 110px;height: 110px;display: block;margin: 5px auto;}
.float-right-box .top-list:hover li:first-child,.float-right-box .top-list:hover li:nth-child(2){border-bottom: 1px solid #666;}
.float-right-box .top-list li .stt:hover,.float-right-box .top-list li:hover .ico{opacity: .5;}

/*footer*/
footer{background: #111;}
footer h2{padding-bottom: 25px;margin-bottom: 15px;font: normal 14px/1 '微软雅黑';color: #fff;border-bottom: 1px solid #282828;}
footer p,footer a{line-height: 20px;font-size: 14px;color: rgba(255,255,255,.5);transition: all .5s ease-in-out;}
footer .ft{padding: 40px 0 40px;}
footer .Links{padding: 10px 0;border-top: 1px solid rgba(255,255,255,.1);}
footer .all,footer .Links a{font-size: 12px;color: rgba(255,255,255,.2);}
footer .bi-telephone-fill::before,footer .bi-geo-alt-fill::before{color: #fff;margin: 0px 10px;}
footer .all{padding: 10px 0px 20px;}
footer .all a{font-size: 12px;}

/*pages*/
.pages{text-align:center;}
.pages span,.pages a{padding: 5px 11px;margin: 0px 5px;color: #595959;}
.pages .current{background: #339ec1;color: #fff;padding: 5px 11px;}
.pages .disabled:hover,.pages a:hover{background: #339ec1;color: #fff;padding: 5px 11px;}

@media (max-width:767px) {
.hidden-xs {display: none!important;}
.Start{display: inherit;padding: 15px;}
.headnavtop .fall{position: fixed;top: 0px;z-index: 999;background: rgb(34, 34, 34);color: rgb(255, 255, 255);right: 0px;left:100%;padding: 8px 10px 8px 40px;transition: all 1s ease 0s;height: 100%;width: 65%;z-index: 1000;}
.shut{text-align: right;margin: 0;font-size: 40px;margin-left: 170px;}
.navbar-nav .glide a{color:white;font-size:18px;display: block;width: 100%;}
.headnavtop .bi-list::before{font-size: 18px;}
.navbar-nav li :hover:after{width: 0%;}
.about{padding: 65px 0px;}
.fall .navbar-nav{width: 100%;}
.navbar-nav li{width: 100%;}
}

@media (min-width:768px) and (max-width:991px) {
.hidden-sm {display: none!important}

.Start{display: inherit;padding: 15px;}
.headnavtop .fall{position: fixed;top: 0px;z-index: 999;background: rgb(34, 34, 34);color: rgb(255, 255, 255);right: 0px;left:100%;padding: 25px;transition: all 1s ease 0s;height: 100%;}
.shut{text-align: right;margin: 0;font-size: 40px;}
.navbar-nav .glide a{color:white;font-size:18px;display: block;width: 100%;}
.headnavtop .bi-list::before{font-size: 18px;}
.navbar-nav li :hover:after{width: 0%;}
.about{padding: 65px 0px;}

}
@media (min-width:992px) and (max-width:1199px){
.hidden-md {display: none!important}

}
@media (min-width:1200px) {
.hidden-lg {display: none!important;}

.px_5{padding-left:3rem!important;padding-right:3rem!important;}
.row .px_5 p{padding: 3.2px 0px;}

/*head*/
.navbar{z-index: 99;position: absolute;top: 0;left: 0;width: 100%;transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;-webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;-moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;padding-top:30px}
.navbar-nav li a{font-size: 15px;color: #fff;}

.headnavtop{ position: absolute; left:0; top:0; width:100%; transition: top .5s;z-index: 9999;}
.gizle {top: -90px;}
.sabit {top:0;z-index: 9999;}
.navbar .fall{display: flex!important;flex-basis: auto;}
.fall .navbar-nav{margin-right: 10px!important;}

}

@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1620px;}
    
}