@charset "utf-8";
/*Css Document*/
body { background-image: url(../images/bg_bottom.jpg); background-repeat: repeat-x; background-position: bottom;}
/*  */
.container { width:1000px; margin:0 auto; box-sizing: border-box; min-width: 1000px;}
.container1 { width:850px; min-width: 850px;position:absolute;left:175px;overflow:hidden;}

/* 搜索 */
.container_search {z-index: 100000000; position: relative; display: none; width: 0px; height: 30px;}
.search {width:180px; top: 10px; position: absolute; background: #FFF;  left: -60px;  }
.search_input {border: 0; width: 150px; height: 30px; /*line-height: 30px;*/ font-size: 14px; color: #333; box-sizing: border-box; padding: 10px; background: #f2f2f2;}
.search_button {width: 30px; background: #f2f2f2 url(../images/search_button.png) center; border: 0; }

/* 顶部 */
.header {height: 130px; background: #FFF; position:fixed; z-index: 1000000; display: flex; justify-content: space-between; width: 100%; top: 0; }
.logo {margin-top: 47px; width: 176px; margin-left: 50px; box-sizing: border-box;}
.header_tp {width: 100%; height: 130px; z-index: 100;}
.m_t_130 {margin-top: 130px;}
 
/* nav */
.navBar{ color:#fff; height:128px; line-height:128px;}
.nav{ width:650px; margin:0 auto;  }
.nav h3{  font-size:16px; }
.nav .m{  position:relative; float:left; width:128px; display:inline; text-align:center; line-height: 128px; height: 128px;  }
/* .nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(images/icon.png) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px; vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; } */
.nav h3 a{  zoom:1;  line-height:128px;  display:block; color:#333 }
/* .nav h3 a:hover {  border-bottom:2px solid #ce0012;   } */
.nav h3 a:hover {  border-bottom:2px solid #ce0012;}
.nav h3 a.on {  border-bottom:2px solid #ce0012;}
.nav .on h3 a{  border-bottom:2px solid #ce0012;   }
/* .nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  } */
.nav .sub{ display:none; /*默认隐藏*/ width:235px; padding:10px 0 20px 0;  position:absolute; left: -45px; top:130px;  background:#fff;  float:left; line-height:45px; 
}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#333; display:block; zoom:1; font-size: 15px; box-sizing: border-box; padding-left: 35px;  }
.nav .sub li a:hover{  color:#ce0012;  }
.icon_menu {padding-top: 50px;  display: flex; margin-right: 50px; width: 160px;}
.icon_menu a {margin-left: 10px; position: relative;}
.icon_menu_div {position: absolute; display: none;  top: 30px;}
.icon_wx {width: 93px; height: 93px; left:-30px ;}
.icon_400 {width: 180px; height: 90px; left:-132px ;}
.icon_contact {
    left:-30px;
}


/* 3menu */
.in_menu_bg {background: url(../images/in_menu_bg.png) repeat-x; height: 328px; margin-top: 50px;}
.in_menu {display: flex; justify-content: space-between;}
.in_menu a {display: block; height: 24px; line-height: 24px; border-left: 4px solid #cd0011; margin-top: 25px; font-size: 20px; box-sizing: border-box; padding-left: 20px; background: url(../images/in_menu_arrow.png) no-repeat right;}
.in_menu a:hover {color: #ce0012;}

.main_bg {background:#FFF url(../images/in_menu_bg.png) repeat-x bottom; height: 690px;}

.item_1 { width: 726px; box-sizing: border-box;}
.item_1_left { background: #4d4d4d; width: 100%; text-align: center;}
.item_1_left img {padding-top: 30px;}
.item_1_left h3 {color:#FFF; font-size: 24px; line-height: 45px; padding-bottom: 20px; font-weight: normal;}

.item_2 { width: 480px; box-sizing: border-box;}
.item_2_left { background: #dadada; width: 100%; text-align: center;}
.item_2_left img {padding-top: 30px;}
.item_2_left h3 {color:#000; font-size: 24px; line-height: 45px; padding-bottom: 20px; font-weight: normal;}

.item_3 { width: 501px; height: auto;}

a.more_w {font-size: 18px; color: #FFF; text-decoration: none; line-height: 37px;  display: inline-block; border-bottom: 1px solid #FFF;}
a.more_w:hover {border-bottom: 1px solid #ce0012; color: #FFF;}

a.more_b {font-size: 18px; color: #222; text-decoration: none; line-height: 37px;  display: inline-block; border-bottom: 1px solid #222;}
a.more_b:hover {border-bottom: 1px solid #ce0012; color: #222;}

.item_hjcx {background: #ce0012; width: 250px; text-align: center;}
.item_hjcx img {padding-top: 75px;}

/* 产品 */
.product_search {background: #f5f5f5;height: 115px;min-width: 1000px;}
.select_w {width: 150px;}
.product_tab {margin-top: 77px;border-bottom: 1px solid #ececec;}
.product_tab a {padding: 10px 32.1px;background: #f5f5f5;text-align: center;color: #0a0a0a;font-size: 16px;border-left: 1px solid #ececec;}
.product_tab a:first-child {border-left: 0px;}
.product_tab a:hover {background: #cf0012; color: #FFF;}
.product_tab a.on {background: #cf0012; color: #FFF;}
.product_tab a.off {background: #f5f5f5; color: gray;}
.product_content {margin-top: 45px;}
.product_content li {display: none;}

.product_list dd {text-align: center;width: 250px;box-sizing: border-box;padding: 10px 20px;border: 1px solid #FFF;position: relative;margin-bottom:25px;}
.product_list dd i {text-align: center;}
.product_list dd:hover {border: 1px solid #767676 !important;}
.product_list dd .p_new {position: absolute;left: 32px;top: 40px;}
.product_list dd .p_new img {width:28px;}
.product_list dd .p_select {position: absolute; right: -1px; top: -1.5px; display: none;}

.product_list1 dd {text-align: center;width: 204px;box-sizing: border-box;padding: 10px 20px;border: 1px solid #FFF;position: relative;margin-bottom:5px;margin-right:46px;}
.product_list1 dd i {text-align: center;}
.product_list1 dd:hover {border: 1px solid #767676 !important;}
.product_list1 dd .p_new {position: absolute;left: 20px;top: 10px;}
.product_list1 dd .p_new img {width:28px;}
.product_list1 dd .p_select {position: absolute; right: 20px; top: 20px; display: none;}
.product_list1 dd p {margin-top:-10px}

.img-box{
	position:relative;
	margin: 18px auto 10px;
	width: 180px;
	height: 180px;
	overflow:hidden;
}
.img-box .img-item-height{
	position: absolute;
	top: 50%;
	left:0;
	width:100%;
	transform:translateY(-50%);
}

.img-box .img-item-width{
	position: absolute;
	top:50%;
	left:0;
	width:85%;
	transform:translateY(-50%);
}

.img-itemtitle{
	position: relative;
	top: 0%;
	height: 24px;
}

.img-box1{
	position:relative;
	margin: 18px auto 0px;
	width: 140px;
	height: 140px;
	overflow:hidden;
}
.img-box1 .img-item-height1{
	position: absolute;
	top: 40%;
	left:5%;
	width: 90%;
	transform:translateY(-50%);
}

.img-box1 .img-item-width1{
	position: absolute;
	top:50%;
	left:0;
	width:85%;
	transform:translateY(-50%);
}

.img-itemtitle1{
	position: relative;
	top: 0%;
	height: 24px;
}

.img-itemtitle2{
	position: relative;
	top: 0%;
	height: 18px;
}

.img-itemtitle3{
	position: relative;
	top: 0%;
	height: 16px;
}

.img-itemtitle4{
	position: relative;
	top: 0%;
	height: 22px;
}

/* 比较 */
.bj {border-bottom: 1px solid #9fa1a0;}
.bj_tab {}
.bj_tab a {padding: 8px 30px;background: #f1f1f1; text-align: center; color: #646564; font-size: 14px;cursor:pointer;}
.bj_tab a.on {background: #FFFFFF; color: #FFF;}
.bj_tab a.on_hover {background: #cf0012; color: #FFF;}
.bj_more {background: #e3e3e3; height: 26px;}

#bj_2 a {margin-bottom:15px ; height: 90px;width: 204px;  border: 1px solid #e3e3e3;position:relative}
#bj_2 a:hover {border: 1px solid #c8c8c8;}
#bj_2 a:hover .delbtn{
	display: block;
}
.delbtn {
    position:absolute;
    bottom:5px;
    right:5px;
    color:#333;
    display:none;
    line-height:20px;
    font-size:12px;
}

#bj_2 .bj_button {width: 150px; box-sizing: border-box; text-align: center; padding-top: 0px;margin-top:-12px;}
#bj_2 .bj_button a.a_bj_button {/*padding: 6px 30px;*/ display:block;width:118px;height:20px;line-height:20px;font-size: 14px; color: #7f7f7f; border: 1px solid #7f7f7f; background: none;}
#bj_2 .bj_button a.a_bj_button:hover {color: #cf0012;}

#bj_2 .bj_button a.a_bj_button2 { font-size: 14px; color: #cf0012; border: 0px; background: none;}
#bj_2 .bj_button a.a_bj_button2:hover {color: #333;}

#bj_2 .bj_button a.all_product { font-size: 14px; color: #7f7f7f; border: 0px; background: none;}
#bj_2 .bj_button a.all_product:hover {color: #cf0012;border: 0px;}

/*#bj_3 a {
    margin-bottom:15px ; 
    height: 90px;
    width: 200px; 
    border: 1px solid #e3e3e3;
    position:relative;
    background:#fff;
}*/
#bj_3 .bj_button {width: 150px; box-sizing: border-box; text-align: center; padding-top: 35px;}
#bj_3 .bj_button a.a_bj_button {padding: 6px 30px; font-size: 14px; color: #7f7f7f; border: 1px solid #7f7f7f; background: none;}
#bj_3 .bj_button a.a_bj_button:hover {color: #cf0012;}

.left-btn {
    background:url("../img/lf-qh.png") no-repeat; 
	display: block;
    width:25px;
    height:25px;
	cursor: pointer;
    position:absolute;
    left:70px;
    top:55%;
}
.left-btn:hover{
	background:url("../img/lt-qh-hover.png") no-repeat; 
}
.right-btn{
	background:url("../img/rt-qh.png") no-repeat;
    display: block;
    width:25px;
    height:25px;
	cursor: pointer;
    position:absolute;
    right:70px;
    top:55%;
}
.right-btn:hover{
	background:url("../img/rt-qh-hover.png") no-repeat; 
}

/* 方案 */
.solution_banner {background: #e0e1e2 url(../images/solution_banner_bg.jpg) center no-repeat; height: 470px;}
.banner_item {box-shadow: 0px 0px 30px rgba(0,0,0,0.3) }
.banner_item img {width: 100%; height: auto;}

.solution_list dl:not(:last-of-type) { margin-bottom: 200px;}
.solution_list dl {display: none;}
.solution_list_1 li {width:490px; height: 175px; background:url(../images/solution_list_bg.jpg); margin-top: 70px; position: relative; }
.solution_list_1 li:hover {width:490px; height: 175px; background:url(../images/solution_list_bg_hover.jpg);}

.solution_list_3 li {width: 33.3%; height: 160px;  margin-top: 70px; }
.solution_list_3:after {content: ""; flex: auto; width: 33.3%;  height:0;display: block;}

.solution_3_left {background:#828074; width: 160px; height: 160px; color: #FFF; text-align: center; box-sizing: border-box;}
.solution_3_left h3 {font-size: 16px;}
.solution_3_left img {padding: 30px 0 10px;width:65px;}
.solution_list_3 li:hover .solution_3_left {background:rgb(135,20,150);}
.solution_3_right {margin-left: 20px;width: 130px; height: 140px;position:relative;padding-top:20px;}

.solution_4_left {background:#828074; width: 160px; height: 160px; color: #FFF; text-align: center; box-sizing: border-box;}
.solution_4_left h3 {font-size: 16px;}
.solution_4_left img {padding: 30px 0 10px;width:65px;}
.solution_list_3 li:hover .solution_4_left {background:#078900;}

.solution_6_left {background:#828074; width: 160px; height: 160px; color: #FFF; text-align: center; box-sizing: border-box;}
.solution_6_left h3 {font-size: 16px;}
.solution_6_left img {padding: 30px 0 10px;width:65px;}
.solution_list_3 li:hover .solution_6_left {background:#83002F;}

.solution_list_5 li {width:209px; height: 175px; background:url(../images/solution_list5_bg.jpg); margin-top: 70px; position: relative;margin:60px 12%; }
.solution_list_5 li a {display:block;width:209px; height: 175px; }
.solution_list_5 li:hover {width:209px; height: 175px; background:url(../images/solution_list5_bg_hover.jpg);cursor:pointer;}

a.solution_more {padding: 5px 20px; color: #FFF; background: rgb(135,20,150);position:absolute;bottom:0px}
a.solution_more1 {padding: 5px 20px; color: #FFF; background: #078900;position:absolute;bottom:0px}
a.solution_more2 {padding: 5px 20px; color: #FFF; background: #83002F;position:absolute;bottom:0px}

.solution_left {width: 209px; text-align: center; color: #FFF; float: left;}
.solution_left p { font-size: 18px; font-weight: 100; padding-top: 40px;}
.solution_left h3 {font-size: 22px; line-height: 175px;}

.solution_right {width: 280px; box-sizing: border-box; padding-left: 30px; padding-top: 20px; float: left;}
.solution_right dd a {line-height: 34px;  font-size: 16px; text-decoration: underline; color: #333;}
.solution_right dd a:hover {color: #cf0012; text-decoration: none;}

.solution_left5 {width: 209px; text-align: center; color: #FFF; float: left;}
.solution_left5 p { font-size: 18px; font-weight: 100; padding-top: 40px;}
.solution_left5 h3 {font-size: 22px; line-height: 30px;padding-top:55px;}

.solution_right5 {width: 280px; box-sizing: border-box; padding-left: 30px; padding-top: 35px; float: left;}
.solution_right5 dd a {line-height: 34px;  font-size: 16px; text-decoration: underline; color: #333;}
.solution_right5 dd a:hover {color: #cf0012; text-decoration: none;}

a.fa_more_icon {display: block; width: 31px; height: 28px; background: url(../images/fa_more_icon.png) no-repeat; position: absolute; right: 20px; top: 20px; z-index: 200;}
.solution_list_more {width: 490px; background: #efefef; display: flex; position: absolute; left: 209px; z-index: 1000; box-sizing: border-box; padding: 20px 30px; height: 175px;}
.solution_list_more item {width: 245px;}
.solution_list_more item a {line-height: 34px;  font-size: 16px; text-decoration: underline; color: #333;}
.solution_list_more item a:hover {color: #cf0012; text-decoration: none;}

/* 版权 */
.footer {height: 320px;  min-width: 1000px; background: #b4b4b4;clear:both;}
.footer_content {padding-top: 35px; box-sizing: border-box;}
.bottom_menu ul {width:23%; padding-top: 20px; height: 183px;}
.bottom_menu ul:last-of-type {width:30%; padding-top: 20px; height: 183px;}
.bottom_menu ul li a {line-height: 36px; font-size: 15px; color: #222;}
.bottom_menu ul li a:hover { color: #ce0012;}
.footer_bq {font-size: 12px; color: #666; }
.footer_bq a{font-size: 12px; color: #666; }
.footer_bq a:hover{color: #ce0012; }

/* 切换代码 */
.pattern-box {
    padding: 0;
    box-sizing: border-box;
}
.pattern-wrap {
    width: 1000px;
    position: relative;
    margin: 0 auto;
	height:400px ;
}
.pattern-list {
    position: relative;
	height:400px ;
}
.pattern-wrap .pattern-list .pattern-item {
    opacity: 0;
    position: absolute;
    top: 40px;
    left: 50%;
    width: 441px;
    height: 308px;
    text-align: center;
    
}
.pattern-wrap .pattern-list .pattern-item img {height: 100%; box-shadow: 0px 12px 36px 0px rgba(3, 74, 115, 0.3);}

.pattern-wrap .pattern-list .item-1 {
    margin-left: -150px;
    z-index: 50;
}

.pattern-wrap .pattern-list .item-2 {
    margin-left: -340px;
    -webkit-transform: translateX(140px);
    -moz-transform: translateX(140px);
    transform: translateX(140px);
    width: auto;
    height:165px;
    top: 107px;
    z-index: 40;
}

.pattern-wrap .pattern-list .item-3 {
    margin-left: 260px;
    -webkit-transform: translateX(-220px);
    -moz-transform: translateX(-220px);
    transform: translateX(-220px);
    width: auto;
    height:165px;
    top: 117px;
    z-index: 40;
}

.pattern-wrap .pattern-list .item-4 {
    margin-left: -490px;
    -webkit-transform: translateX(280px);
    -moz-transform: translateX(280px);
    transform: translateX(280px);
    width: auto;
    height:130px;
    top: 126px;
    z-index: 30;
}

.pattern-wrap .pattern-list .item-5 {
    margin-left: 340px;
    -webkit-transform: translateX(-280px);
    -moz-transform: translateX(-280px);
    transform: translateX(-280px);
    width: auto;
    height:130px;
    top: 126px;
    z-index: 30;
}

.show .pattern-list .pattern-item {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    transition: all .9s;
}



.pattern-wrap .pattern-list .show2 {z-index: 60; top: 40px; height: 308px;}
.pattern-wrap .pattern-list .show2_on {z-index: 60; top: 40px; height: 308px;}
.pattern-wrap .pattern-list .show2_4 {z-index: 50; top: 70px; height: 250px; left: 325px;margin-left: 0;}
.pattern-wrap .pattern-list .show1 {z-index: 50; top: 98px; height: 200px; width: auto; left: 540px; margin-left: 0;}
.pattern-wrap .pattern-list .show4 {z-index: 60; top: 40px; height: 308px; width: auto; left: 0px;margin-left: 0;}

.pattern-wrap .pattern-list .show3 {z-index: 60; top: 40px; height: 308px; left: 550px; margin-left: 0;}
.pattern-wrap .pattern-list .show3_on {z-index: 60; top: 40px; height: 308px; left: 550px; margin-left: 0;}

.pattern-wrap .pattern-list .show1_3 {z-index: 50; top: 88px; height: 200px; width: auto; left: 280px; margin-left: 0;}
.pattern-wrap .pattern-list .show5 {z-index: 60; top: 40px; height: 308px; width: auto; left: 700px;margin-left: 0;}
.pattern-wrap .pattern-list .show3_5 {z-index: 50; top: 70px; height: 250px; width: auto; left: 445px; margin-left: 0;}


.product_search li {
    text-decoration:none;
    float:left;
    margin-top:23px;
    font-family:"黑体";
    width:230px;
    height:38px;
}
#bcp li {
    width: 275px !important;
}
/*.product_search ul li div {
    position:relative;

}
/*.product_search ul li div select {
    position:relative;
    width:200px;
    height:38px;
    line-height:38px;
    padding-left:5px;
}
.product_search ul li div span {
    position:absolute;
    top:0px;
    left:5px;
    height:38px;
    line-height:38px;
}*/
.product_search li a{
    display:block;
    width:120px;
    height:38px;
    line-height:38px;
    cursor:pointer;
    border-radius:2px;
    background-color:#cf0012;
    color:#FFF;
    text-align:center;
    font-size:16px;
}
#bcp li a{
    width: 175px !important;
}
.banimg{height: 470px; margin: 130px 10px 10px; position:relative;background: #e0e1e2 url(../images/solution_banner_bg.jpg) center no-repeat;}
.banimg .img1{ width: 440px; height: 300px; position: absolute; left: 50%;top: 85px;margin-left:0px;margin-top:0px; z-index: 1;}
.banimg .img2{ width: 440px; height: 300px; position: absolute; left: 50%;top: 85px;margin-left:0px;margin-top:0px;z-index: 3;}
.banimg .img3{ width: 440px; height: 300px; position: absolute; left: 50%;top: 85px;margin-left:0px;margin-top:0px; z-index: 4;}
.banimg .img4{ width: 440px; height: 300px; position: absolute; left: 50%;top: 85px;margin-left:0px;margin-top:0px;z-index: 2;}
.banimg .img5{ width: 440px; height: 300px; position: absolute; left: 50%;top: 85px;margin-left:0px;margin-top:0px;z-index: 5;}
.banimg .img7{ width: 440px; height: 300px; position: absolute; left: 50%;top: 85px;margin-left:0px;margin-top:0px;z-index: 2;}
*{margin: 0; padding: 0; list-style: none;}

.border_style {
    border:1px solid #767676;
}


xm-select {
  background-color: #FFF;
  position: relative;
  border: 1px solid #E6E6E6;
  border-radius: 2px;
  display: block;
  width: 100%;
  cursor: pointer;
  outline: none;
  height:38px;
  width:200px;
  
  
}
#bcp xm-select {
  width: 245px !important;
}
xm-select * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  text-overflow: ellipsis;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;

}
xm-select:hover {
  border-color: #C0C4CC;
}
xm-select > .xm-tips {
  color: #999999;
  padding: 0 10px;
  position: absolute;
  display: flex;
  height: 100%;
  align-items: center;
}
xm-select > .xm-icon {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  cursor: pointer;
  border: 6px dashed transparent;
  border-top-color: #C2C2C2;
  border-top-style: solid;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
xm-select > .xm-icon-expand {
  margin-top: -9px;
  transform: rotate(180deg);
}
xm-select > .xm-label.single-row {
  position: absolute;
  top: 0;
  bottom: 0px;
  left: 0px;
  right: 30px;
  overflow: auto hidden;
  height:38px;
}
xm-select > .xm-label.single-row .scroll {
  overflow-y: hidden;
}
xm-select > .xm-label.single-row .label-content {
  flex-wrap: nowrap;
}
xm-select > .xm-label.auto-row .label-content {
  flex-wrap: wrap;
}
xm-select > .xm-label.auto-row .xm-label-block > span {
  white-space: unset;
  height: 100%;
}
xm-select > .xm-label .scroll .label-content {
  display: flex;
  padding: 3px 30px 3px 10px;
}
xm-select > .xm-label .xm-label-block {
  display: flex;
  position: relative;
  padding: 0px 5px;
  margin: 2px 5px 2px 0;
  border-radius: 3px;
  align-items: baseline;
  color: #FFF;
}
xm-select > .xm-label .xm-label-block > span {
  display: flex;
  color: #000;
  white-space: nowrap;
}
xm-select > .xm-label .xm-label-block > i {
  color: #000;
  margin-left: 8px;
  font-size: 12px;
  cursor: pointer;
  display: flex;
}
xm-select > .xm-label .xm-label-block.disabled {
  background-color: #C2C2C2 !important;
  cursor: no-drop !important;
}
xm-select > .xm-label .xm-label-block.disabled > i {
  cursor: no-drop !important;
}
xm-select > .xm-body {
  position: absolute;
  left: 0;
  top: 0px;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  min-width: fit-content;
  border: 1px solid #E6E6E6;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.12);

}
xm-select > .xm-body .scroll-body {
  overflow-x: hidden;
  overflow-y: auto;
}
xm-select > .xm-body .scroll-body::-webkit-scrollbar {
  width: 8px;
}
xm-select > .xm-body .scroll-body::-webkit-scrollbar-track {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  border-radius: 2em;
  background-color: #FFF;
}
xm-select > .xm-body .scroll-body::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  border-radius: 2em;
  background-color: #C2C2C2;
}
xm-select > .xm-body.up {
  top: auto;
  bottom: 42px;
}
xm-select > .xm-body.relative {
  position: relative;
  display: block !important;
  top: 0;
  box-shadow: none;
  border: none;
 /* animation-name: none;
  animation-duration: 0;*/
  min-width: 100%;
}
xm-select > .xm-body .xm-group {
  cursor: default;
}
xm-select > .xm-body .xm-group-item {
  display: inline-block;
  cursor: pointer;
  padding: 0 10px;
  color: #999;
  font-size: 12px;
}
xm-select > .xm-body .xm-option {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 10px;
  cursor: pointer;
}
xm-select > .xm-body .xm-option-icon {
  color: transparent;
  display: flex;
  border: 1px solid #E6E6E6;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
}
xm-select > .xm-body .xm-option-icon.xm-icon-danx {
  border-radius: 100%;
}
xm-select > .xm-body .xm-option-content {
  display: flex;
  position: relative;
  padding-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
  width: calc(100% - 20px);
}
xm-select > .xm-body .xm-option.hide-icon .xm-option-content {
  padding-left: 0;
}
xm-select > .xm-body .xm-option.selected.hide-icon .xm-option-content {
  color: #FFF !important;
}
xm-select > .xm-body .xm-option .loader {
  width: 0.8em;
  height: 0.8em;
  margin-right: 6px;
  color: #C2C2C2;
}
xm-select > .xm-body .xm-select-empty {
  text-align: center;
  color: #999;
}
xm-select > .xm-body .disabled {
  cursor: no-drop;
}
xm-select > .xm-body .disabled:hover {
  background-color: #FFF;
}
xm-select > .xm-body .disabled .xm-option-icon {
  border-color: #C2C2C2 !important;
}
xm-select > .xm-body .disabled .xm-option-content {
  color: #C2C2C2 !important;
}
xm-select > .xm-body .disabled.selected > .xm-option-icon {
  color: #C2C2C2 !important;
}
xm-select > .xm-body .xm-search {
  background-color: #FFF !important;
  position: relative;
  padding: 0 10px;
  margin-bottom: 5px;
  cursor: pointer;
}
xm-select > .xm-body .xm-search > i {
  position: absolute;
  color: #666;
}
xm-select > .xm-body .xm-search-input {
  border: none;
  border-bottom: 1px solid #E6E6E6;
  padding-left: 27px;
  cursor: text;
}
xm-select > .xm-body .xm-paging {
  padding: 0 10px;
  display: flex;
  margin-top: 5px;
}
xm-select > .xm-body .xm-paging > span:first-child {
  border-radius: 2px 0 0 2px;
}
xm-select > .xm-body .xm-paging > span:last-child {
  border-radius: 0 2px 2px 0;
}
xm-select > .xm-body .xm-paging > span {
  display: flex;
  flex: auto;
  justify-content: center;
  vertical-align: middle;
  margin: 0 -1px 0 0;
  background-color: #fff;
  color: #333;
  font-size: 12px;
  border: 1px solid #e2e2e2;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
  min-width: 50px;
}
xm-select > .xm-body .xm-toolbar {
  padding: 0 10px;
  display: flex;
  margin: -3px 0;
  cursor: default;
}
xm-select > .xm-body .xm-toolbar .toolbar-tag {
  cursor: pointer;
  display: flex;
  margin-right: 20px;
  color: #666;
  align-items: baseline;
}
xm-select > .xm-body .xm-toolbar .toolbar-tag:hover {
  opacity: 0.8;
}
xm-select > .xm-body .xm-toolbar .toolbar-tag:active {
  opacity: 1;
}
xm-select > .xm-body .xm-toolbar .toolbar-tag > i {
  margin-right: 2px;
  font-size: 14px;
}
xm-select > .xm-body .xm-toolbar .toolbar-tag:last-child {
  margin-right: 0;
}
xm-select > .xm-body .xm-body-custom {
  line-height: initial;
  cursor: default;
}
xm-select > .xm-body .xm-body-custom * {
  box-sizing: initial;
}
xm-select > .xm-body .xm-tree {
  position: relative;
}
xm-select > .xm-body .xm-tree-icon {
  display: inline-block;
  margin-right: 3px;
  cursor: pointer;
  border: 6px dashed transparent;
  border-left-color: #C2C2C2;
  border-left-style: solid;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  z-index: 2;
  visibility: hidden;
}
xm-select > .xm-body .xm-tree-icon.expand {
  margin-top: 3px;
  margin-right: 5px;
  margin-left: -2px;
  transform: rotate(90deg);
}
xm-select > .xm-body .xm-tree-icon.visible {
  visibility: visible;
}
xm-select > .xm-body .xm-tree .left-line {
  position: absolute;
  left: 13px;
  width: 0;
  z-index: 1;
  border-left: 1px dotted #c0c4cc !important;
}
xm-select > .xm-body .xm-tree .top-line {
  position: absolute;
  left: 13px;
  height: 0;
  z-index: 1;
  border-top: 1px dotted #c0c4cc !important;
}
xm-select > .xm-body .xm-tree .xm-tree-icon + .top-line {
  margin-left: 1px;
}
xm-select > .xm-body .scroll-body > .xm-tree > .xm-option > .top-line,
xm-select > .xm-body .scroll-body > .xm-option > .top-line {
  width: 0 !important;
}
xm-select > .xm-body .xm-cascader-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 0;
}
xm-select > .xm-body .xm-cascader-box[index="0"] {
  background-color: #F5F5F5;
}
xm-select > .xm-body .xm-cascader-box[index="1"] {
  background-color: #FAFAFA;
}
xm-select > .xm-body .xm-cascader-box[index="2"] {
  background-color: #FFFFFF;
}
xm-select > .xm-body .xm-cascader-box[index="3"] {
  background-color: #EFEFEF;
}
xm-select > .xm-body.cascader {
  background-color: #EFEFEF;
}
xm-select .xm-input {
  cursor: pointer;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #E6E6E6;
  display: block;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  line-height: 1.3;
  padding-left: 10px;
  outline: 0;
  user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
}
xm-select .dis {
  display: none;
}
xm-select .loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
xm-select .loader {
  border: 0.2em dotted currentcolor;
  border-radius: 50%;
 /* -webkit-animation: 1s loader linear infinite;
  animation: 1s loader linear infinite;*/
  display: inline-block;
  width: 1em;
  height: 1em;
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
}
xm-select .xm-select-default {
  position: absolute;
  width: 100%;
  height: 40px;
  border: none;
  visibility: hidden;
}
xm-select .xm-select-disabled {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: no-drop;
  z-index: 2;
  opacity: 0.3;
  background-color: #FFF;
}
xm-select .item--divided {
  border-top: 1px solid #ebeef5;
  width: calc(100% - 20px);
  cursor: initial;
}
xm-select[size='large'] {
  min-height: 40px;
  line-height: 40px;
}
xm-select[size='large'] .xm-input {
  height: 40px;
}
xm-select[size='large'] .xm-label .scroll .label-content {
  line-height: 34px;
}
xm-select[size='large'] .xm-label .xm-label-block {
  height: 30px;
  line-height: 30px;
}
xm-select[size='large'] .xm-body .xm-option .xm-option-icon {
  height: 20px;
  width: 20px;
  font-size: 20px;
}
xm-select[size='large'] .xm-paging > span {
  height: 34px;
  line-height: 34px;
}
xm-select[size='large'] .xm-tree .left-line {
  height: 100%;
  bottom: 20px;
}
xm-select[size='large'] .xm-tree .left-line-group {
  height: calc(100% - 40px);
}
xm-select[size='large'] .xm-tree .xm-tree-icon.hidden + .top-line {
  top: 19px;
}
xm-select[size='large'] .item--divided {
  margin: 10px;
}
xm-select {
  min-height: 36px;
  line-height: 36px;
}
xm-select .xm-input {
  height: 36px;
}
xm-select .xm-label .scroll .label-content {
  line-height: 30px;
}
xm-select .xm-label .xm-label-block {
  height: 26px;
  line-height: 26px;
}
xm-select .xm-body .xm-option .xm-option-icon {
  height: 18px;
  width: 18px;
  font-size: 18px;
}
xm-select .xm-paging > span {
  height: 30px;
  line-height: 30px;
}
xm-select .xm-tree .left-line {
  height: 100%;
  bottom: 18px;
}
xm-select .xm-tree .left-line-group {
  height: calc(100% - 36px);
}
xm-select .xm-tree .xm-tree-icon.hidden + .top-line {
  top: 17px;
}
xm-select .item--divided {
  margin: 9px;
}
xm-select[size='small'] {
  min-height: 32px;
  line-height: 32px;
}
xm-select[size='small'] .xm-input {
  height: 32px;
}
xm-select[size='small'] .xm-label .scroll .label-content {
  line-height: 26px;
}
xm-select[size='small'] .xm-label .xm-label-block {
  height: 22px;
  line-height: 22px;
}
xm-select[size='small'] .xm-body .xm-option .xm-option-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
}
xm-select[size='small'] .xm-paging > span {
  height: 26px;
  line-height: 26px;
}
xm-select[size='small'] .xm-tree .left-line {
  height: 100%;
  bottom: 16px;
}
xm-select[size='small'] .xm-tree .left-line-group {
  height: calc(100% - 32px);
}
xm-select[size='small'] .xm-tree .xm-tree-icon.hidden + .top-line {
  top: 15px;
}
xm-select[size='small'] .item--divided {
  margin: 8px;
}
xm-select[size='mini'] {
  min-height: 28px;
  line-height: 28px;
}
xm-select[size='mini'] .xm-input {
  height: 28px;
}
xm-select[size='mini'] .xm-label .scroll .label-content {
  line-height: 22px;
}
xm-select[size='mini'] .xm-label .xm-label-block {
  height: 18px;
  line-height: 18px;
}
xm-select[size='mini'] .xm-body .xm-option .xm-option-icon {
  height: 14px;
  width: 14px;
  font-size: 14px;
}
xm-select[size='mini'] .xm-paging > span {
  height: 22px;
  line-height: 22px;
}
xm-select[size='mini'] .xm-tree .left-line {
  height: 100%;
  bottom: 14px;
}
xm-select[size='mini'] .xm-tree .left-line-group {
  height: calc(100% - 28px);
}
xm-select[size='mini'] .xm-tree .xm-tree-icon.hidden + .top-line {
  top: 13px;
}
xm-select[size='mini'] .item--divided {
  margin: 7px;
}
.layui-form-pane xm-select {
  margin: -1px -1px -1px 0;
}
.air-list1 {
    width:77%;
    margin:3% auto 1%;
}
.air-list1 div {
    float:left;
    width:20%;
    font-size:20px;
    color:#007B82;
    margin-right:5%;
}
.air-list2 {
    width:77%;
    margin:6.5% auto 1%;
}
.air-list2 div {
    float:left;
    width:20%;
    font-size:14px;
    color:#595757;
    margin-right:5%;
    line-height:24px;
}