.container {display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}

.qianhe-head-top {position:relative;z-index:11;width:100%;height:62px;background:#fff}
.qianhe-head-top .wp {height:100%;display:flex;align-items:center;justify-content:space-between}
.qianhe-head-fl img {height:60px}
.qianhe-head-fl span {margin-right:20px}
.qianhe-head-fl span i {margin-right:8px;vertical-align:middle;font-size:20px;}
.qianhe-head-fl span b {font-size:16px;font-weight:500;color:#666}
.qianhe-head-searchcon {position:relative;float:left;padding:0 20px;height:56px;line-height:56px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.qianhe-head-searchcon>i {font-size:24px;}
.qianhe-head-search {display:none;position:absolute;top:55px;padding:20px;background:#fff;box-shadow:1px 3px 5px 2px rgba(0,0,0,0.1)}
.qianhe-head-searchbg {width:260px;height:38px;border:1px solid #d9d9d9;border-radius:50px}
.qianhe-head-search input {float:left;box-sizing:border-box;width:208px;height:36px;padding-left:24px;font-size:14px;color:#666;border:none;outline:none;background:0 0}
.qianhe-head-search button {float:right;width:50px;height:38px;line-height:38px;margin-top:-1px;background-color:var(--btn-bg);border-top-right-radius:16px;border-bottom-right-radius:16px;border:0;}
.qianhe-head-search button i {color:white;font-size:24px;}

.qianhe-lang-show {position:relative;float:left;padding:19px 0 18px}
.qianhe-lang-show .show-current {color:#666;padding:0 20px;border-left:1px solid #b2b2b2;}
.qianhe-lang-show .show-current em {font-style:normal;font-size:15px;}
.qianhe-lang-show .show-current i {font-size:12px;}
.qianhe-lang-show .lang-box {width:200px;padding:10px;position:absolute;right:-10px;top:50px;z-index:200;background:#fff;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);opacity:0;visibility:hidden;transition:all 0.4s ease 0s;box-shadow:0 0 10px rgba(63,62,62,0.2)}
.qianhe-lang-show .lang-box::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}
.qianhe-lang-show 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;list-style:none;}
.qianhe-lang-show ul li {line-height:20px;padding:5px 0;border-bottom:1px solid #f5f5f5;width:50%}
.qianhe-lang-show ul li:last-child {border:none}
.qianhe-lang-show ul li a {color:#333;font-size:12px;display:block;text-decoration:none;}
.qianhe-lang-show ul li a:hover {color:#015198}
.qianhe-lang-show ul li img {vertical-align:middle;margin-right:7px}
.qianhe-lang-show:hover .lang-box {opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}

.qianhe-head-link {float:left;margin-top:14px;display:flex;align-items:center}
.qianhe-head-link a {width:30px;height:30px;background:#ccc;margin-left:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;}
.qianhe-head-link a:first-child {background:#CD342E;}
.qianhe-head-link a:nth-child(2) {background:#212121;}
.qianhe-head-link a:nth-child(3) {background: #00ACED;}
.qianhe-head-link a:nth-child(4) {background:#3F729B;}
.qianhe-head-link a:last-child {background:#3B5998;}
.qianhe-head-link a:hover {background:var(--link-color-hover);}
.qianhe-head-link i {color:white;font-size:20px;}
.qianhe-head-link i.qico-youtube1 {font-size:26px;}

.qianhe-header {position:relative;width:100%;background:var(--color-primary);z-index:10;font-size:0}
.qianhe-header.fixed,.qianhe-mobile-nav.fixed {position:fixed;top:0;z-index:999}
.qianhe-header .wp {}
.qianhe-head-logo {width:14%;}
.qianhe-head-logo img {max-width:100%;max-height:66px;}

.qianhe-head-nav {width:100%;text-align:center}
.qianhe-head-nav > li {position:relative;display:inline-block;padding:25px 20px;}
.qianhe-head-nav > li:nth-child(3){position: static;}
.qianhe-head-nav > li:nth-child(4){position: static;}                 
.qianhe-head-nav > li > h3 {padding:5px 0;border-bottom:1px solid transparent;}
.qianhe-head-nav > li > h3.down {-webkit-transition:0.3s all;-moz-transition:0.3s all;-ms-transition:0.3s all;transition:0.3s all}
.qianhe-head-nav > li > h3 a {display:block;padding:0 2px;font-size:15px;text-decoration:none;}
.qianhe-head-nav > li > h3 a {color:#fff}
.qianhe-head-nav > li > h3 a i {font-size:12px;}
.qianhe-head-nav > li:hover > h3,.qianhe-head-nav li.current > h3 {border-bottom-color:rgba(255,255,255,0.5);}

.qianhe-head-nav > li .qianhe-nav-slidedown {display:none;position:absolute;width:226px;top:100%;left:0;padding:20px;background:#fff;text-align:left;z-index:2;box-shadow:2px 3px 6px 2px rgba(0,0,0,0.1);box-sizing:border-box;}
.qianhe-head-nav > li .qianhe-nav-slidedown a {font-size:15px;color:#666;display:block;padding:5px 0;}
.qianhe-head-nav > li .qianhe-nav-slidedown a:hover {color:var(--link-color-hover);}

.qianhe-head-nav > li:hover .qianhe-nav-slidedown{display:block;}

.qianhe-head-nav li > .dropbox{position:absolute;width:100%;left:0;top:80px;z-index:1000;border-top:1px solid #EFEFEF;background:#fff;transform:rotate3d(1,0,0,-90deg);-webkit-transform: rotate3d(1,0,0,-90deg);-webkit-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;}
.qianhe-head-nav li > .dropbox .wp{display:flex;flex-wrap:wrap;}
.qianhe-head-nav li > .dropbox dl{width:25%;padding:25px;box-sizing:border-box;}
.qianhe-head-nav li > .dropbox dl dt{font-size:18px;margin:0 0 18px 0;}
.qianhe-head-nav li > .dropbox dl dt a{color:#000;}
.qianhe-head-nav li > .dropbox dl dt a:hover{color:var(--color-primary);}
.qianhe-head-nav li > .dropbox dl dd{position:relative;}
.qianhe-head-nav li > .dropbox dl dd a{display:block;color:#666;font-size:14px;line-height:24px;text-transform:capitalize;}
.qianhe-head-nav li > .dropbox dl dd a:hover{color:var(--color-primary);}

.qianhe-head-nav li > .dropbox .bot{width:100%;height:80px;background:#272930;}
.qianhe-head-nav li > .dropbox .bot p{float:left;line-height:80px;font-family:'Roboto-Regular';font-size:20px;color:#fff;margin:0 0 0 55px;}
.qianhe-head-nav li > .dropbox .bot a{float:right;width:140px;height:40px;line-height:40px;text-align:center;border-radius:20px;background:#00ADEF;margin:20px 26px 0 0;font-family:'Roboto-Regular';font-size:14px;color:#fff;}

.qianhe-head-nav li:hover > .dropbox{opacity:1;transform:rotate3d(0,0,0,0);-webkit-transform:rotate3d(0,0,0,0);}



.qianhe-href a {display:inline-block;padding:13px 40px;background:var(--btn-bg);font-size:14px;color:#fff;text-decoration:none;}
.qianhe-href a:hover {background:var(--btn-bg-hover);}
.qianhe-mobile-height {display:none;height:60px;overflow:hidden}
.qianhe-mobile-nav {display:none;width:100%;height:60px;background:url('./pics/head-bg.jpg');z-index:999;box-shadow:0 0 25px 0 rgba(0,0,0,0.1)}
.qianhe-m-navleft {float:left;}
.qianhe-m-navcenter {float:left;width:calc(100% - 112px);margin-top:10px;text-align:center;}
.qianhe-m-navcenter img {width:110px}
.qianhe-m-navright {float:right}
.qianhe-m-navright .qianhe-href a {margin-top:12px;padding:12px;font-size:12px}
.qianhe-m-navico {line-height:60px}
.qianhe-m-navico i {color:white;font-size:22px;}
.qianhe-m-navlist {position:fixed;left:-80%;top:0;bottom:0;width:76%;padding:0 0 20px;background:#fff;box-shadow:1px 2px 8px 3px rgba(0,0,0,0.2);overflow:scroll;z-index:999}
.qianhe-m-navlist h1 {display:flex;align-items:center;justify-content:space-between;padding:20px;font-size:24px;background:url('./pics/head-bg.jpg')}
.qianhe-m-navlist h1 img {width:100px}
.qianhe-m-navlist h1 i {float:right;font-size:20px;color:#fff;}
.qianhe-m-navlistcon {margin-left:20px}
.qianhe-m-navlistcon ul {display:none}
.qianhe-m-navlistcon span {display:block;border-bottom:1px solid #dedede;overflow:hidden}
.qianhe-m-navlistcon span a {display:inline-block;width:70%;padding:15px 0;font-size:16px;color:#000009;float:left}
.qianhe-m-navlistcon span a.on,.qianhe-m-navlistcon li a.on {color:var(--link-color-selected);}
.qianhe-m-navlistcon span i {float:right;padding:18px 6% 18px 0;font-size:12px;}
.qianhe-m-navlistcon ul li {margin-left:20px;border-bottom:1px solid #dedede}
.qianhe-m-navlistcon ul li a {display:block;padding:15px 0;font-size:15px;color:#666}
.qianhe-m-navlistcon ul li a b {padding-left:10px}
.qianhe-m-navlistcon .xla-three {border-top:1px solid #dedede;padding-left:20px}

.qianhe-gotop {position:fixed;right:10px;top:50%;display:none;margin-top:-61px;z-index:100;}
.qianhe-gotop a {display:block;width:46px;height:46px;border-radius:8px;background:var(--btn-bg);margin:10px 0;text-align:center;line-height:46px;box-shadow:1px 2px 6px 2px rgb(0,0,0,0.1);display:flex;align-items:center;justify-content:center}
.qianhe-gotop a:hover {background:var(--btn-bg-hover);}
.qianhe-gotop a i {font-size:28px;color:white;}

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

}
@media screen and (max-width:1400px) {
.qianhe-head-top {height:46px}
.qianhe-head-fl span img {margin-top:16px}
.qianhe-head-searchcon {height:46px;line-height:48px;}
.qianhe-head-search {top:46px}
.qianhe-lang-show {position:relative;float:left;padding:15px 0 14px}
.qianhe-lang-show .lang-hide {top:46px}
.qianhe-head-link {margin-top:9px}
.qianhe-head-logo {width:16%;}
.qianhe-href a {padding:13px 18px;font-size:12px}
.qianhe-head-nav {width:100%;}
.qianhe-head-nav li {padding:25px 14px;}
.qianhe-head-nav li a {font-size:14px}
}

@media screen and (max-width:992px) {
.qianhe-head-top {position:relative}
.qianhe-head-fl span b {font-size:14px}
.qianhe-head-searchcon {position:static;padding:0 10px;}
.qianhe-head-search {width:100%;left:0}
.qianhe-head-searchbg {width:auto}
.qianhe-lang-show .show-current {padding:0 0 0 14px}
.qianhe-lang-show .lang-hide {left:auto;}
.qianhe-head-link {display:none}
.qianhe-header-height {display:none}
.qianhe-header {display:none}
.qianhe-mobile-height {display:block;position:relative;z-index:99}
.qianhe-mobile-nav {display:block}

}

@media screen and (max-width:375px) {
.qianhe-head-fl span {margin-right:0}
.qianhe-head-fl span b {font-size:12px}
}
                           
                           @media screen and (max-width:1280px){
                           .qianhe-head-top .wp .qianhe-head-fl a img{
                           height:40px;
                           }
                           
                           }
@media screen and (max-width:992px){
           .qianhe-head-top .wp .qianhe-head-fl a img{
                          display:none;
                           }
  
  .qianhe-m-navright{
      display:none;
  }

}