@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{ -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;}



.p-0 {padding: 0 !important;}
.px-0 {padding-right: 0 !important;padding-left: 0 !important;}
.px-5 {padding-right: 3rem !important;padding-left: 3rem !important;}
.px-6 {padding-right: 6rem !important;padding-left: 6rem !important;}
.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}

.m-0 {margin: 0 !important;}
.mx-0 {margin-right: 0 !important;margin-left: 0 !important;}
.mx-5 {margin-right: 3rem !important;margin-left: 3rem !important;}
.mx-6 {margin-right: 5rem !important;margin-left: 5rem !important;}
.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.my-1 {margin-top: 1rem !important;margin-bottom: 1rem !important;}
.my-2 {margin-top: 2rem !important;margin-bottom: 2rem !important;}
.mt-0{margin-bottom: 0!important;}

.pt-1{padding-top:1rem;}
.pt-2{padding-top:2rem;}
.pt-3{padding-top:3rem;}
.pt-4{padding-top:4rem;}
.pt-5{padding-top:5rem;}
.pt-6{padding-top:6rem;}

.clear{clear: both;}

/*hed*/
.navbar{margin-bottom:0px;background-color: #fff;border: none;z-index: 999;height: 68px;}
.nav_r{background: #04554C;}
.nav_r a{color: #fff!important;font-size: 18px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle{background-color: #04554C;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #04554C;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.nav_boot{text-align: center;}
.nav_boot button{background: none;border: 0px;text-align: center;width: 100%;outline: none;}
.nav_boot span{color: #696969;font-size: 3rem;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: transparent;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}


/*sbanner*/
.sbanner{overflow: hidden;padding:0;}
.sbanner img{display: inline-block;vertical-align: middle;transition: 1s linear 0s;width: auto;height: auto;max-height: 100%;max-width: 100%;margin-left: 0px;transform: scale(1);}
.sbanner img:hover{transform: scale(1.1);}


/*foot*/
footer{background: url(../images/foot_bg.jpg) no-repeat center center;color: #fff;}
.foot_list{padding-left: 6rem;}
.foot_list a{color:#fff;}
.foot_list p{font-size:16px;}
.foot_list li{display: block;font-size: 14px;line-height: 30px;margin-bottom: 0px;color: #fff;}
.foot_r{padding-left: 12rem;}
.foot_r .firm_name{font-size: 24px;font-weight: bold;}
.foot_r p a{color:#fff;}
.foot_tit{margin:0px;}
.foot_tit span{font-size:22px;}
.foot_bottom {border-top-color: rgba(255,255,255,.1);border-top-style: solid;border-top-width: 1px;}
.foot_bottom p a{color:#fff;}


@media (max-width: 768px) {
    .head_tel{display:none!important;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0px;}
    .nav_r{position: absolute;top: 100%;background: none!important;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{position: fixed;top: 68px;left: 0px;right: 0px;overflow: hidden;z-index: 999;background: rgba(0, 0, 0, 0.5);transition: all 0.5s ease 0s;height: 100%;padding: 0;}
    .navbar-nav{margin:0px;}
    .nav>li{background: rgba(0, 0, 0, 0.6);border-bottom: 1px solid #696969;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{    background-color: #0054A7;}
    .caret{float:right;}
    footer .pt-6{padding-top: 3rem;}
    .foot_list p{font-size: 16px;line-height: 50px;margin-bottom: 0;border-bottom: 1px solid rgba(255,255,255,0.1);background-size: 13px !important;
      background: url(../images/foot_r.png) no-repeat right center;}
    .foot_list{padding-left: 1rem;}
    .foot_r{padding-left: 2rem;}

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{background-color: #0054A7!important;}

    .foot_menu,.foot_menu1,.foot_menu2{display:none;}
    .foot_menu li,.foot_menu1 li,.foot_menu2 li{font-size: 13px;color: rgba(255,255,255,0.8);background: url(../images/foot_l.png) no-repeat left center;background-size: 3px auto;line-height: 36px;margin-bottom: 0;padding-left: 15px;}






.m_pro_b{position: fixed;top: 0;left: 100%;height: 100%;font-size: 0;background: #fff;z-index: 9999;width: 100%;transition: all 1s ease 0s;}
.m_an{text-align: center;position: relative;display: inline-block;width: 45px;height: 100%;vertical-align: top;background: #f5f8fa;}
.m_an span{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 40px;display: block;text-align: center;line-height: 40px;font-size: 30px;color: #7b8a96;padding: 0;}
.m_pro_b ul{display: inline-block;width: calc(100% - 45px)!important;}

.foot_bottom .px-6{padding-right: 2rem !important;padding-left: 2rem !important;}

}


@media screen and (min-width:992px) and (max-width:1200px){
  .navbar-nav>li>a{padding: 10px;font-size: 15px;margin: 15px 0px;}
  .navbar img{margin-top: 0px!important;}
 }

 @media screen and (min-width:769px) and (max-width:991px){
  .navbar img{margin-top: 0px!important;}
  .nav_boot{display: none!important;}
  .navbar{height: 70px;}
 }


@media (min-width: 1200px){
    .nav_r{padding: 7px 0px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;display: flex;justify-content: center;align-items: center;}
    .navbar-nav>li>a{margin: 10px 0px;line-height: 25px;}
    .navbar{position: absolute;top: 1%;z-index: 999;left: 10%;right: 10%;border-radius: 15px;transition: all .3s ease;overflow: unset;box-shadow: 0 3px 4px rgba(0,0,0,0.1);height: auto;}
    .navbar-collapse.collapse{padding: 0px;}
    .head_tel{position: relative;}
    .head_tel a{font-size: 21px;font-weight: bold;}
    .head_tel .xian{content: '';position: absolute;top: 0;bottom: 0;margin: auto;left: 0;background-color: rgba(255,255,255,0.5);height: 20px;width: 2px;}
    .head_tel span{line-height: 30px;height: 30px;width: 30px;text-align: center;border-radius: 50%;border: 1px solid #fff;display: inline-block;}
    .nav_r li:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: block;width: 0;height: 3px;background-color: #fff;opacity: 0;transition: all .5s ease;}
    .nav_r li a{position: relative;transition: all .5s ease;}
    .nav_r li:hover:before{opacity: 1;width: 75%;}
    .nav_r li:nth-child(1) a:after{content: "首页";}
    .nav_r li:nth-child(2) a:after{content: "关于我们";}
    .nav_r li:nth-child(3) a:after{content: "产品中心";}
    .nav_r li:nth-child(4) a:after{content: "新闻动态";}
    .nav_r li:nth-child(5) a:after{content: "客户案例";}
    .nav_r li:nth-child(6) a:after{content: "人力资源";}
    .nav_r li:nth-child(7) a:after{content: "联系我们";}
    .nav_r li a:after{position: absolute;top: 0;left: 0;transform: translateY(100%);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;}
    .nav_r li:hover a{transform: translateY(-100%);}
    .navbar-nav{overflow: hidden;}

    .nav_r .head_tel:before{display:none}
    .nav_r .head_tel:hover a{transform: none;}


}

@media (max-width: 1480px) {
  .head_tel{display:none!important;}
}