@charset "utf-8";
@media (min-width:1200px){
	.nav li:hover .nav-er{opacity: 1;margin-top: 0;pointer-events: auto;}
	.nav-er a:hover{background: #003c96;color: #fff;}
	.nav li:hover .nav-yi span{color: #fed806;}
	.nav li:hover .nav-yi span:after{width: 100%;}
}
@media (max-width:1180px){
	.banner-slider{ height:500px;}
	.nav-yi span:after,.header-area:before,.nav-box:before{display: none;}
	.menu-handler{display: block;}
	.header{height: 60px !important;box-shadow: 0 1px 2px #ddd;padding-top:.8rem;}
	.header-style .header{background: #fff;}
	.header-style .header .nav-yi span{color: #4b4b4b;}
	.header-style .logo{opacity: 1; filter: brightness(0); }
	.header:hover{transform: none;}
	.menu-handler{width: 28px;}
	.logo{left: 4%;}
	.logo img,body.active .logo img{height: 30px;}
	.header-con{position: fixed;top:50px;left: -100%;width:100%;bottom:0;background:#fff;float: none;transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);-webkit-transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);}
	.header-con.active{left: 0;}
	.nav-box{margin: 0;position: absolute; background:#fff; top:0px;left: 4%;right: 4%;overflow: auto;}
	.nav li{float: none;border-bottom: 1px solid #ddd;margin-left: 0; width:100%; clear:both;padding-left: 1rem;}
	.nav li.active{border-color:#003c96;}
	.nav-yi{padding: 0;background: none !important;margin-top: 0 !important;}
	body.active .nav-yi{line-height: 55px;height: 55px;}
	.header.active li.active .nav-yi{color: #333;}
	.nav li.none .nav-yi{display: block;}
	.nav li:after{width: 10px;height: 10px;position: absolute;content: '';right: 2px;top:20px;background: url("../images/phone-arrow.png") no-repeat center;background-size:cover;display: none;transition: all .4s;}
	.nav li.has:after{display: block;}
	.nav li.on:after{transform: rotate(180deg);}
	.nav-er{display: none;pointer-events: auto;opacity: 1;position: static;width: 100% !important;margin: 0 !important;box-shadow: none;padding-bottom: 10px;transition: none;}
	.nav-er a{text-align: left;padding-left: 1em;}
	.language{left: auto;top: auto; position: relative;margin: 0;display: inline-block;vertical-align: middle;right: auto;width: 50px;}
	.header-share{position: relative;margin: 0;display: inline-block;vertical-align: middle;}
	.language-box{top:auto;bottom:25px;border:1px solid #ddd;}
.header .nav-functions{ text-align:center;justify-content: center;
    display:inline-block;
    width: 100%;}
.header .nav-functions ,.header .nav-functions a ,.header .nav-yi span{ color:#333;}
.header .logo ,.header .lang{opacity: 1; filter: brightness(0); }
}
@media only screen and (max-width: 1008px) {
.banner-slider{ height:450px;}
.banner-layout .slider-wrapper{ height:400px;}
.nav-functions i{ color:#333;}
.nav-functions .el-input-prefix i{ color:#eee;}
.nav-icon{ width:100%;}
.search-box {
  top: -5px;
  right: 4%;
  width: 92%;
  left: 4%;
}
.search-container{ display:none;}
.search{ display:block;}
/*.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
    padding-left: 15px;
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  width: 100%;
}
*/
}

@media only screen and (max-width: 575px) {
.banner-slider{ height:350px;}
.banner-layout .slider-wrapper{ height:300px;}
.slider-text h2{ font-size:1.2rem;}	
.slider-text p{ font-size:1rem;}
}