*{margin: 0;padding: 0}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del,a:hover{text-decoration:none;}
sup,sub{vertical-align:baseline}
.bg-dark{padding:0 50px;height:86.78px;background-color:transparent!important;}
.scroHactive{background-color:rgba(0,0,0,.7)!important}
/* header*/
.navbar-brand{margin-bottom:20px;padding-top:0;padding-bottom:0;margin-right:0}
/**/
.navbar-toggler{padding:0 12px;width:50px;height:40px;outline: none!important;}
.navbar-toggler-icon{margin-top:-62px;margin-left:-3px;width:.4em;height:.4em}
/**/
.navbar-collapse{top:87px;left:0;padding:0 50px;width:100%}
.navbar-collapse .navbar-nav{margin:0 auto}
.navbar-collapse .navbar-nav .nav-link{width:23%;font-size:16px;margin:0 60px;padding:34px 0;display:block;transition:all .5s;color:#f1f1f1;box-sizing:border-box;border-top:2px solid transparent;}
.navbar-collapse .navbar-nav .active .nav-link,
.navbar-collapse .navbar-nav .nav-link:hover{border-top:2px solid #caa151;color:#caa151!important}
/**/
.navbar .serch{display:inherit}

/*search*/
.sersh-wrap{position:fixed;top:86.8px;z-index:99;display:none;width:100%;background:hsla(0,0%,100%,.2);flex-direction:row}
.sersh-wrap form{top:12px;right:11%;z-index:999;margin:10px 10% 10px auto;width:216px;border-radius:8px;font-size:0}
.sersh-wrap .search_input{padding:3px;width:100%;text-indent:10px;font-size:13px;line-height:27px}
.sersh-wrap .searchImg{position:absolute;top:0;right:11.8%;z-index:999;margin:10px 0;width:16px;height:calc(100% - 20px);background:url(../image/serch1.png) no-repeat 50%;background-size:16px auto}
.sousuo2{display: none;}
/*footer*/
.line-w{height: 20px;border-left: 1.2px solid #999;transform: rotate(155deg);width: 25px;overflow: hidden;margin-left: -18%;margin-top: 2%;}
.bottom-wrap{padding: 0 65px!important;background-color: #222;color: #fff;}
.bottom-wrap .boo-top{padding: 70px 0;border-bottom: 1px solid #393939;}
.bottom-wrap .boo-left p{color:#666;font-weight:700;font-size:16px}
.bottom-wrap .boo-left .bott_l > p{margin-bottom:32px}
.bottom-wrap .boo-left .bott_l > p img{max-width: 144px;}
.bottom-wrap .boo-left .bott_l .tongxin{width: 100%;display: flex;justify-content: flex-start;}
.bottom-wrap .boo-left .bott_l .tongxin p{width: 46px;height: 46px;text-align: center;line-height: 46px;border: 1px solid #666666;border-radius: 50%;}
.bottom-wrap .boo-left .bott_l .tongxin p:nth-child(1){margin-right: 20px;}
.bottom-wrap .boo-left .bott_l .tongxin p i{font-size: 26px;color: #666666;text-align: center;}
.bottom-wrap .boo-left .bott_r .web-img{display:inline-block;width: 145px;font-size: 14px;color: #cecece;line-height: 2}
.bottom-wrap .boo-left .bott_r .web-img img{width: 145px;}
.bottom-wrap .boo-left .bott_r .web-img + .web-img{margin-left: 15px;}
.bottom-wrap .bott_l,
.bottom-wrap .bott_r,
.bottom-wrap .wechat p{display:inline-block;vertical-align: middle;}
.bottom-wrap .wechat p{width:50px;height:50px;border:1px solid #666;border-radius:50%;text-align:center;line-height:50px}
.bottom-wrap .wechat p:nth-child(2){margin-left:6px}
.bottom-wrap .wechat p i{color:#666;font-size:26px;transition:all .3s}
.bottom-wrap .wechat p:hover i{color:#caa151;cursor:pointer}
/**/
.boo-mid>ul{display: flex;justify-content: space-around;border-left: 1px solid #393939;border-right: 1px solid #393939;flex-wrap: wrap;}
.nav-itema{display:flex;width:100%;border-right:1px solid #666;border-left:1px solid #666;justify-content:space-around;flex-wrap:wrap}
.nav-itema > li{margin-bottom:28px;color:#999;font-size:15px}
.nav-list li{height: 24px;transition:all .3s;margin: 16px 0}
.nav-list li a{color: #999999;font-size: 16px;}
.nav-list li:hover a{color:#caa151;cursor:pointer}
.nav-list li:nth-of-type(1){margin-top: 0;margin-bottom: 16px;}
.nav-list li:nth-of-type(1) a{font-size: 18px;color: #fff!important;margin-bottom: 16px;}
/**/
.boo-right{margin-top:20px;text-align:center}
.boo-right .botcenter p.call-we{font-size: 18px;color: #ffffff;margin-bottom: 16px;}
.boo-right .botcenter p:nth-child(2){margin-bottom:20px;height:40px;color:#666;font-size:26px}
.boo-right .botcenter p:nth-child(3){margin-top:20px;margin-bottom:20px;color:#666;font-size:16px}
.boo-right .botcenter p:nth-child(4){font-size: 14px;color: #fff;background-color: #caa151;text-align: center;width: 130px;height: 40px;line-height: 40px;border-radius: 20px;}
.boo-right .botcenter .line-woker{margin:0 auto;width:130px;height:40px;border-radius:20px;background-color:#caa151;color:#fff;text-align:center;font-size:14px;line-height:40px}
/*copy*/
.copy{margin:0 auto;border-top:1px solid #333;color:#f1f1f1;font-size:14px;overflow: hidden;padding: 50px 0;}
.copy p:first-child{float:left}
.copy p:nth-child(2){float:right}
.copy p{font-size: 14px;color: #f1f1f1;margin: 0;}
.copy p:nth-child(2) img{max-width:20px;}
.copy a {color:inherit}
.copy a + a{padding-left: 10px;}
.copy a:hover{color: #fff;}
.member{color: transparent!important;}
.member:hover{color: inherit!important;}
.backTop{position: fixed;right: 30px;bottom: -100px;z-index: 3333;transition: all .5s;cursor: pointer}
.backTop.showme{bottom: 30px;}
.backTop span{display: block;width: 60px;height: 60px;font-size: 30px;text-align: center;background: #caa151;color: #fff;}

@media screen and (max-width:1366px){
    .bottom-wrap .bott_l{display: none}
}
@media screen and (max-width:1024px){
    .navbar-collapse .navbar-nav .nav-link{margin: 0 41px;padding: 25px 0;width: 31%;}
    .bottom-wrap .bott_r{display: flex}
    .bottom-wrap .boo-left .bott_r .web-img{width: 130px}
    .bottom-wrap .boo-left .bott_r .web-img img{width: 100%}
    .nav-list li:nth-of-type(1){margin-bottom: 8px}
    .nav-list li{margin: 8px 0}
    .boo-right{margin-top: 0}
    .boo-right .botcenter p:nth-child(2){margin-bottom: 8px}
    .boo-right .botcenter p:nth-child(3){opacity: 0}
    .boo-right .botcenter p.call-we,
    .boo-right .botcenter p:nth-child(2){text-align: left}
}
@media screen and (max-width:768px){
    .navbar-collapse .navbar-nav .nav-link{margin: 0 20px;width: inherit;}
    .navbar-brand{margin: 0;padding: 0}
    .navbar-brand img{height: 30px;margin-top: -24px;}
    .navbar-collapse{padding: 0px;top: 66px;left: 0;width: 100%;}
    .bg-dark{height: 66px;background: rgba(51, 51, 51, 1);padding: 0 20px}

/*    */
    .bottom-wrap{padding: 0 13.5%!important;}
    .bottom-wrap .boo-left .bott_l > p.xdwdP,
    .bottom-wrap .boo-left .bott_l .tongxin,
    .bottom-wrap .bott_r {display: none;}
    .boo-mid>ul{border: none;margin-top: 40px;justify-content: space-between;}
    .bottom-wrap .boo-left .bott_l > p img{max-width: 100%;height: 40px}
    .boo-right{text-align: left}
    .boo-right .botcenter p:nth-child(2),
    .boo-right .botcenter p:nth-child(3){margin: 0}
    .boo-right .botcenter p:nth-child(3){display: none}
    .boo-right .botcenter p:nth-child(4){float: right;margin-top: -46px}
    .copy{height: auto;text-align: center;padding: 12px 0;}
    .copy p{float: none!important;line-height:35px;color: rgb(153,153,153)}
    .member{display: none}
    .backTop{right: 10px}
    .backTop span{width: 30px;height: 30px}
    .backTop span svg{width: 30px;height: 30px;vertical-align: text-top}

}
@media screen and (max-width:440px){
    .serch{position: absolute;right: 3%;}
    .sousuo1{display: none}
    .sousuo2{display: block;width: 22px;height: 21px;}
    .bg-dark{height: 66px;background: rgba(51, 51, 51, 1)!important;}
    .navbar-brand{padding-top: 0;padding-bottom: 0;margin: 0 auto;;}
    .navbar-brand img{height: 30px;margin-top: -24px;}
    .navbar-collapse{padding: 0;top: 66px;left: 0;width: 100%;position: absolute;height: 100vh;background: rgba(0, 0, 0, .8);animation: sysDiv .5s linear 1;}
    @keyframes sysDiv{
        0%{opacity: 0;-webkit-transform: translateX(100%);transform: translateX(100%);transition: 0.7s;-webkit-transition: 0.7s;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
        100%{opacity: 1;-webkit-transform: translateX(0%);transform: translateX(0%);transition: 0.7s;-webkit-transition: 0.7s;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
    }
    .navbar-collapse .navbar-nav{height: 100vh;}
    .navbar-collapse .navbar-nav .nav-link{margin: 0 3% !important;width: 94%;color: #ffffff !important;padding: 25px 0;border-bottom: 1px solid #474747;}
    .navbar-collapse .navbar-nav .active .nav-link, .navbar-collapse .navbar-nav .nav-link:hover{border-top: 0;}


    .navbar-toggler{position: absolute;left: 0;border: none;background: url(../image/navxiala.png) no-repeat center center;background-size: 50%;}
    .navbar-toggler.active{background: url(../image/navclose.png) no-repeat center center;background-size: 45%;}

    .bottom-wrap{padding: 0 25px!important;}
    .bott-nav-left{text-align: center}
    .bott-nav-midd,.bott-nav-right{display: none}
    .bottom-wrap .boo-top{padding: 20px 0}
    .bottom-wrap .boo-left .bott_l > p{margin-bottom: 0}
    .copy{margin-left: -15px;margin-right: -15px}
    .copy p{line-height: 1.75;font-size: 14px;text-align: center}
    .copy p + p a{display: block}
}