.site-top{background:#000;color:#fff;padding: 15px 0;position: relative;z-index: 9;}
.site-top .wp{display:flex;justify-content: space-between;}
.site-top .wp span a{margin-right: 15px;}
.site-top .wp span a i{font-size: 18px;margin-right: 5px;}


.video-bg {position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
.video-bg video {position:absolute;top:0;left:50%;transform:translateX(-50%);width:100% !important;height:100% !important;object-fit:cover;}

/*顶部*/
.head-top-guanxiang {position:relative;z-index:15;width:100%;height:85px;background:#000000;border-bottom:0px solid #E6e6e6;}
.head-top-guanxiang .wp{height:100%;display:flex;justify-content:space-between;align-items:center;}

.head-top-guanxiang .head-fl img {height:50px;}
                                                                       
.head-top-guanxiang .head-fl{display: flex;align-items: center;}
.head-top-guanxiang .head-fl p{color:#f7931e;margin-left:-231px;font-size:15px;margin-top: 84px}                                                                       

.head-top-guanxiang .head-fr{display:flex;align-items:center;}

.lang-show-guanxiang{position:relative;margin-left:15px;}
.lang-show-guanxiang .show-current{height:32px;padding:0 10px;cursor:pointer;border-radius:6px;background:rgba(255,255,255,0.24);display:flex;align-items:center;}
.lang-show-guanxiang .show-current img {height:16px;}
.lang-show-guanxiang .show-current span{margin:0 7px;line-height:16px;font-size:13px;color:#fff;text-transform:uppercase;}
.lang-show-guanxiang .show-current i{line-height:16px;font-size:16px;color:#fff;}

.lang-show-guanxiang .lang-hide{width:200px;padding:15px;position:absolute;right:0;top:42px;z-index:200;background:#fff;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);opacity:0;visibility:hidden;transition:all .4s ease 0s;box-shadow:0 0 10px rgba(63,62,62,0.2);}
.lang-show-guanxiang .lang-hide::before{content:'';position:absolute;right:37px;top:-8px;overflow:hidden;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;display:block;}
.lang-show-guanxiang .lang-hide ul{max-height:160px;overflow-y:scroll;padding:5px 10px;border:1px solid #e5e5e5;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.lang-show-guanxiang .lang-hide ul li{line-height:20px;padding:5px 0;border-bottom:1px solid #f5f5f5;width:50%;}
.lang-show-guanxiang .lang-hide ul li:last-child{border:none;}
.lang-show-guanxiang .lang-hide ul li a{color:#333;font-size:14px;display:block;}
.lang-show-guanxiang .lang-hide ul li a:hover{color:var(--active-color);}
.lang-show-guanxiang .lang-hide ul li img{vertical-align:middle;margin-right:7px;}

.lang-show-guanxiang:hover .lang-hide{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}

.head-top-guanxiang .head-fr > span{width:40px;height:40px;line-height:40px;text-align:center;color:#fff;cursor:pointer;display:none;}
.head-top-guanxiang .head-fr > span i{font-size:24px;}


.header-height-guanxiang {height:90px;}
.header-height-guanxiang .header-guanxiang {position:relative;width:100%;height:90px;background:#000000;z-index:10;font-size:0;box-shadow:1px 2px 10px 2px rgba(0,0,0,0.08);}
.fixed {position:fixed !important;top:0;z-index:10 !important;}
.header-height-guanxiang .wp{height:100%;display:flex;justify-content:space-between;align-items:center;}

.header-height-guanxiang .head-nav-guanxiang{}
.header-height-guanxiang .head-nav-guanxiang ul {width:100%;}
.header-height-guanxiang .head-nav-guanxiang li {position:relative;display:inline-block;}
.header-height-guanxiang .head-nav-guanxiang li+li{margin-left:70px;} 
.header-height-guanxiang .head-nav-guanxiang li h3{border-bottom:1px solid transparent;}
.header-height-guanxiang .head-nav-guanxiang li h3.down {padding-right:20px;background:url(./pics/down.png) no-repeat right 7px;transition:.3s all;}
.header-height-guanxiang .head-nav-guanxiang li a {display:block;padding:0 2px 3px;font-size:16px;}
.header-height-guanxiang .head-nav-guanxiang li h3 a {color:#fff;}
.header-height-guanxiang .head-nav-guanxiang li h3 a:hover {text-decoration:none;}
.header-height-guanxiang .head-nav-guanxiang li h3:hover,.head-nav-guanxiang li h3.current {border-bottom:1px solid #7490c4;}
.header-height-guanxiang .head-nav-guanxiang li h3 a:hover,.head-nav-guanxiang li h3.current a{color:#7490c4;}
.header-height-guanxiang .head-nav-guanxiang li h3.down:hover,.head-nav-guanxiang li h3.down.current {background:url(./pics/downs.png) no-repeat right 7px;}
.header-height-guanxiang .nav-slidedown {position:absolute;width:260px;top:47px;left:0;padding:0px 20% 18px 20%;background:#fff;text-align:left;z-index:2;box-shadow:2px 3px 6px 2px rgba(0,0,0,0.1);transform: rotate3d(1, 0, 0, -90deg);-webkit-transform: rotate3d(1, 0, 0, -90deg);-o-transform: rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;transition: transform 0.5s, opacity 0.3s;-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;}
.header-height-guanxiang .head-nav-guanxiang > ul li:hover > .nav-slidedown {-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;transform: rotate3d(0, 0, 0, 0);-webkit-transform: rotate3d(0, 0, 0, 0);-o-transform: rotate3d(0, 0, 0, 0);}

.header-height-guanxiang .head-nav-guanxiang li .nav-slidedown a {height:auto;padding-top:18px;font-size:15px;color:#333;}
.header-height-guanxiang .head-nav-guanxiang li .nav-slidedown a:hover {color:var(--color-primary);}

.header-height-guanxiang .header-guanxiang .href {margin-top:22px;}
.header-height-guanxiang .href a,.mobile-height-guanxiang .href a {display:inline-block;padding:14px 48px;background:var(--color-primary);font-size:15px;color:#fff;}
.header-height-guanxiang .href a:hover,.mobile-height-guanxiang .href a:hover {background:#2054b5;text-decoration:none;}


.header-height-guanxiang .head-searchbg form{display:flex;align-items:center;}
.header-height-guanxiang .head-searchbg input{width:200px;height:34px;line-height:34px;padding:0 15px;font-size:14px;color:#333;background:#fff;border-radius:50px 0 0 50px;overflow: hidden;}
.header-height-guanxiang .head-searchbg button{width:44px;height:34px;line-height:34px;text-align:center;background:#3D3D3D;border-radius:0 50px 50px 0;display:block;cursor:pointer;}
.header-height-guanxiang .head-searchbg button i{font-size:20px;color:#fff;}


.nav {display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
.nav > ul {font-size: 0;text-align: center;}

.nav > ul > li{display:inline-block;position:relative;margin:0 22px;}
.nav > ul > li > a{display:block;font-size:16px;color:#fff;padding:0 5px;height:30px;line-height:30px;text-align:center;position:relative;}
.nav > ul > li > a i{color:#fff;display:inline-block;font-size:14px;vertical-align:middle;transition:all 0.3s ease 0s;}
.nav > ul > li ul{position:absolute;width:260px;height:auto;left:0;text-align:left;top:44px;z-index:1000;border-radius:4px;padding:10px;background:#fff;box-shadow:rgba(0,0,0,0.14)0 0 9px 0px;transform:rotate3d(1,0,0,-90deg);-webkit-transform:rotate3d(1,0,0,-90deg);-o-transform:rotate3d(1,0,0,-90deg);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0;-khtml-opacity:0;-moz-opacity:0;opacity:0;transition:transform 0.5s,opacity 0.3s;-webkit-transition:-webkit-transform 0.5s,opacity 0.3s;}
.nav > ul > li > ul::before{content:"";position:absolute;left:40px;margin:0;top:-8px;overflow:hidden;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;}
.nav > ul > li > ul li{border-bottom:1px solid #ededed;position:relative;-webkit-text-stroke-width:0.2px;}
.nav > ul > li > ul li:last-child{border-bottom:none;}
.nav > ul > li > ul li > a {display: block;border-radius: 4px;padding: 9px 15px; color: #313131;font-size: 15px;line-height: 21px;text-transform: capitalize;}
.nav > ul > li > ul > li > a {padding-right: 20px;}
.nav > ul > li > ul li > a i {position: absolute;right: 10px;top: 10px;font-size: 11px;}
.nav > ul > li > ul li > a:hover {color: var(--color-primary);}
.nav > ul > li > ul li ul {right: 0; left: 251px;top: 0;}
.nav > ul > li:hover > a > i { transform: rotate(180deg); -o-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.nav ul li:hover > ul { -moz-opacity: 1;-khtml-opacity: 1;opacity: 1;transform: rotate3d(0, 0, 0, 0); -webkit-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0);}
.nav > ul > li > a:hover,.nav > ul > li.current > a {border-bottom:1px solid #7490c4;color:#7490c4;}

/*手机端导航*/


.mobile-height-guanxiang {display:none;height:60px;}
.mobile-height-guanxiang .mobile-nav-guanxiang {display:none;width:100%;height:60px;background:#000;z-index:999;box-shadow:0 0 25px 0 rgba(0,0,0,0.1);}
.mobile-height-guanxiang .m-navico-guanxiang {/* line-height: 40px; */cursor: pointer;}
.mobile-height-guanxiang .m-navico-guanxiang img {width:22px;}
.m-navlist-guanxiang {position:fixed;left:-80%;top:0;bottom:0;width:76%;padding:0 0 20px 0;background:#fff;box-shadow:1px 2px 8px 3px rgba(0,0,0,0.2);z-index:999;}
.m-navlist-guanxiang  h1 {padding:20px;font-size:24px;background-color:#000;}
.m-navlist-guanxiang h1 img {width:130px;}
.m-navlist-guanxiang h1 span {float:right;font-size:40px;color:#999;font-weight:100;line-height:40px;opacity:0.8;cursor: pointer;}
.m-navlist-guanxiang .m-navlistcon {margin-left:20px;}
.m-navlist-guanxiang .m-navlistcon ul {display:none;}
.m-navlist-guanxiang .m-navlistcon span {display:block;border-bottom:1px solid #dedede;overflow:hidden;}
.m-navlist-guanxiang .m-navlistcon span a {display:inline-block;width:70%;padding:15px 0;font-size:16px;color:#000009;float:left;}
.m-navlist-guanxiang .m-navlistcon span a.on,.m-navlist-guanxiang .m-navlistcon li a.on {color:var(--color-primary);}
.m-navlist-guanxiang .m-navlistcon span i {text-align:right;width:24%;float:right;padding:15px 6% 15px 0;}
.m-navlist-guanxiang .m-navlistcon ul li {margin-left:20px;border-bottom:1px solid #dedede;}
.m-navlist-guanxiang .m-navlistcon ul li a {display:block;padding:15px 0;font-size:15px;color:#333;}
.m-navlist-guanxiang .m-navlistcon ul li a b {padding-left:10px;}
.m-navlist-guanxiang .m-navlistcon .xla-three {border-top:1px solid #dedede;padding-left:20px;}
.mobile-height-guanxiang .m-navtap {padding-left:6%;}
.mobile-height-guanxiang .m-navtap,.m-navcenter {float:left;}
.mobile-height-guanxiang .m-navcenter {width: 70%;/* margin-top:13px; */padding-left:36px;/* text-align:center; */}
.mobile-height-guanxiang .m-navcenter img {width:110px;}
.mobile-height-guanxiang .m-navright {/* float:right; */width: 20%;}
.mobile-height-guanxiang .m-navright .href a {/* margin-top:12px; *//* margin-right:20px; *//* padding:12px 12px; */font-size:12px;}



/*询盘*/
.cd-popup.is-visible {opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s,visibility 0s 0s;-moz-transition:opacity 0.3s 0s,visibility 0s 0s;transition:opacity 0.3s 0s,visibility 0s 0s;}
.cd-popup {display:block;position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s,visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s,visibility 0s 0.3s;transition:opacity 0.3s 0s,visibility 0s 0.3s;z-index:1000;}
.cd-popup .div_info {position:absolute;top:120px;left:50%;margin-left:-15%;float:none;max-height:80%;overflow:auto;}
.cd-popup .div_info {width:30%;padding:55px;background:#fff;box-shadow:2px 3px 10px rgba(0,0,0,0.1);}
.cd-popup .div_info h3 {padding-bottom:20px;font-size:28px;color:#333;line-height:24px;letter-spacing:1px;}
.cd-popup .div_info input,.cd-popup .div_info textarea {display:block;width:100%;height:62px;margin:0 auto;margin-top:20px;padding-left:30px;font-size:16px;border:none;background:#fafafa;border:1px solid #eee;outline:none;}
.cd-popup .div_info button {width:100%;height:66px;font-size:15px;color:#fff;background:#2054b5;margin-top:36px;border:none;outline:none;letter-spacing:1px;font-family:'Montserrat-Bold';-webkit-transition:.3s all;-moz-transition:.3s all;-ms-transition:.3s all;transition:.3s all;}
.cd-popup .div_info button:hover {background:#344462;cursor:pointer;}
.cd-popup .div_info textarea {height:197px;padding:20px 30px 20px 30px;line-height:30px;}
.cd-popup .cd-popup-close {position:absolute;right:7%;top:41px;font-size:42px;color:#999;}
.cd-popup .cd-popup-close:hover {text-decoration:none;}
.cd-popup .crmFormVali-error {color:#a94442;font-size:12px;line-height:1;position:absolute;right:20px;top:calc(50% - 6px);}
.cd-popup .input-position {position:relative;}

@media screen and (max-width:1580px) {

.cd-popup .div_info {width:46%;}
.cd-popup .div_info {margin-left:-23%;}

.cd-popup .div_info {top:80px;}
}

@media screen and (max-width:1441px) {
.header-height-guanxiang .head-nav-guanxiang li + li{margin-left:60px;}
}

@media screen and (max-width:1367px) {
.header-height-guanxiang .head-nav-guanxiang li + li{margin-left:50px;}
}

@media screen and (max-width:1280px) {
.head-top-guanxiang{height:75px;}
.header-height-guanxiang .head-nav-guanxiang li + li{margin-left:40px;}
.header-height-guanxiang{height:80px;}
.header-height-guanxiang .header-guanxiang{height:80px;}

}

@media screen and (max-width:1171px) {
.header-height-guanxiang .head-nav-guanxiang li + li{margin-left:30px;}
}

@media screen and (max-width:992px) {
.header-height-guanxiang .head-nav-guanxiang li + li{margin-left:20px;}
.head-top-guanxiang{height:70px;}
.head-top-guanxiang .head-fl img{height:40px;}
}

@media screen and (max-width:991px) {

.cd-popup .div_info {width:86%;margin-left:-43%;}
.cd-popup .div_info {padding:30px;}
.cd-popup .cd-popup-close {top:15px;}
.cd-popup .div_info button {margin-top:28px;}
.cd-popup .div_info input,.div_info button {height:46px;}
.cd-popup .div_info input,.div_info textarea {margin-top:15px;}
.cd-popup .div_info textarea {height:100px;}
.cd-popup .div_info {top:100px;}
  
.site-top{display:none;}

  
}

@media screen and (max-width:991px) {

.header-height-guanxiang{display:none;}
.head-top-guanxiang .head-fr > span{display:block;margin-left:5px;}
.head-top-guanxiang .head-fl p{display:none}
}

@media screen and (max-width:576px) {
.head-top-guanxiang{height:60px;}
.head-top-guanxiang .head-fl img{height:30px;}

}