@charset "utf-8";  
@font-face {font-family: "HarmonyOS_Sans_SC_Regular";src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');}
@font-face {font-family: "HarmonyOS_Sans_SC_Bold";src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');} 
@font-face {font-family: "HarmonyOS_Sans_SC_Light";src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');} 
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;}
.mobile{display:none}
.pc{display:block}
input,select,textarea{outline:none;}
ul li{list-style: none;}
a {text-decoration: none;cursor: pointer;color:inherit;font-size: inherit;}
a:hover,a:active,a:focus{text-decoration: none;color:inherit;}
html {outline: 0;-webkit-text-size-adjust: none;}
body {width: 100%;font-family:'HarmonyOS_Sans_SC_Light','Microsoft YaHei';-webkit-text-size-adjust: none;overflow-x: hidden;}
html,body{font-size: 16px;color:#333333;}
em{font-style:normal;color:#ff4b4c;}
.w-20{width: 20%; float: left; padding: 0 15px;}
.container{width: 1430px}
.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.tal{text-align: left;}
.tac{text-align:center;}
.tar{text-align:right;}
.overflow{overflow: hidden;}
.clear {clear: both;}/*清除浮动*/
.clearfix:after{clear:both;display: block;content: '';}/*清除浮动*/
.flexbox{display: flex;}
.scale1{overflow: hidden;}
.scale1 img{width: 100%; transition: all 0.5s;}
.scale1 img:hover{transition: all 0.5s;transform: scale(1.1);} 
.items-center{align-items: center;} 
.navbar-inverse .navbar-collapse{float: right; align-items: center; display: flex !important;}
.navbar-lang{margin-left: 30px;}
.navbar-inverse .navbar-nav>.active>a{background: #165ea7}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover{background: #165ea7}
.navbar>.container .navbar-brand{display: inline-block;}
.navbar-brand {
    float: left;
    padding: 17px 15px;
    font-size: 18px;
     line-height: initial; 
     height: initial; 
}
.bg212{ 
    height: 100vh;
    position: fixed;
    z-index: 100;
    width: 100%;}
.body2{overflow:hidden}
.lang{font-size: 18px;}
footer{background: #165ea7; background: linear-gradient(90deg, #165ea7, #589be0);}
.foot-top{padding-top: 40px; padding-bottom: 30px; display: flex; flex-wrap: wrap; border-bottom: solid 2px rgba(125,190,255,0.23); margin-bottom: 40px;}
.bottom_logo{width: 160px;}
.bottom_nav{text-align: right; width: calc(100% - 160px)}
.bottom_nav a{font-size: 20px; color: #fff; line-height: 46px;}
.bottom_nav a{margin-left: 55px; display: inline-block;font-family: "HarmonyOS_Sans_SC_Regular";}
.bottom_nav a i{font-size: 14px; float: left; line-height: 46px; padding-right: 10px;}
.foot_con_left h3{font-size: 18px; line-height: 1.5em; color: #fff; font-family: "HarmonyOS_Sans_SC_Regular";}
.tel{padding: 30px 0; font-size: 30px; font-weight: bold; color: #fff}
.tel img{margin-right: 10px;}
.link a{display: inline-block; margin-bottom:15px; padding-left: 30px; font-size: 14px; border: solid 1px #fff; height: 32px; border-radius: 4px; padding-right: 8px; line-height: 30px; color: #fff; margin-right: 4px;}
.link a i{margin-left: 10px; font-size: 12px;}
.foot_con_left{padding-bottom: 60px;}
.name{background: url(../images/name.png) no-repeat 5px center #7eb3e6; border: 0; height: 36px; line-height: 36px; padding-left: 30px; color: #fff; border-radius: 4px; margin-bottom: 15px; width: 100%; border: solid 1px #c2e0ff}
.phone{background: url(../images/phone.png) no-repeat 5px center #7eb3e6; border: 0; height: 36px; line-height: 36px; padding-left: 30px; color: #fff; border-radius: 4px; margin-bottom: 15px; width: 100%; border: solid 1px #c2e0ff}
.foot_con_left .row form > div{padding: 0 6px}
.foot_con_left .row{margin: 0 -6px;}
.foot_con_left textarea{background: url(../images/liuyan.png) no-repeat 5px 6px #7eb3e6; border: 0; height: 126px; line-height: 36px; padding-left: 30px; color: #fff; border-radius: 4px; margin-bottom: 15px; width: 100%; border: solid 1px #c2e0ff}
.foot_con_left textarea::placeholder,.foot_con_left input::placeholder {color: #fff}
.alright{text-align: right;}
.alright button{width: 256px; height: 46px; background: #69b82d; border-radius: 4px; font-size: 18px; color: #fff; border: 0}
.a_right{color: #fff; text-align: right;}
.foot-bot{color: #fff; padding: 20px 0; font-size: 14px; background: #00458b}

.nav>li{position: initial;}
.nav>li:hover .erji_nav{height: 190px;; z-index:10}

.erji_nav{position: absolute; left: 0; right: 0; width: 100%; height: 0; overflow: hidden; transition: all 0.5s;  background: rgba(255,255,255,0.9); border-top: solid 1px #eee; }
.erji_nav dl{padding: 31px 0; border-bottom: solid 1px #eee; display: flex;}
.erji_nav dt{display: inline-block; padding-right: 25px; padding-top:5px;}
.erji_nav dd a{display: inline-block; padding:5px 25px}
.erji_nav dd a:hover{color: #165ea7; font-weight: bold;}
.erji_nav dd{display: inline-block; width:calc(100% - 140px)}
.header .navbar-inverse { background-color: transparent; border: 0; position: relative; margin-bottom: 0; right: 0; left: 0; z-index: 1030;}


.nav #service:hover .erji_nav{height: 90px;padding:0px 0;z-index:10}
.nav #aboutus:hover .erji_nav{height: 90px;padding:0px 0;z-index:10}
#service .erji_nav dl,#aboutus .erji_nav dl{display:block; text-align:center}
#service .erji_nav dl dd,#aboutus .erji_nav dl dd{display: inline-block; width:auto}
.erji_nav2{height:0; position: absolute; background:#fff; transition: all 0.5s; overflow: hidden; width:100%}
.erji_nav2 a{display:block; padding:10px 15px; line-height: 1em;}
.nav #service .erji_nav2{width:120%; }
.navbar-lang{    position: relative;}
.lang-box2{display:none;     position: absolute;
    padding: 15px 10px 5px 20px;
    background: #fff;
    left: -20px;
    right: 0;
    border-radius: 4px;}
.lang-box2 a{font-size:18px;}
.navbar-lang:hover .lang-box2{display:block}
@media (min-width:992px) { 
  
  .navbar-inverse .navbar-nav>li>a{padding: 30px; margin: 0 0px; font-size: 18px; color: #333; font-family: "HarmonyOS_Sans_SC_Regular";}
}
   

@media (min-width:1200px) {
	 .container{width: 1130px}
}

@media (min-width:1440px) { 
	 .container{width: 1230px}
}
@media (min-width:1500px) { 
   .container{width: 1430px}
}
@media(max-width:1199px){ 
  .container{width: 100%}
}
@media(max-width:1500px){ 
  .navbar-inverse .navbar-nav>li>a{padding:30px 20px;}
  .erji_nav dd a{display: inline-block; padding:5px 15px}
  .nav>li:hover .erji_nav{height: 260px;; }
}
@media(max-width:991px){  
  .mobile{display:block}
	.pc{display:none}
    html, body {
    font-size: 14px;
    color: #333333;
}
  .dropdown_menu2{display:none}
	 .navbar-toggle{margin-top: 20px;}
   .navbar-inverse .navbar-toggle .icon-bar{background: #333}
   .navbar-inverse .navbar-collapse{display: block !important; background: rgba(0,69,139,0.8); overflow: hidden; display: none; height: 0px; position: absolute; left: 0; width: 100%; padding: 0 15px; margin: 0}
   .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border: 0}
   .navbar-inverse .navbar-collapse.in{height: 60vh; border: 0; padding: 20px 15px;}
   .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background: #fff}
   .navbar-nav{margin: 0}
   .navbar-inverse .navbar-nav>li>a{color: #fff;     padding: 12px 20px;}
   .erji_nav{display: none}
   .navbar-lang{margin-left: 20px;}
  .lang {
    font-size: 14px;
}.lang-box2 a {
    font-size: 14px;
}
  .lang-box2{padding: 10px 10px 10px 20px; margin-top:10px;}
   .lang-box .fa,.lang{color: #fff}
  .bottom_nav{display: none}
  .link{margin-bottom: 30px;}
  .erji_nav dt{display:block}
  .erji_nav dd{width:100%; display: flex;
    flex-wrap: wrap;}
  .erji_nav dl{flex-wrap: wrap;}
  .erji_nav dl{padding-bottom:0}
  .nav>li:hover .erji_nav{height:100vh; padding-bottom:30px;}
  .nav #service:hover .erji_nav{height: 100vh;padding:0px 0;z-index:10}
  .navbar-brand>img,.bottom_logo{width:130px;}
  .tel{font-size:20px;}
  .bottom_logo img{width:100%}
  .alright button{width:50%; height:36px;  font-size:14px;}
  .foot_con_left .contact-form3 .col-sm-6{width:50%; float:left}
  .alright {    text-align: center;}
  .foot-top{padding:15px 0; margin-bottom:15px;}
  .tel{padding:15px 0;}
  .link {   margin-bottom: 15px;}
  .a_right {    color: #fff; display:none;   text-align: left;}
  .foot_con_left h3{display:none}
  .foot_con_left{    padding-bottom: 30px;}
  #service .erji_nav dl dd, #aboutus .erji_nav dl dd{width:50%; text-align: left;}
  .nav #aboutus:hover .erji_nav{height:100vh}
  
  .erji_nav dd{margin:0 -5px;}
  #service .erji_nav dl.nengli dd{width:50%}
  .erji_nav dl.nengli dd a{width:100%;   white-space: nowrap;       /* 防止文本换行 */
  overflow: hidden;          /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;   /* 显示省略符号来代表被修剪的文本 */}
  .header{position: fixed;
    z-index: 1000;
    background: rgb(255, 255, 255);
    width: 100%;
    left: auto; top:0}
  .banner{margin-top: 71px;}
  .ny_banner {
        height: 240px !important;
        margin-top: 71px;
    }
  #product .erji_nav dd a{ width:50%; font-size:14px;     padding: 5px 5px;}
  .erji_nav dl{padding-top:15px; padding-bottom:15px}
  #product .erji_nav dl{padding-top:15px; padding-bottom:0px}
  
}
@media(max-width:768px){  
	
}