@charset "utf-8";
*{ font-family: "微软雅黑"; font-size: 14px; line-height: 1.8; margin: 0 auto; padding: 0px;}
ul,li,ol{ list-style: none;}
a{color: #666;}
a,a:hover,a:link,a:active,a:visited{ text-decoration: none;}
a:hover{color:#D72428;}
a{ -webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;outline: 0;cursor: pointer;}
img{ max-width: 100%; height: auto;}
em{font-style: normal;font-weight: normal;}
body{position: relative;}
.pull-left{float: left;}
.pull-right{float: right;}
.clear{clear: both;}


/*header*/
header{position: fixed;width: 100%;z-index: 999;}
header .navbar{padding: 0;border-bottom: 1px solid rgba(255,255,255,.3);}




/*footer*/
footer{text-align: center;background: #333333;color: white;position: relative;padding-top: 5rem;}
footer .ft{position: absolute;top: -65px;width: 100%;justify-content: center;display: flex;align-items: center;}
footer .ft .box{background: #D72428;width: 88%;justify-content: center;display: flex;align-items: center;padding: 10px 0px;}
footer .ft .box .ftbox{width: 33%;margin: 0;}
footer .ft .box .ftbox img{display: block;padding-top: 15px;padding-bottom: 5px;}
footer .ft .box .ftbox span{display: block;padding-bottom: 15px;}

footer .fin .text-center img{padding: 3rem 0rem;}
footer .fin ul li{text-align: left;}
footer .fin ul li h3{font-size: 15px;margin-bottom: 22px;}
footer .fin ul li a{display: block;}

footer .fin .box{text-align: center;width: 100%;justify-content: center;display: flex;align-items: center;padding: 3rem 0rem 2rem;}
footer .fin .box .btbox{margin: 0px 5px;position: relative;}
footer .fin .box .btbox img{border-radius: 10px;background: #545454;padding: 5px;cursor: pointer;transition: all .4s ease;}
footer .fin .box .btbox img:hover{background: #ababab;}
footer .fin .box .btbox .ewm{position: absolute;width: 100px;top: -105px;left: -30px;display: none;}
footer .fin .box .btbox .ewm img{border-radius: 0px;padding: 0;background: none;}
footer .fin .box .finbt1:hover .ewm{display: block;}

footer .fb{padding-top: 2rem;padding-left: 6%;padding-right: 6%;}
footer .fb p{margin: 0;border-top: 1px solid #808080;text-align: left;font-size: 12px;color: #808080;padding: 1rem 0rem;}

footer .ft .box .ftimg{justify-content: center;display: flex;align-items: center;border-left: 1px solid rgba(255,255,255,.3);border-right: 1px solid rgba(255,255,255,.3);}
footer .fin{padding: 0% 10%;}
footer .ft .box .ftimg .boxl div{float: left;margin: 0px 10px;width: 20%;}
footer .ft .box .ftimg .boxl div span{display: block;text-align: center;padding: 0;}




/*xuanfu*/
.toolbar {width: 130px;position: fixed;right: 0%;top: 40%;margin-top: -115px;z-index: 999;background-image: linear-gradient(-45deg, #29226C, #04d1ff);color: white;text-align: center;border-radius: 10px 0px 0px 10px;padding-top: 10px;}
.toolbar .kefu{width: 70px;}
.toolbar p{font-size: 16px;margin: 0;}
.toolbar .xian{border-bottom: 1px dashed white;width: 90%;margin: 10px auto;}

.toolbar .top{cursor: pointer;}
.toolbar .top i{font-size: 24px;line-height: 12px;}





@media (max-width: 767px) {
  .hidden-xs {display: none !important;}


  footer{padding-top: 0rem;}
  footer .fin .text-center img{padding: 2rem 0rem 0rem;}
  footer .fin .box{padding: 2rem 0rem 0rem;}

  header .Himg{background: url(../images/logo1.png) left center no-repeat;height: 65px;}
  .Hheight{height: 65px;}
  header{background: white;}
  header .container-fluid{padding: 0;}
  header .container-fluid .col-8{margin: 0;}
  header .navbar-light .navbar-toggler{margin-right: 15px;}
  header .container-fluid ul{padding: 0;margin: 0;text-align: center;background: #D72428;}
  header .container-fluid ul a{display: block;border-bottom:1px solid #ffffff47;font-size: 18px;color: white;padding: 5px 0px;margin: 0px 20px;}
  header .navbar{border-bottom: 1px solid rgb(183 183 183 / 33%);}




}

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

@media (min-width:992px){
  /*header*/
  header ul{display: flex;width: 100%;text-align: center;margin-bottom: 0;}
  header ul>li{float: left;}
  header ul>li>a{font-weight: bold;color: white;font-size: 16px;display: block;line-height: 65px;padding: 0px 12px;}
  header ul>li{position: relative;}
  header ul>li:after{content: "";width: 0;height: 3px;background: #e50007;position: absolute;left: 0;bottom: 0;display: block;transition: all .4s ease;}
  header ul>li:hover:after,header ul .Hclick:after{width: 100%;}

  header .Himg{background: url(../images/logo.png) left center no-repeat;height: 65px;}
  header:hover,.addto{background: white;}
  header:hover .navbar{border-bottom: none;}
  .addto .navbar{border-bottom: 1px solid rgba(0,0,0,.2);}
  header:hover .Himg,.addto .Himg{background: url(../images/logo1.png) left center no-repeat;}
  header:hover ul>li>a,.addto ul>li>a{color: #333;}
  .addto ul>li>a{line-height: 73px;}

  header .slide{background: rgba(0,0,0,.7);position: absolute;width: 100%;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, -10px, 0);-moz-transform: translate3d(0, -10px, 0);-webkit-transform: translate3d(0, -10px, 0);    padding: 45px 0px 70px;}

  
  header:hover .slide{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}


  header .slide .list a{display: block;color: rgba(255,255,255,.5);font-size: 14px;line-height: 1.3;margin-top: 10px;}
  header .slide .list a:hover{color: #D72428;}
  header .slide h3 span{display: block;font-size: 14px;color: rgba(255,255,255,.5);line-height: 1.3;}
  header .slide h3 a{font-weight: bold;line-height: 1.3;font-size: 16px;color: #fff;margin-bottom: 5px;padding-bottom: 15px;border-bottom: 1px solid #fff;display: inline-block;width: 90%;}


}

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

}

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

@media (min-width: 1400px){
  .container{max-width: 1720px;}
}