html,body {
  position: relative;
}
@font-face {
  font-family: "gothic";
  src: url('../fonts/GOTHIC.TTF?t=1666079180273') format('truetype');
  font-display: swap;
}
@font-face {
    font-family: "Century Gothic";
    src: url('../fonts/CenturyGothic.TTF') format('truetype');
    font-display: swap;
}
body {
  background: #fff;
  font-family: "gothic",Arial;
  font-size: 14px;
  color: #333;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}
*{
  font-family: "gothic",Arial;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
a, a:hover,a:visited,a:focus{
  text-decoration: none;
  color: #333;
}
button{
  cursor: pointer;
}
ul,li{
  list-style: none;
}
.list-paddingleft-2, .list-paddingleft-2 ul,.list-paddingleft-2 li{
  list-style: inherit;
}
.list-paddingleft-2{
  padding-left: 20px;
}
.article-box p, .invite-text p{
  margin: 5px 0;
}
.article-box img, .invite-text img{
  max-width: 100%;
}
.nwzgj-box table{
    border-collapse: collapse !important;
}
.nwzgj-box table tr,td{
    height:36px !important;
}
.nwzgj-box .selectTdClass{background-color:#edf5fa !important}
.nwzgj-box table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}
.nwzgj-box table{margin-bottom:10px;border-collapse:collapse;display:table;}
.nwzgj-box td,th{padding: 5px 10px;border: 1px solid #DDD;}
.nwzgj-box caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.nwzgj-box th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.nwzgj-box table tr.firstRow th{border-top-width:2px;}
.nwzgj-box .ue-table-interlace-color-single{ background-color: #fcfcfc; }
.nwzgj-box .ue-table-interlace-color-double{ background-color: #f7faff; }
.nwzgj-box td p{margin:0;padding:0;}
input[type="text"]::-webkit-input-placeholder{
  color: rgba(114, 113, 113, 0.5);
}
input[type="text"]::-moz-input-placeholder{
  color: rgba(114, 113, 113, 0.5);
}
input[type="text"]::-ms-input-placeholder{
  color: rgba(114, 113, 113, 0.5);
}
.no-margin{
  margin: 0 !important;
}
.no-margin-top{
  margin-top: 0 !important;
}
.no-margin-bottom{
  margin-bottom: 0 !important;
}
.no-margin-left{
  margin-left: 0 !important;
}
.no-margin-right{
  margin-right: 0 !important;
}
.no-padding{
  padding: 0 !important;
}
.no-padding-top{
  padding-top: 0 !important;
}
.no-padding-bottom{
  padding-bottom: 0 !important;
}
.no-padding-left{
  padding-left: 0 !important;
}
.no-padding-right{
  padding-right: 0 !important;
}
.no-border{
  border: 0  !important;
}
.no-border-top{
  border-top: 0  !important;
}
.no-border-bottom{
  border-bottom: 0  !important;
}
.no-border-left{
  border-left: 0  !important;
}
.no-border-right{
  border-right: 0  !important;
}
@media screen and (max-width: 1000px) {
  body {
    min-width: 100px;
  }
  .article-box img, .invite-text img{
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

/*nwzgj-header pc端导航栏*/
.nwzgj-header{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background: #fff;
  position: sticky;
  z-index: 3;
  top: 0;
  padding: 0 30px;
  align-items: center;
}
.nwzgj-header.header-shadow{
  box-shadow: 0px 4px 10px rgb(0 0 0 / 8%);
}
.nwzgj-header .logo{
  display: block;
  width: 160px;
  height: 84px;
  background: url("../images/logo1-b.svg") no-repeat left center;
  background-size: 145px;
  transition: background-size .3s;
}
.nwzgj-header .logo:hover{
  background-size: 160px;
}
.nwzgj-header .s-country{
	display: block;
	position: relative;
	margin: 0 0 0 27px;
	padding: 0 0 0 20px;
}
.nwzgj-header .s-country::before{
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 8px);
	display: block;
	width: 1px;
	height: 16px;
	background: #ccc;
}
.nwzgj-header .s-country .s-link{
	display: flex;
	height: 84px;
	align-items: center;
	color: #727171;
	font-size: 16px;
	font-weight: 700;
	line-height: 28px;
	cursor: pointer;
}
.nwzgj-header .s-country.open-c .s-link{
	color: #004098;
}
.nwzgj-header .s-country .s-link img{
	display: block;
	width: 18px;
	margin: 0 4px 0 0;
}
.nwzgj-header .s-country .s-link::before{
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../images/icon-earth.svg") no-repeat center;
	background-size: 16px;
	margin: 0 4px 0 0;
}
.nwzgj-header .s-country.open-c .s-link::before{
	background: url("../images/icon-earth-b.svg") no-repeat center;
	background-size: 16px;
}
.nwzgj-header .s-country .s-link::after{
	content: "";
	display: block;
	width: 9px;
	height: 6px;
	background: url("../images/icon-xxjt.svg") no-repeat center;
	background-size: 9px;
	margin: 0 0 0 4px;
}
.nwzgj-header .s-country.open-c .s-link::after{
	transform: rotate(180deg)
}
.nwzgj-header .s-country.open-c .s-item{
	display: block;
}
.nwzgj-header .s-country.open-c .s-item input{
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	border: 1px solid #DCDFE6;
	border-radius: 4px;
	min-width: 150px;
	padding: 0 10px;
	margin: 0 0 15px 0;
	font-size: 14px;
	color: #333;
}
.nwzgj-header .s-country.open-c .s-item input:focus{
	border-color: #004098;
}
.nwzgj-header .s-country .s-item{
	display: none;
	position: absolute;
	left: 0;
	top:84px;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 15px;
	border-radius: 10px;
	max-height: 430px;
	overflow: auto;
}
.nwzgj-header .s-country .s-item .items,
.nwzgj-header .s-country .s-item .items a,
.nwzgj-header .s-country .s-item .items a:active,
.nwzgj-header .s-country .s-item .items a:visited,
.nwzgj-header .s-country .s-item .items a:focus{
	display: block;
	padding: 10px 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
}
.nwzgj-header .s-country .s-item .items:hover,
.nwzgj-header .s-country .s-item .items a:hover,
.nwzgj-header .s-country .s-item .items.active,
.nwzgj-header .s-country .s-item .items.active a{
	color: #004098;
	background: #F9FAFC;
}
.nwzgj-header .menu{
  display: block;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
}
.nwzgj-header .menu .meun-list{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.nwzgj-header .menu .meun-list>li{
  display: block;
  color: #727171;
  font-size: 16px;
}
.nwzgj-header .menu .meun-list>li+li{
  margin-left: 48px;
}
.nwzgj-header .menu .meun-list>li>a,
.nwzgj-header .menu .meun-list>li>a:visited,
.nwzgj-header .menu .meun-list>li>a:active{
  display: block;
  color: #727171;
  cursor: pointer;
  position: relative;
  height: 84px;
  line-height: 80px;
}
.nwzgj-header .menu .meun-list>li>a::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width:0;
  height: 4px;
  background: #004098;
  opacity: 0;
  transition: width .3s,left .3s,opacity .3s;
}
.nwzgj-header .menu .meun-list>li:hover>a,
.nwzgj-header .menu .meun-list>li>a:hover{
  color: #004098;
}
.nwzgj-header .menu .meun-list>li.active>a{
  color: #004098;
  font-weight: 700;
}
.nwzgj-header .menu .meun-list>li.active>a::before,
.nwzgj-header .menu .meun-list>li:hover>a::before{
  width: 100%;
  left: 0;
  opacity: 1;
}
.nwzgj-header .menu .meun-list>li .second-menu{
  display: none;
  position: absolute;
  background: #fff;
  padding: 15px 15px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin: 0 0 0 -30px;
}

.nwzgj-header .menu .meun-list>li:hover .second-menu{
  display: block;
}
.nwzgj-header .menu .meun-list>li .second-menu>li{
  display: block;
  margin:0;
  position: relative;
}
.nwzgj-header .menu .meun-list>li .second-menu>li>ul>li{
  display: block;
  margin: 0 0;
  padding: 14px 20px;
}
.nwzgj-header .menu .meun-list>li .second-menu>li>a,
.nwzgj-header .menu .meun-list>li .second-menu>li>a:visited,
.nwzgj-header .menu .meun-list>li .second-menu>li>a:active,
.nwzgj-header .menu .meun-list>li .second-menu>li>ul>li>a,
.nwzgj-header .menu .meun-list>li .second-menu>li>ul>li>a:visited,
.nwzgj-header .menu .meun-list>li .second-menu>li>ul>li>a:active{
  width: 258px;
  padding: 14px 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  color: #333;
  word-break: break-word;
  white-space: normal;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.nwzgj-header .menu .meun-list>li .second-menu>li>ul>li>a,
.nwzgj-header .menu .meun-list>li .second-menu>li>ul>li>a:visited,
.nwzgj-header .menu .meun-list>li .second-menu>li>ul>li>a:active{
  padding: 0;
}
.nwzgj-header .menu .meun-list>li .second-menu>li.active>a,
.nwzgj-header .menu .meun-list>li .second-menu>li>ul>li.active>a,
.nwzgj-header .menu .meun-list>li .second-menu>li>a:hover,
.nwzgj-header .menu .meun-list>li .second-menu>li>ul>li>a:hover{
  color: #004098;
  background: #F9FAFC;
}
.nwzgj-header .menu .meun-list>li .second-menu>li>ul>li.active,
.nwzgj-header .menu .meun-list>li .second-menu>li>ul>li:hover{
  color: #004098;
  background: #F9FAFC;
}
.nwzgj-header .menu .meun-list>li .second-menu>li.right-icon>a{
  background: url("../images/icon-right2-g.svg") no-repeat right center;
  background-size: 14px;
}
.nwzgj-header .menu .meun-list>li .second-menu>li.right-icon.active>a,
.nwzgj-header .menu .meun-list>li .second-menu>li.right-icon>a:hover{
  color: #004098 ;
  background: #F9FAFC url("../images/icon-right2-g.svg") no-repeat right center;
  background-size: 14px;
}
.nwzgj-header .menu .meun-list>li .second-menu>li>.second-menu{
  display: none;
  position: absolute;
  top: 0;
  left: calc(100% + 30px);
}
.nwzgj-header .menu .meun-list>li .second-menu>li:hover>.second-menu{
  display: block;
}
.nwzgj-header .menu .meun-list>li .second-menu.many{
  display: none;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  left: 0;
  border-radius: 0 0 10px 10px;
  max-height: 600px;
  overflow: auto;
}
.nwzgj-header .menu .meun-list>li:hover .second-menu.many{
  display: flex;
}
.nwzgj-header .menu .meun-list>li .second-menu.many>li{
  display: block;
  margin: 0;
  flex: 1;
  width: 10%;
}
.nwzgj-header .menu .meun-list>li .second-menu.many>li+li{
  margin-left: 20px;
}
.nwzgj-header .menu .meun-list>li .second-menu.many>li>a,
.nwzgj-header .menu .meun-list>li .second-menu.many>li>a:visited,
.nwzgj-header .menu .meun-list>li .second-menu.many>li>a:active,
.nwzgj-header .menu .meun-list>li .second-menu.many>li>ul>li>a,
.nwzgj-header .menu .meun-list>li .second-menu.many>li>ul>li>a:visited,
.nwzgj-header .menu .meun-list>li .second-menu.many>li>ul>li>a:active{
  width: 100%;
}
.nwzgj-header .menu .meun-list>li .second-menu.many>li>a{
  border-bottom: 1px solid rgba(0, 64, 152, 0.2);
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  padding: 0 0 10px 0;
  height: 55px;
}
.nwzgj-header .menu .meun-list>li .second-menu.many>li.active>a,
.nwzgj-header .menu .meun-list>li .second-menu.many>li>a:hover{
  background: transparent;
  color: #004098;
}
.nwzgj-header .menu .meun-list>li .second-menu.many>li>a+ul{
  margin-top: 10px;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu{
  display: none;
  width: 100%;
  margin: 0;
  left: 0;
  border-radius: 0 0 10px 10px;
  min-height: 400px;
  max-height: 644px;
  overflow: auto;
  padding: 20px 10%;
}
.nwzgj-header .menu .meun-list>li:hover .second-menu.new-menu{
  display: block;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list{
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list{
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list .list{
  display: block;
  flex: 2;
  padding: 0 20px;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list .list+.list{
  border-left: 1px  solid #d9d9d9;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list .list:first-child{
  padding-left: 0;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list .list:last-child{
  flex: 3;
  padding-right: 0;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list .list .link{
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #727171;
  padding: 14px 10px;
  font-weight: normal;
  white-space: break-spaces;
  cursor: pointer;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list .list .link+.link{
  margin-top: 5px;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list .list .link:hover{
  background: #F9FAFC;
  color: #004098;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list .list .link.active{
  color: #004098;
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list .list .link.arrow.active>span{
  max-width: calc(100% - 26px);
}
.nwzgj-header .menu .meun-list>li .second-menu.new-menu .menu-list .list .link.arrow.active::after{
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/icon-right2.svg") no-repeat right center;
  background-size: 16px;
  margin: 0 0 0 10px;
}
.nwzgj-header .btns{
  display: block;
  margin: 0 0 0 90px;
}
.nwzgj-header .btns .btn-1{
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  border: 1px solid #004098;
  color: #004098;
  height: 28px;
  line-height: 26px;
  padding: 0 16px;
  border-radius: 28px;
  margin: 0 0 0 10px;
  cursor: pointer;
  transition: box-shadow .3s;
  position: relative;
}
.nwzgj-header .btns .btn-1:hover{
  box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
}
.nwzgj-header .btns .btn-1 .figure{
  position: absolute;
  left: 10px;
  top: -8px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: #ED6D00;
  color: #fff;
  border-radius: 100%;
  font-size: 12px;
  padding: 0 1px;
  min-width: 16px;
}
.nwzgj-header .btns .btn-2{
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  border: 1px solid #2C76B9;
  background: #2C76B9;
  color: #fff;
  height: 28px;
  line-height: 26px;
  padding: 0 16px;
  border-radius: 28px;
  margin: 0 0 0 10px;
  cursor: pointer;
  transition: background .3s ,border-color .3s ,box-shadow .3s;
}
.nwzgj-header .btns .btn-2:hover{
  background: #207bce;
  border-color: #207bce;
  box-shadow: 2px 2px 10px 0 rgb(44 118 185 / 15%);
}
.nwzgj-header .btns .btn-1 span,.nwzgj-header .btns .btn-2 span{
  display: block;
  white-space: nowrap;
}
.nwzgj-header .btns .btn-1 img,.nwzgj-header .btns .btn-2 img{
  display: block;
  height: 18px;
  width: auto;
  margin: 0 9px 0 0;
}
.nwzgj-header .btns .more-search{
  display: block;
  width: 0;
  position: absolute;
  right: 284px;
  top: 0;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
  border-radius: 0px 0px 8px 8px;
  z-index: 2;
  transition: width .3s;
  overflow: hidden;
}
.nwzgj-header .btns.open-ser .more-search{
  width: 525px;
}
.nwzgj-header .btns .more-search .search-box{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 22px 20px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #004098;
  border-radius: 8px;
}
.nwzgj-header .btns .more-search .search-box input{
  display: block;
  border: 0;
  flex: 1;
  padding: 0 0 0 20px;
  color: #004098;
  font-size: 16px;
}
.nwzgj-header .btns .more-search .search-box .search-btn{
  display: block;
  width: 38px;
  height: 38px;
  background: url("../images/icon-search.svg") no-repeat center;
  background-size: 16px;
  cursor: pointer;
}
.nwzgj-header .btns .more-search .search-box .close-btn{
  display: block;
  width: 38px;
  height: 38px;
  background: url("../images/icon-close.svg") no-repeat center;
  background-size: 16px;
  cursor: pointer;
  position: relative;
}
.nwzgj-header .btns .more-search .search-box .search-btn+.close-btn::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  display: block;
  width: 1px;
  height: 14px;
  background: rgba(114, 113, 113, 0.2);
}
.nwzgj-header .btns .more-search .search-list{
  display: block;
  background:#f9fafc ;
  padding: 20px 5px;
  border-radius: 0 0 8px 8px;
  min-height: 150px;
  max-height: 420px;
  overflow: auto;
}
.nwzgj-header .btns .more-search .search-list .associate-list{
  display: block;
  padding: 0  20px;
}
.nwzgj-header .btns .more-search .search-list .associate-list .li-lis{
  display: block;
  color: #495770;
  font-size: 16px;
  line-height: 1.75;
  padding: 6px  0;
}
.nwzgj-header .btns .more-search .search-list .associate-list .li-lis a,
.nwzgj-header .btns .more-search .search-list .associate-list .li-lis a:visited,
.nwzgj-header .btns .more-search .search-list .associate-list .li-lis a:active{
  color: #495770;
  cursor: pointer;
  text-decoration: none;
}
.nwzgj-header .btns .more-search .search-list .associate-list .li-lis a:hover{
  color: #004098;
}
.nwzgj-header .btns .more-search .search-list .list{
  display: block;
}
.nwzgj-header .btns .more-search .search-list .list+.list{
  margin-top: 20px;
}
.nwzgj-header .btns .more-search .search-list .list .title{
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(114, 113, 113, 0.8);
  padding: 0 15px;
}
.nwzgj-header .btns .more-search .search-list .list .text{
  display: flex;
  flex-wrap: wrap;
}
.nwzgj-header .btns .more-search .search-list .list .text .txt,
.nwzgj-header .btns .more-search .search-list .list .text .txt:visited,
.nwzgj-header .btns .more-search .search-list .list .text .txt:active{
  display: block;
  margin: 8px 15px 0 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
}
.nwzgj-header .btns .more-search .search-list .list .text .txt:hover{
  color: #004098;
}
@media screen and (max-width: 1600px) {
  .nwzgj-header .menu .meun-list{
    justify-content: space-evenly;
  }
  .nwzgj-header .menu .meun-list>li+li{
    margin: 0;
  }
  .nwzgj-header .btns{
    margin: 0;
  }
}
@media screen and (max-width: 1320px) {
.nwzgj-header .btns .more-search {
    right: 144px;
}
.nwzgj-header .btns .btn-1{
	padding: 0 4px;
	margin: 0 0 0 4px;
}
.nwzgj-header .btns .btn-2{
	padding: 0 8px;
	margin: 0 0 0 4px;
}
.nwzgj-header .btns .btn-1 img,
.nwzgj-header .btns .btn-2 img{
	margin-right: 0;
}
.nwzgj-header .btns .btn-1 img+span,
.nwzgj-header .btns .btn-2 img+span{
	display: none;
}
}
@media screen and (max-width: 1280px) {
  .nwzgj-header .menu .meun-list>li .second-menu.new-menu{
    min-height: 300px;
    max-height: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .nwzgj-header{
    display: none;
  }
}

/*phone-header 移动端导航*/
.phone-header{
  display: none;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 0 16px;
  position: sticky;
  top: 0;
  z-index: 3;
  box-shadow: 3px 5px 10px 0px rgba(37, 45, 51, 0.10);
}
.phone-header.open-menu,.phone-header.open-sear{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.phone-header .logo{
  display: block;
  width: 100px;
  height: 56px;
  background: url("../images/logo1-b.svg") no-repeat center;
  background-size: 100px;
}
.phone-header .btns{
  display: block;
}
.phone-header .btns .btn-1{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/icon-cart-b.svg") no-repeat center;
  background-size: 24px;
  margin: 0 15px 0 0;
  position: relative;
}
.phone-header .btns .btn-1 .figure{
  position: absolute;
  left: 10px;
  top: -8px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: #ED6D00;
  color: #fff;
  border-radius: 100%;
  font-size: 12px;
  padding: 0 1px;
  min-width: 16px;
}
.phone-header .btns .btn-2{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/icon-user-b.svg") no-repeat center;
  background-size: 18px;
  margin: 0 15px 0 0;
}
.phone-header.open-menu .btns .btn-1,.phone-header.open-menu .btns .btn-2{
  display: none;
}
.phone-header .btns .sear-btn{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/icon-search-b.svg") no-repeat center;
  background-size: 24px;
  margin: 0 50px 0 0;
}
.phone-header.open-menu .btns .sear-btn{
  display: none;
}
.phone-header .btns .opens-btn{
  display: inline-block;
  width: 25px;
  height: 25px;
  z-index: 3;
  position: absolute;
  top: 27px;
  right: 16px;
}
.phone-header .btns .opens-btn em {
  vertical-align: top;
  width: 100%;
  display: inline-block;
  height: 3px;
  position: relative;
  transition: background .5s;
  background: #253554;
}
.phone-header.open-menu .btns .opens-btn em,
.phone-header.open-sear .btns .opens-btn em{
  background: transparent;
}
.phone-header .btns .opens-btn em::before, .phone-header .btns .opens-btn em::after {
  content: '';
  transition: .5s all;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #253554;
  border-radius: 1px;
}
.phone-header .btns .opens-btn em::before {
  top: -9px;
}
.phone-header.open-menu .btns .opens-btn em::before,
.phone-header.open-sear .btns .opens-btn em::before{
  transform: rotate(45deg);
  top: 0;
}
.phone-header .btns .opens-btn em::after {
  top: 9px;
}
.phone-header.open-menu .btns .opens-btn em::after,
.phone-header.open-sear .btns .opens-btn em::after{
  transform: rotate(-45deg);
  top: 0;
}
.phone-header .btns .menu-box{
  display: none;
  position: fixed;
  top: 56px;
  left: 0;
  width: 100%;
  height: calc(100% - 56px);
  overflow: auto;
  background: #fff;
  border-top: 1px solid rgba(155 166 183 / 40%);
  z-index: 1;
}
.phone-header.open-menu .btns .menu-box{
  display: block;
}
.phone-header.open-sear.open-menu .btns .menu-box{
  display: none;
}
.phone-header .btns .menu-box .meun-list{
  display: block;
  padding: 8px 16px;
}
.phone-header .btns .menu-box .meun-list>li{
  display: block;
}
.phone-header .btns .menu-box .meun-list>li+li{
  margin-top: 15px;
  border-top: 1px dashed #ddd;
  padding-top: 15px;
}
.phone-header .btns .menu-box .meun-list>li>a,
.phone-header .btns .menu-box .meun-list>li>a:visited,
.phone-header .btns .menu-box .meun-list>li>a:active{
  display: block;
  padding: 8px 0;
  line-height: 24px;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
.phone-header .btns .menu-box .meun-list>li.active>a{
  color: #004098;
  font-weight: 700;
}
.phone-header .btns .menu-box .meun-list>li>a:hover{
  color: #004098;
}
.phone-header .btns .menu-box .meun-list>li .second-menu{
  display: block;
}
.phone-header .btns .menu-box .meun-list>li .second-menu>li{
  display: block;
}
.phone-header .btns .menu-box .meun-list>li .second-menu>li>a,
.phone-header .btns .menu-box .meun-list>li .second-menu>li>a:visited,
.phone-header .btns .menu-box .meun-list>li .second-menu>li>a:active{
  display: block;
  padding: 8px 0;
  line-height: 24px;
  font-size: 15px;
  color: #333;
}
.phone-header .btns .menu-box .meun-list>li .second-menu>li.active>a,
.phone-header .btns .menu-box .meun-list>li .second-menu>li>a:hover{
  color: #004098;
}
.phone-header .btns .menu-box .meun-list>li .second-menu>li ul{
  display: block;
}
.phone-header .btns .menu-box .meun-list>li .second-menu>li ul li{
  display: block;
}
.phone-header .btns .menu-box .meun-list>li .second-menu>li ul li a,
.phone-header .btns .menu-box .meun-list>li .second-menu>li ul li a:visited,
.phone-header .btns .menu-box .meun-list>li .second-menu>li ul li a:active{
  display: block;
  padding: 8px 0;
  line-height: 24px;
  font-size: 12px;
  color: #999;
}
.phone-header .btns .menu-box .meun-list>li .second-menu>li ul li.active a,
.phone-header .btns .menu-box .meun-list>li .second-menu>li ul li a:hover{
  color: #004098;
}

.phone-header .menu-box .ce{
  display:block;
  background:#fff;
}
.phone-header .menu-box .ce li{
  border: 0;
  position: relative;
}
.phone-header .menu-box .ce li input{
	margin: 16px 24px;
	width: calc(100% - 48px);
	border: 1px solid #EAEBF0;
	height: 36px;
	line-height: 36px;
	background: #fff;
	font-size: 14px;
	color: #333;
	border-radius: 4px;
	padding: 0 10px;
}
.phone-header .menu-box .ce li a{
  color: #333;
  font-size: 14px;
  line-height: 20px;
  display:block;
  cursor:pointer;
  padding: 16px 24px;
  border-bottom: 1px solid #EAEBF0;
  font-weight: bold;
}
.phone-header .menu-box .ce li a:hover,
.phone-header .menu-box .ce li a:active{
  color: #024fb9;
}
.phone-header .menu-box .ce li>a{
	display: flex;
	align-items: center;
}
.phone-header .menu-box .ce li>a img{
	display: block;
	margin: 0 4px 0 0;
	width: 16px;
}
.phone-header .menu-box .ce li i{
  position: absolute;
  right: 0;
  top: 0;
  width: 53px;
  height: 53px;
  display: block;
  text-align: center;
  line-height: 53px;
  font-size: 16px;
  font-weight: bold;
}
.phone-header .menu-box .ce li i.open {
  transform: rotate(180deg);
  color: #004098;
}
.phone-header .menu-box .ce li a .el-icon-arrow-down,
.phone-header .menu-box .ce li a .icon-xiangyoujiantou{
  line-height: 20px;
  float: right;
  font-size: 16px;
  font-weight: bold;
  color: #09121F;
}
.phone-header .menu-box .er{
  display:none;
  background:#fafafa;
}
.phone-header .menu-box .er>li>a{
  padding-left:32px;
}
.phone-header .menu-box .thr{
  display:none;
  background:#f7f7f7;
}
.phone-header .menu-box .thr>li>a{
  padding-left:50px;
}
.phone-header .menu-box .thr_nr{
  display: none;
  background: #f1f1f1;
}
.phone-header .menu-box .thr_nr>li>a{
  padding-left:65px;
  font-size: 12px;
}
.phone-header .btns .more-searchs{
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 2;
  top: 0;
  left: 0;
}
.phone-header.open-sear .btns .more-searchs{
  display: block;
}
.phone-header .btns .more-searchs .search-box{
  display: flex;
  align-items: center;
  margin: 10px 55px 10px 16px;
  border: 1px solid #004098;
  border-radius: 8px;
  height: 36px;
}
.phone-header .btns .more-searchs .search-box img{
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 10px;
}
.phone-header .btns .more-searchs .search-box input{
  display: block;
  border: 0;
  flex: 1;
  padding: 0 10px 0 0;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  border-radius: 8px;
}
.phone-header .btns .more-searchs .search-list{
  display: block;
  height: calc(100% - 56px);
  overflow: auto;
  border-top: 1px solid rgba(155 166 183 / 40%);
  padding: 16px 0;
}
.phone-header .btns .more-searchs .search-list .associate-list{
  display: block;
  padding: 0  20px;
}
.phone-header .btns .more-searchs .search-list .associate-list .li-lis{
  display: block;
  color: #495770;
  font-size: 16px;
  line-height: 1.75;
  padding: 6px  0;
}
.phone-header .btns .more-searchs .search-list .associate-list .li-lis a,
.phone-header .btns .more-searchs .search-list .associate-list .li-lis a:visited,
.phone-header .btns .more-searchs .search-list .associate-list .li-lis a:active{
  color: #495770;
  cursor: pointer;
  text-decoration: none;
}
.phone-header .btns .more-searchs .search-list .associate-list .li-lis a:hover{
  color: #004098;
}
.phone-header .btns .more-searchs .search-list .list{
  display: block;
}
.phone-header .btns .more-searchs .search-list .list+.list{
  margin-top: 20px;
}
.phone-header .btns .more-searchs .search-list .list .title{
  display: block;
  color: rgba(114, 113, 113, 0.8);
  font-size: 14px;
  line-height: 22px;
  padding: 0 16px;
}
.phone-header .btns .more-searchs .search-list .list .text{
  display: flex;
  flex-wrap: wrap;
  padding: 0 8px;
}
.phone-header .btns .more-searchs .search-list .list .text .txt,
.phone-header .btns .more-searchs .search-list .list .text .txt:visited,
.phone-header .btns .more-searchs .search-list .list .text .txt:active{
  display: block;
  color: #333;
  font-size: 12px;
  line-height: 20px;
  margin: 8px 8px 0 8px;
  cursor: pointer;
}
.phone-header .btns .more-searchs .search-list .list .text .txt:hover{
  color: #004098;
}
.sticky-header{
  position: sticky;
  top: 0;
  z-index: 3;
}
@media screen and (max-width: 1000px) {
  .phone-header{
    display: flex;
  }
  .phone-header .btns .more-searchs .search-list .associate-list .li-lis{
    display: block;
    color: #495770;
    font-size: 12px;
    line-height: 20px;
    padding: 6px  0;
  }
}

/*nwzgj-banner*/
.nwzgj-banner{
  display: block;
  width: 100%;
}
.nwzgj-banner.banner-home{
  height: auto;
}
.nwzgj-banner.banner-home .swiper .swiper-wrapper{
  height: auto;
}
.nwzgj-banner .swiper .swiper-slide{
  text-align: center;
}
.nwzgj-banner .swiper .swiper-slide img{
  width: 100%;
  height: auto;
  margin: 0 auto;
  cursor: pointer;
}
.nwzgj-banner .swiper .swiper-horizontal>.swiper-pagination-bullets,
.nwzgj-banner .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.nwzgj-banner .swiper .swiper-pagination-custom,
.nwzgj-banner .swiper .swiper-pagination-fraction {
  bottom: 36px;
}
.nwzgj-banner .swiper .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,32px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,4px));
  display: inline-block;
  border-radius: 0;
  background: var(--swiper-pagination-bullet-inactive-color,#727171);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
.nwzgj-banner .swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.nwzgj-banner .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,7px);
}
.nwzgj-banner .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: var(--swiper-pagination-bullet-inactive-color,#004098);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}
.nwzgj-banner.banner-img{
	height: 390px !important;
	position: relative;
	overflow: hidden;
}
.nwzgj-banner.banner-img .bbg{
	height: 390px;
	min-width: 100%;
	position: absolute;
	z-index: 0;
	top: 0;
	left: calc((100% - 1920px) / 2);
}
.nwzgj-banner.banner-img .banner-text{
	position: relative;
	z-index: 1;
}
.nwzgj-banner.banner-size-2{
  height: 390px !important;
}
.nwzgj-banner.banner-product{
  height: 460px;
  background: url("../images/product-banner.png") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-product2{
  height: 460px;
  background: url("../images/p-banner1.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-product-sm{
  height: 390px;
  background: url("../images/product-banner.png") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-event{
  height: 460px;
  background: url("../images/event-banner.png") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-event-mr{
  height: 390px;
  background: url("../images/event-mr-banner.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-news{
  height: 460px;
  background: url("../images/news-banner.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-news-mr{
  height: 390px;
  background: url("../images/news-mr-banner.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-news-mc{
  height: 390px;
  background: url("../images/news-mc-banner.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-resource{
  height: 460px;
  background: url("../images/resource-banner.png") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-aboutus{
  height: 460px;
  background: url("../images/aboutus-banner.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-company{
  height: 390px;
  background: url("../images/company-banner.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-culture{
  height: 390px;
  background: url("../images/culture-banner.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-distributors{
  height: 390px;
  background: url("../images/culture-banner.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-respon{
  height: 390px;
  background: url("../images/respon-banner.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-stroies{
  height: 390px;
  background: url("../images/stories-banner.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-team{
  height: 390px;
  background: url("../images/stories-banner.jpg") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-contactus{
  height: 460px;
  background: url("../images/contactus-banner.png") no-repeat center;
  background-size: cover;
}
.nwzgj-banner.banner-account{
  height: 280px;
  background: url("../images/account-banner.png") no-repeat center;
  background-size: cover;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
.nwzgj-banner .banner-text{
  display: flex;
  padding: 0 10%;
  width: 100%;
  height: 100%;
  flex-flow: column;
  justify-content: center;
}
.nwzgj-banner .banner-text .title{
  display: block;
  max-width: 683px;
  font-weight: 700;
  font-size: 40px;
  line-height: 80px;
}
.nwzgj-banner.banner-contactus .banner-text .title{
  margin-bottom: 20px;
}
.nwzgj-banner .banner-text .text-list{
  display: flex;
}
.nwzgj-banner .banner-text .text-list .text+.text{
  margin-left: 60px;
}
.nwzgj-banner .banner-text .text{
  display: block;
  max-width: 683px;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
}
.nwzgj-banner .banner-text .text .tit{
  font-weight: 700;
  font-size: 16px;
}
.nwzgj-banner .banner-text .text .tit+.txt{
  margin-top: 20px;
}
.nwzgj-banner .banner-text .text .txt{
  display: flex;
  font-size: 14px;
  align-items: center;
}
.nwzgj-banner .banner-text .text .txt .icon-location{
  display: block;
  width: 22px;
  height: 22px;
  background: url("../images/icon-location.svg") no-repeat left center;
  background-size: 12px;
}
.nwzgj-banner .banner-text .text .txt .icon-phone{
  display: block;
  width: 22px;
  height: 22px;
  background: url("../images/icon-phone.svg") no-repeat left center;
  background-size: 12px;
}
.nwzgj-banner .banner-text .text .txt .icon-email{
  display: block;
  width: 22px;
  height: 22px;
  background: url("../images/icon-email2.svg") no-repeat left center;
  background-size: 14px;
}
.nwzgj-banner .banner-text .text p+p{
  margin-top: 10px;
}
.nwzgj-banner .banner-text .btn-box{
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  z-index: 2;
}
.nwzgj-banner .banner-text .btn-box .link-1,
.nwzgj-banner .banner-text .btn-box .link-1:active,
.nwzgj-banner .banner-text .btn-box .link-1:visited{
  display: block;
  background: #004098;
  color: #fff;
  padding: 18px 32px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
}
.nwzgj-banner .banner-text .btn-box .link-1:hover{
  background: #024fb9;
  color: #fff;
}
@media (min-width: 1920px) {
.nwzgj-banner.banner-img .bbg{
	left: 0;
}
}
@media (min-width: 1800px) {
  .nwzgj-banner .banner-text{
    padding: 0 calc(50% - 720px);
  }
}
@media screen and (max-width: 1000px) {
.nwzgj-banner.banner-img{
	height: auto !important;
	position: relative;
	overflow: hidden;
}
.nwzgj-banner.banner-img .bbg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.nwzgj-banner.banner-img .banner-text{
	position: relative;
}
  .nwzgj-banner .swiper .swiper-slide img{
    width: 100%;
    height: auto;
  }
  .nwzgj-banner .swiper .swiper-horizontal>.swiper-pagination-bullets,
  .nwzgj-banner .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
  .nwzgj-banner .swiper .swiper-pagination-custom, .nwzgj-banner .swiper .swiper-pagination-fraction {
    bottom: 10px;
  }
  .nwzgj-banner.banner-event,
  .nwzgj-banner.banner-event-mr,
  .nwzgj-banner.banner-news,
  .nwzgj-banner.banner-news-mr,
  .nwzgj-banner.banner-news-mc,
  .nwzgj-banner.banner-resource,
  .nwzgj-banner.banner-aboutus,
  .nwzgj-banner.banner-team,
  .nwzgj-banner.banner-contacus,
  .nwzgj-banner.banner-home,
  .nwzgj-banner.banner-product,
  .nwzgj-banner.banner-product2,
  .nwzgj-banner.banner-product-sm,
  .nwzgj-banner.banner-contactus,
  .nwzgj-banner.banner-company,
  .nwzgj-banner.banner-culture,
  .nwzgj-banner.banner-distributors,
  .nwzgj-banner.banner-respon,
  .nwzgj-banner.banner-stroies{
    height: auto;
  }
  .nwzgj-banner.banner-size-2{
    height: auto !important;
  }
  .nwzgj-banner.banner-account{
    padding: 60px 0 0 0;
    height: auto;
  }
  .nwzgj-banner .banner-text{
    padding: 28px 24px !important;
    height: auto;
    min-height: 140px;
    width: 100% !important;
  }
  .nwzgj-banner .banner-text .title {
    font-size: 16px;
    line-height: 22px;
  }
  .nwzgj-banner .banner-text .text {
    font-size: 12px;
    line-height: 16px;
  }
  .nwzgj-banner .banner-text .text-list{

  }
  .nwzgj-banner .banner-text .text-list .text+.text{
    margin-left: 4px;
    margin-top: 0;
  }
  .nwzgj-banner .banner-text .text .tit{
    font-size: 10px;
    line-height: 16px;
  }
  .nwzgj-banner .banner-text .text .tit+.txt {
    margin-top: 4px;
  }
  .nwzgj-banner .banner-text .text .txt {
    font-size: 10px;
    line-height: 16px;
    align-items: flex-start;
  }
  .nwzgj-banner .banner-text .text .txt span{
    display: block;
    flex: 1;
    padding-left: 4px;
  }
  .nwzgj-banner .banner-text .text p+p {
    margin-top: 4px;
  }
  .nwzgj-banner .banner-text .text .tit {
    font-weight: 700;
    font-size: 14px;
  }
  .nwzgj-banner.banner-contactus .banner-text .title {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 20px;
  }
  .nwzgj-banner .banner-text .text .txt .icon-location{
    display: block;
    width: 10px;
    height: 16px;
    background: url("../images/icon-location.svg") no-repeat left center;
    background-size: 10px;
  }
  .nwzgj-banner .banner-text .text .txt .icon-phone{
    display: block;
    width: 10px;
    height: 16px;
    background: url("../images/icon-phone.svg") no-repeat left center;
    background-size: 10px;
  }
  .nwzgj-banner .banner-text .text .txt .icon-email{
    display: block;
    width: 10px;
    height: 16px;
    background: url("../images/icon-email2.svg") no-repeat left center;
    background-size: 10px;
  }
  .nwzgj-banner .banner-text .btn-box{
    margin-top: 12px;
  }
  .nwzgj-banner .banner-text .btn-box .link-1,
  .nwzgj-banner .banner-text .btn-box .link-1:active,
  .nwzgj-banner .banner-text .btn-box .link-1:visited{
    padding: 5px 8px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    border-radius: 4px;
  }
}

/*nwzgj-box*/
.nwzgj-box{
  display: block;
  padding: 80px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.nwzgj-box.min-box{
	/*padding-left: calc(50% - 500px) !important;
	padding-right: calc(50% - 500px) !important;*/
}
.nwzgj-box+.nwzgj-box,
.nwzgj-box.bg-1+.nwzgj-box.bg-1,
.nwzgj-box.bg-2+.nwzgj-box.bg-2{
  padding-top: 0;
}
.nwzgj-box+.nwzgj-box.bg-1,
.nwzgj-box.bg-1+.nwzgj-box,
.nwzgj-box+.nwzgj-box.bg-2,
.nwzgj-box.bg-2+.nwzgj-box{
  padding-top: 80px;
}
.bg-1{
  background: #F9FAFC;
}
.bg-2{
  background:#F9FAFC url("../images/form-bg-1.png") no-repeat right center;
  background-size: cover;
}
.nwzgj-box.bg-1 .box-conts{
  display: block;
  background: #fff;
  padding: 0 0 40px 0;
}
.nwzgj-box.bg-1.padding .box-conts{
  padding: 40px;
}
.nwzgj-box.bg-2 .form-card{
  display: block;
  background: #fff;
  padding: 60px;
  border: 1px solid rgba(0, 64, 152, 0.2);
  box-shadow: 4px 4px 10px rgba(114, 113, 113, 0.05);
  border-radius: 8px;
}
@media (min-width: 1200px) {
  .nwzgj-box{
    width: 1360px;
  }
.nwzgj-box.min-box{
	/*padding-left: calc(50% - 500px) !important;
	padding-right: calc(50% - 500px) !important;*/
}
}
@media screen and (max-width: 1000px) {
.nwzgj-box.min-box{
	padding-left: 16px !important;
	padding-right: 16px !important;
}
  .nwzgj-box{
    display: block;
    padding: 16px 16px !important;
    width: 100% !important;
  }
  .nwzgj-box+.nwzgj-box.bg-1,
  .nwzgj-box.bg-1+.nwzgj-box,
  .nwzgj-box+.nwzgj-box.bg-2,
  .nwzgj-box.bg-2+.nwzgj-box{
    padding-top: 16px;
  }
  .nwzgj-box.bg-1 .box-conts{
    padding: 0 0 15px 0;
  }
  .nwzgj-box.bg-1.padding .box-conts{
    padding: 15px;
  }
  .nwzgj-box.bg-1.padding .box-conts+.box-conts{
	  margin-top: 15px;
  }
  .nwzgj-box.bg-2 .form-card{
    padding: 16px;
  }
  .nwzgj-box+.nwzgj-box{
    border-top: 1px solid rgba(0, 64, 152, 0.1);
    padding-top: 16px;
  }
  .nwzgj-box+.nwzgj-box.bg-1,
  .nwzgj-box.bg-1+.nwzgj-box{
    padding-top: 16px;
  }
  .nwzgj-box+.nwzgj-box.bg-1,
  .nwzgj-box.bg-1+.nwzgj-box{
    border-top: 0;
  }
}

/*event-list1*/
.event-list1{
  display: flex;
  flex-wrap: wrap;
}
.event-list1 .list{
  display: block;
  position: relative;
  width: calc(33.3333333333% - 20px);
  height: 600px;
  margin: 15px;
  overflow: hidden;
}
.event-list1 .list:nth-child(3n+1){
  margin-left: 0;
}
.event-list1 .list:nth-child(3n){
  margin-right: 0;
}
.event-list1 .list::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -100%;
  background: linear-gradient(0deg, #000000 0%, rgba(0,0,0,0.5) 49%, rgba(0,0,0,0.01) 100%);
  transition: bottom .2s;
}
.event-list1 .list:hover::before{
  bottom: 0;
}
.event-list1 .list img{
  display: block;
  width: 100%;
  height: 600px;
  transition: transform .55s;
}
.event-list1 .list:hover img {
  transform: scale(1.1);
}
.event-list1 .list .list-text{
  position: absolute;
  width: 100%;
  left: 0;
  height: 40px;
  overflow: hidden;
  bottom: 40px;
  z-index: 1;
  color: #fff;
  padding: 0 40px;
  transition: height 0.3s ease;
  will-change: height;
}
.event-list1 .list:hover .list-text{
  height: 84px;
}
.event-list1 .list .list-text .title{
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
}
.event-list1 .list .list-text .btns{
  display: block;
  margin: 20px 0 0 0;
  overflow: hidden;
}
.event-list1 .list .list-text .btns .more-btn,
.event-list1 .list .list-text .btns .more-btn:hover,
.event-list1 .list .list-text .btns .more-btn:visited,
.event-list1 .list .list-text .btns .more-btn:active{
  display: inline-flex;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  align-items: center;
  cursor: pointer;
}
.event-list1 .list .list-text .btns .more-btn>span{
  display: block;
}
.event-list1 .list .list-text .btns .more-btn .icon-right{
  display: block;
  width: 8px;
  height: 12px;
  background: url("../images/icon-right.svg") no-repeat center;
  background-size: 8px;
  margin: 0 0 0 6px;
  transition: transform .3s;
}
.event-list1 .list .list-text .btns .more-btn:hover .icon-right{
	transform: translateX(8px);
}
@media screen and (max-width: 1000px) {
  .event-list1 .list{
    width: 100%;
    height: auto;
    margin:0;
  }
  .event-list1 .list::before{
    content: none;
  }
  .event-list1 .list+.list{
    margin-top: 16px;
  }
  .event-list1 .list img {
    height: auto;
  }
  .event-list1 .list:hover img {
    transform: scale(1);
  }
  .event-list1 .list .list-text,
  .event-list1 .list:hover .list-text{
    height: auto;
    bottom: 16px;
    padding:  0 16px;
  }
  .event-list1 .list .list-text .title {
    font-weight:700;
    font-size: 16px;
    line-height: 24px;
  }
  .event-list1 .list .list-text .btns {
    margin: 4px 0 0 0;
  }
  .event-list1 .list .list-text .btns .more-btn,
  .event-list1 .list .list-text .btns .more-btn:hover,
  .event-list1 .list .list-text .btns .more-btn:visited,
  .event-list1 .list .list-text .btns .more-btn:active{
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
  }
  .event-list1 .list .list-text .btns .more-btn .icon-right {
    width: 6px;
    height: 10px;
    background-size: 6px;
  }
}

/*event-list2*/
.event-list2{
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0 45px 0;
}
.event-list2 .list{
  display: block;
  position: relative;
  width: calc(33.3333333333% - 20px);
  margin: 15px;
  background: #FFFFFF;
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow .3s;
}
.event-list2 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.event-list2 .list:nth-child(3n+1){
  margin-left: 0;
}
.event-list2 .list:nth-child(3n){
  margin-right: 0;
}
.event-list2 .list .list-img{
  display: block;
  height: 240px;
  overflow: hidden;
}
.event-list2 .list .list-img img{
  display: block;
  width: 100%;
  height: 240px;
  transition: transform .55s;
  border-radius: 8px 8px 0 0;
}
.event-list2 .list:hover .list-img img {
  transform: scale(1.1);
}
.event-list2 .list .list-cont{
  display: block;
  padding: 20px;
  border-radius: 0 0 8px 8px;
}
.event-list2 .list .list-cont .title{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
}
.event-list2 .list .list-cont .time{
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #999;
  margin: 4px 0 0 0;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.event-list2 .list .list-cont .text{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin: 16px 0 0 0;
  height: 100px;
  overflow: hidden;
}
.event-list2 .list .list-cont .btns{
  display: block;
  padding: 16px 0 0 0;
  margin: 16px 0 0 0;
  border-top: 1px solid rgba(114, 113, 113, 0.2);
}
.event-list2 .list .list-cont .btns .btn,
.event-list2 .list .list-cont .btns .btn:hover,
.event-list2 .list .list-cont .btns .btn:active,
.event-list2 .list .list-cont .btns .btn:visited{
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #004098;
  cursor: pointer;
  background: url("../images/icon-right2.svg") no-repeat right center;
  background-size: 16px;
}
@media screen and (max-width: 1000px) {
  .event-list2 {
    padding: 10px 0;
  }
  .event-list2 .list{
    width: 100%;
    margin: 10px 0;
  }
  .event-list2 .list:hover{
    box-shadow:none;
  }
  .event-list2 .list .list-img{
    height: auto;
  }
  .event-list2 .list .list-img img{
    height: auto;
  }
  .event-list2 .list:hover .list-img img {
    transform: scale(1);
  }
  .event-list2 .list .list-cont{
    padding: 16px;
  }
  .event-list2 .list .list-cont .title{
    height: auto;
    -webkit-line-clamp: inherit;
    font-size: 12px;
    line-height: 20px;
  }
  .event-list2 .list .list-cont .time{
    height: auto;
    white-space: normal;
    font-size: 10px;
    line-height:14px;
  }
  .event-list2 .list .list-cont .text{
    height: auto;
    -webkit-line-clamp: inherit;
    font-size: 12px;
    line-height: 20px;
    margin: 12px 0 0 0;
    color: #666;
  }
  .event-list2 .list .list-cont .btns {
    padding: 12px 0 0 0;
    margin: 12px 0 0 0;
  }
  .event-list2 .list .list-cont .btns .btn,
  .event-list2 .list .list-cont .btns .btn:hover,
  .event-list2 .list .list-cont .btns .btn:active,
  .event-list2 .list .list-cont .btns .btn:visited{
    font-size: 12px;
    line-height: 20px;
    background-size: 14px;
  }
}

/*nwzgj-footer*/
.nwzgj-footer{
  display: block;
  padding: 60px 10% 30px 10%;
  background: #F9FAFC;
  border-top: 1px solid rgba(0, 64, 152, 0.2);
}
@media (min-width: 1800px) {
  .nwzgj-footer{
    padding: 60px calc(50% - 720px) 30px calc(50% - 720px);
  }
}
@media screen and (max-width: 1000px) {
  .nwzgj-footer{
    display: block;
    padding: 20px 16px;
  }
}

/*logo-list*/
.nwzgj-footer .logo-list{
  display: flex;
  border-bottom: 1px solid rgba(114, 113, 113, 0.2);
  padding: 0 0 20px 0;
  align-items: center;
}
.nwzgj-footer .logo-list .logo{
  display: block;
  width: 120px;
  height: 40px;
  background: url("../images/logo1-b.svg") no-repeat center;
  background-size: 120px;
  margin: 0 70px 0 0;
}
.nwzgj-footer .logo-list .btn-1{
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/icon-f.svg") no-repeat center;
  background-size: 10px;
  margin: 0 0 0 10px;
}
.nwzgj-footer .logo-list .btn-2{
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/icon-in.svg") no-repeat center;
  background-size: 20px;
  margin: 0 0 0 10px;
}
.nwzgj-footer .logo-list .btn-3{
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/icon-bird.svg") no-repeat center;
  background-size: 20px;
  margin: 0 0 0 10px;
}
.nwzgj-footer .logo-list .btn-4{
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/icon-play.svg") no-repeat center;
  background-size: 22px;
  margin: 0 0 0 10px;
}
.nwzgj-footer .logo-list .btn-5{
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/icon-ins.svg") no-repeat center;
  background-size: 22px;
  margin: 0 0 0 10px;
}
@media screen and (max-width: 1000px) {
  .nwzgj-footer .logo-list{
    border: 0;
    padding-bottom: 18px;
  }
  .nwzgj-footer .logo-list .logo{
    width: auto;
    height: 24px;
    background-size: 78px;
    flex: 1;
    margin: 0;
    background-position-x: left;
  }
  .nwzgj-footer .logo-list .btn-1,
  .nwzgj-footer .logo-list .btn-2,
  .nwzgj-footer .logo-list .btn-3,
  .nwzgj-footer .logo-list .btn-4,
  .nwzgj-footer .logo-list .btn-5{
    width: 30px;
    height: 30px;
    margin: 0 0 0 5px;
  }
}

/*menu-map*/
.nwzgj-footer .menu-map{
  display: flex;
  border-bottom: 1px solid rgba(114, 113, 113, 0.2);
  padding: 20px 0;
  justify-content: space-between;
}
.nwzgj-footer .menu-map .list{
  display: block;
  min-width: 105px;
  max-width: 383px;
}
.nwzgj-footer .menu-map .list+.list{
  margin-left: 20px;
}
.nwzgj-footer .menu-map .list .title{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.nwzgj-footer .menu-map .list .title a,
.nwzgj-footer .menu-map .list .title a:visited,
.nwzgj-footer .menu-map .list .title a:active{
  color: #333;
  cursor: pointer;
}
.nwzgj-footer .menu-map .list .title a:hover{
  color: #004098;
}
.nwzgj-footer .menu-map .list .text{
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #727171;
  margin: 20px 0 0 0;
}
.nwzgj-footer .menu-map .list .text .txt{
  display: block;
  color: #727171;
}
.nwzgj-footer .menu-map .list .text a.txt,
.nwzgj-footer .menu-map .list .text a.txt:visited,
.nwzgj-footer .menu-map .list .text a.txt:active{
  cursor: pointer;
}
.nwzgj-footer .menu-map .list .text a.txt:hover{
  color: #004098;
}
@media screen and (max-width: 1000px) {
  .nwzgj-footer .menu-map{
    display: block;
    border-bottom: 0;
    padding:0;
  }
  .nwzgj-footer .menu-map .list{
    display: block;
    margin: 0;
    width: 100%;
  }
  .nwzgj-footer .menu-map .list+.list{
    margin-top: 20px;
    margin-left: 0;
  }
  .nwzgj-footer .menu-map .list:nth-child(1),
  .nwzgj-footer .menu-map .list:nth-child(2),
  .nwzgj-footer .menu-map .list:nth-child(3),
  .nwzgj-footer .menu-map .list:nth-child(4){
    display: none;
  }
  .nwzgj-footer .menu-map .list:nth-child(5){
    margin-top: 0 !important;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    position: relative;
	max-width: 100%;
  }
  .nwzgj-footer .menu-map .list .title{
    color: #004098;
    font-size: 14px;
    line-height: 22px;
    border-bottom: 1px solid #F9FAFC;
    padding-bottom: 8px;
  }


  .nwzgj-footer .menu-map .list .title{
	  display: none;
  }
  .nwzgj-footer .menu-map .list:nth-child(5) .title+.text{
	  margin-top: 0;
  }
  .nwzgj-footer .menu-map .list:nth-child(5) .title+.text .txt:first-child{
		background: url("../images/foot-icon1.svg") no-repeat 0px 1px;
	    background-size: 20px;
		padding-left: 28px;
		display: block;
		position: inherit;
		line-height: 22px;
		border-bottom: 1px solid #F9FAFC;
		padding-bottom: 8px;
  }
  .nwzgj-footer .menu-map .list .title+.text .txt:first-child~.txt{
	  display: none;
  }
  .nwzgj-footer .menu-map .list:nth-child(5) .text .txt.teltxt span{
	  display: block;
  }
  .nwzgj-footer .menu-map .list:nth-child(5) .text .txt.teltxt span:nth-child(2){
	  padding-left: 22px;
  }
  .nwzgj-footer .menu-map .list:nth-child(5) .text .txt.teltxt{

  }


  .nwzgj-footer .menu-map .list .text{
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
  }
  .nwzgj-footer .menu-map .list .text .txt+.txt{
    margin-top: 8px;
  }
  .nwzgj-footer .menu-map .list:nth-child(5)  .title{
    background: url("../images/foot-icon1.svg") no-repeat 0px 1px;
    background-size: 20px;
    padding-left: 28px;
  }
  .nwzgj-footer .menu-map .list:nth-child(5) .text .txt:first-child{
    color: #333;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 11px;
  }
  .nwzgj-footer .menu-map .list:nth-child(5) .text .txt:nth-child(2){
    background: url("../images/foot-icon2.svg") no-repeat 0px 3px;
    background-size: 14px;
    padding-left: 22px;
  }
  .nwzgj-footer .menu-map .list:nth-child(5) .text .txt:nth-child(3){
    background: url("../images/foot-icon3.svg") no-repeat 0px 3px;
    background-size: 14px;
    padding-left: 22px;
  }
  .nwzgj-footer .menu-map .list:nth-child(5) .text .txt:nth-child(4){
    background: url("../images/foot-icon4.svg") no-repeat 0px 3px;
    background-size: 14px;
    padding-left: 22px;
  }
}

/*copyright*/
.nwzgj-footer .copyright{
  display: block;
  padding: 20px 0 0 0;
}
.nwzgj-footer .copyright p{
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #727171;
}
.nwzgj-footer .copyright p span,.nwzgj-footer .copyright p a{
  margin: 0 5px;
}
.nwzgj-footer .copyright p a,
.nwzgj-footer .copyright p a:visited,
.nwzgj-footer .copyright p a:active{
  color: #727171;
  cursor: pointer;
  text-decoration: underline;
}
.nwzgj-footer .copyright p a:hover{
  color: #004098;
}
@media screen and (max-width: 1000px) {
  .nwzgj-footer .copyright{
    padding: 10px 0 0 0;
  }
  .nwzgj-footer .copyright p{
    text-align: center;
    font-size: 12px;
    line-height: 20px;
  }
}

/*tabs1*/
.tabs1{
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin: -5px 0;
}
.tabs1 .tab-left{
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.tabs1 .phone-sel{
  display: none;
}
.tabs1 .tab-link,
.tabs1 .tab-link:visited,
.tabs1 .tab-link:active{
  display: block;
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  border-radius: 8px;
  border: 1px solid #ddd;
  color: #727171;
  min-width: 160px;
  text-align: center;
  position: relative;
  cursor: pointer;
  margin: 5px 10px 5px 0;
  justify-content: center;
}
.tabs1 .tab-link.small,
.tabs1 .tab-link.small:visited,
.tabs1 .tab-link.small:active{
  min-width: 100px;
}
.tabs1 .tab-link::after{
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 0;
  height: 100%;
  transition: width .3s,background .3s;
  background: transparent;
  border-radius: 8px;
}
.tabs1 .tab-link.active::after,
.tabs1 .tab-link:hover::after{
  width: 100%;
  background: #004098;
}
.tabs1 .tab-link.active,
.tabs1 .tab-link:hover{
  color: #fff;
  border: 0;
}
.tabs1 .tab-link>span{
  position: relative;
  z-index: 1;
}
.tabs1 .tab-right{
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}
.tabs1 .more-btn,
.tabs1 .more-btn:hover,
.tabs1 .more-btn:visited,
.tabs1 .more-btn:active{
  display: inline-flex;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  color: #004098;
  align-items: center;
  cursor: pointer;
  margin: 5px 0;
}
.tabs1 .more-btn>span{
  display: block;
}
.tabs1 .more-btn .icon-right{
  display: block;
  width: 8px;
  height: 12px;
  background: url("../images/icon-right-b.svg") no-repeat center;
  background-size: 8px;
  margin: 0 0 0 6px;
  transition: transform .3s;
}
.tabs1 .more-btn:hover .icon-right{
  transform: translateX(8px);
}
.tabs1 .tab-right .search-view{
  display: block;
  position: relative;
}
.tabs1 .tab-right .search-view input{
  display: block;
  height: 45px;
  border: 1px solid rgba(114, 113, 113, 0.2);
  border-radius: 8px;
  line-height: 21px;
  padding: 11px 20px;
  width: 330px;
  font-size: 14px;
}
.tabs1 .tab-right .search-view input:focus{
  border-color: #004098;
}
.tabs1 .tab-right .search-view .icon-search{
  display: block;
  width: 43px;
  height: 43px;
  position: absolute;
  right: 1px;
  top: 1px;
  background: url("../images/icon-search.svg") no-repeat center;
  background-size: 16px;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .tabs1.tabs-search{
    flex-flow: column;
  }
  .tabs1.tabs-search .tab-left {
    width: 100%;
  }
  .tabs1 .tab-left {
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .tabs1 .tab-left+.tab-right{
    padding-left: 20px;
  }
  .tabs1.tabs-search .tab-right {
    width: 100%;
	padding-left: 0;
  }
  .tabs1.tabs-search .tab-right .search-view{
    width: 100%;
    margin: 10px 0 0 0;
  }
  .tabs1.tabs-search .tab-right .search-view input{
    width: 100%;
  }
  .tabs1 .phone-sel~ .tab-link{
    display: none !important;
  }
  .tabs1 .tab-link, .tabs1 .tab-link:visited, .tabs1 .tab-link:active,
  .tabs1 .tab-link.small, .tabs1 .tab-link.small:visited, .tabs1 .tab-link.small:active{
    min-width: 50px;
    line-height: 26px;
    height: 26px;
    white-space: nowrap;
    flex-basis: auto;
    flex-shrink: 0;
    font-size: 12px;
    margin: 5px 4px 5px 0;
  }
  .tabs1 .more-btn,
  .tabs1 .more-btn:hover,
  .tabs1 .more-btn:visited,
  .tabs1 .more-btn:active{
    font-weight: 300;
    font-size: 12px;
    line-height: 26px;
    height: 26px;
  }
  .tabs1 .more-btn .icon-right {
    width: 6px;
    height: 10px;
    background-size: 6px;
  }
  .tabs1 .phone-sel{
    display: block;
    border: 1px solid #ddd;
    border-radius: 8px;
    line-height: 24px;
    height: 26px;
    color: #727171;
    font-size: 12px;
    padding: 0 10px;
    margin: 5px 5px 5px 0;
    min-width: 170px;
    background: #fff;
  }
}

/*tabs2*/
.tabs2{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 0 40px 0;
}
.tabs2 .tab-link,.tabs2 .tab-link:visited,.tabs2 .tab-link:active{
  display: block;
  width: 420px;
  text-align: center;
  padding: 10px 0 34px 0;
  color: #727171;
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  position: relative;
  margin: 0 40px;
  cursor: pointer;
}
.tabs2 .tab-link:first-child{
  margin-left: 0;
}
.tabs2 .tab-link:last-child{
  margin-right: 0;
}
.tabs2 .tab-link+.tab-link::before{
  position: absolute;
  left: -40px;
  top: 0;
  content: "";
  display: block;
  width: 1px;
  height: 64px;
  background: rgba(114, 113, 113, 0.2);
}
.tabs2 .tab-link::after{
  position: absolute;
  left: 50%;
  bottom: 0;
  content: "";
  display: block;
  width: 0;
  height: 4px;
  background: #004098;
  opacity: 0;
  transition: left .3s , width .3s , opacity .3s;
}
.tabs2 .tab-link.active::after,
.tabs2 .tab-link:hover::after{
  left: 0;
  width: 100%;
  opacity: 1;
}
.tabs2 .tab-link.active{
  color: #004098;
  font-weight: 700;
}
.tabs2 .tab-link:hover{
  color: #004098;
}
@media screen and (max-width: 1000px) {
  .tabs2{
    justify-content: space-evenly;
    margin: 0 0 12px 0;
  }
  .tabs2 .tab-link,.tabs2 .tab-link:visited,.tabs2 .tab-link:active{
    width: auto;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    padding: 6px 0;
  }
  .tabs2 .tab-link+.tab-link::before{
    content: none;
  }
  .tabs2 .tab-link::after{
    height: 3px;
    border-radius: 2px;
    transition: left 0s , width 0s ;
  }
  .tabs2 .tab-link.active::after,
  .tabs2 .tab-link:hover::after{
    left: calc(50% - 6px);
    width: 12px;
  }
  .tabs2 .tab-link:hover{
    color: #004098;
  }
}

/*tabs3*/
.tabs3{
  display: flex;
  justify-content: center;
}
.tabs3 .tab-link{
  display: block;
  padding: 15px 20px 17px 20px;
  min-width: 244px;
  text-align: center;
  color: #5F6D7E;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  position: relative;
}
.tabs3 .tab-link+.tab-link{
  margin-left: 10px;
}
.tabs3 .tab-link::before{
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: #F5FAFF;
  border-bottom: 2px solid #004098;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 0;
  opacity: 0;
  transition: width .3s , left .3s , opacity .3s;
}
.tabs3 .tab-link.active::before,
.tabs3 .tab-link:hover::before{
  width: 100%;
  left: 0;
  opacity: 1;
}
.tabs3 .tab-link.active{
  font-weight: 700;
  color: #004098;
}
.tabs3 .tab-link:hover{
  color: #004098;
}
.tabs3 .tab-link span{
  position: relative;
  z-index: 1;
}
.nwzgj-box.bg-1 .box-conts .tabs3{
  border-bottom: 1px solid var(--20, rgba(0, 64, 152, 0.20));
}
.nwzgj-box.bg-1 .box-conts .tabs3 .tab-link{
  flex: 1;
  font-size: 18px;
  padding: 14px 20px 16px 20px;
}
.nwzgj-box.bg-1 .box-conts .tabs3 .tab-link::before{
  background: #fff;
  height: calc(100% - 1px);
}
.nwzgj-box.bg-1 .box-conts .tabs3 .tab-link+.tab-link{
  margin-left: 0;
}
.nwzgj-box.bg-1 .box-conts .tabs3+.apply-pc{
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 1000px) {
  .tabs3 ,.nwzgj-box.bg-1 .box-conts .tabs3{
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .tabs3 .tab-link,.nwzgj-box.bg-1 .box-conts .tabs3 .tab-link{
    font-size: 14px;
    line-height: 22px;
    padding: 6px 20px;
    flex: auto;
    white-space: nowrap;
    min-width: auto;
  }
  .tabs3 .tab-link::before,
  .tabs3 .tab-link:hover::before{
    content: "";
    display: block;
    width: 12px;
    height: 3px;
    background: transparent;
    border-bottom: 0;
    position: absolute;
    left: calc(50% - 6px);
    top: auto;
    bottom: 0;
    z-index: 0;
    opacity: 1;
    border-radius: 2px;
  }
  .tabs3 .tab-link.active::before,
  .nwzgj-box.bg-1 .box-conts .tabs3 .tab-link.active::before{
    width: 14px;
    left: calc(50% - 7px);
    background: #004098;
    height: 2px;
  }
  .nwzgj-box.bg-1 .box-conts .tabs3~.apply-phone{
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*tabs4*/
.tabs4{
  display: flex;
  justify-content: center;
  padding: 0 10%;
}
.tabs4 .tab-link,
.tabs4 .tab-link:visited,
.tabs4 .tab-link:active{
  display: flex;
  flex: 1;
  height: 72px;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px 10px 0px 0px;
  color: #004098;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  cursor: pointer;
}
.tabs4 .tab-link h1{
  font-size: 24px;
  line-height: 40px;
}
.tabs4 .tab-link.active,
.tabs4 .tab-link:hover{
  color: #fff;
  background: #004098;
}
.tabs4 .tab-link+.tab-link{
  margin-left: 20px;
}
.tabs4 .tab-link .icon{
  display: block;
  width: 26px;
  height: 24px;
  margin: 0 10px 0 0;
}
.tabs4 .tab-link .icon.icon-1{
  background: url("../images/account-icon1.svg") no-repeat center;
  background-size: 24px;
}
.tabs4 .tab-link .icon.icon-2{
  background: url("../images/account-icon3.svg") no-repeat center;
  background-size: 26px;
}
.tabs4 .tab-link .icon.icon-3{
  background: url("../images/account-icon5.svg") no-repeat center;
  background-size: 26px;
}
.tabs4 .tab-link .icon.icon-4{
  background: url("../images/account-icon7.svg") no-repeat center;
  background-size: 26px;
}
.tabs4 .tab-link .icon.icon-5{
  background: url("../images/account-icon9.svg") no-repeat center;
  background-size: 26px;
}
.tabs4 .tab-link.active .icon.icon-1,
.tabs4 .tab-link:hover .icon.icon-1{
  background: url("../images/account-icon2.svg") no-repeat center;
  background-size: 26px;
}
.tabs4 .tab-link.active .icon.icon-2,
.tabs4 .tab-link:hover .icon.icon-2{
  background: url("../images/account-icon4.svg") no-repeat center;
  background-size: 26px;
}
.tabs4 .tab-link.active .icon.icon-3,
.tabs4 .tab-link:hover .icon.icon-3{
  background: url("../images/account-icon6.svg") no-repeat center;
  background-size: 26px;
}
.tabs4 .tab-link.active .icon.icon-4,
.tabs4 .tab-link:hover .icon.icon-4{
  background: url("../images/account-icon8.svg") no-repeat center;
  background-size: 26px;
}
.tabs4 .tab-link.active .icon.icon-5,
.tabs4 .tab-link:hover .icon.icon-5{
  background: url("../images/account-icon10.svg") no-repeat center;
  background-size: 26px;
}
@media (min-width: 1800px) {
  .tabs4{
    padding: 0 calc(50% - 720px);
  }
}
@media (max-width: 1000px) {
  .tabs4{
    padding: 0;
    margin: 0 16px;
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .tabs4 .tab-link, .tabs4 .tab-link:visited, .tabs4 .tab-link:active{
    flex: 1;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    border-radius: 8px 8px 0px 0px;
    font-weight: 400;
    white-space: nowrap;
    padding: 0 5px;
    font-weight: 700;
  }
  .tabs4 .tab-link h1{
    height: 32px;
    line-height: 32px;
    font-size: 12px;
  }
  .tabs4 .tab-link .icon {
    display: none;
  }
  .tabs4 .tab-link+.tab-link {
    margin-left: 4px;
  }
}

/*tabs5*/
.tabs5{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.tabs5.flex-col{
  flex-direction: column;
}
.tabs5 .tabs-left{
  display: flex;
  flex-wrap: wrap;
}
.tabs5 .tabs-left .el-radio.is-bordered{
  margin-right: 20px;
  padding: 7px 5px;
  border: 0;
  min-width: 60px;
  text-align: center;
  position: relative;
}
.tabs5 .tabs-left .el-radio.is-bordered::after {
  content: "";
  position: absolute;
  left: -10px;
  top: calc(50% - 8px);
  display: block;
  width: 1px;
  height: 16px;
  background: rgba(114, 113, 113, 0.5);
}
.tabs5 .tabs-left .el-radio.is-bordered:first-child::after{
  content: none;
}
.tabs5 .tabs-left .el-radio.is-bordered.is-checked{
  background: #004098;
}
.tabs5 .tabs-left .el-radio.is-bordered+.el-radio.is-bordered{
  margin-left: 0;
}
.tabs5 .tabs-left .el-radio.is-bordered .el-radio__input .el-radio__inner{
  display: none;
}
.tabs5 .tabs-left .el-radio.is-bordered .el-radio__label{
  padding-left: 0;
  color: #727171;
  font-size: 14px;
  line-height: 24px;
}
.tabs5 .tabs-left .el-radio.is-bordered:hover .el-radio__label{
  color: #004098;
}
.tabs5 .tabs-left .el-radio.is-bordered .el-radio__input.is-checked+.el-radio__label,
.tabs5 .tabs-left .el-radio.is-bordered:hover .el-radio__input.is-checked+.el-radio__label{
  color: #fff;
}
.tabs5 .tab-link,.tabs5 .tab-link:visited,.tabs5 .tab-link:active{
  display: block;
  text-align: center;
  min-width:100px;
  height: 38px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 7px 10px;
  position: relative;
  color: #727171;
  cursor:pointer;
  margin: 0 10px;
}
.tabs5 .tab-link:first-child{
  margin-left: 0;
}
.tabs5 .tab-link:last-child{
  margin-right: 0;
}
.tabs5 .tab-link.active,
.tabs5 .tab-link:hover{
  color: #fff;
}
.tabs5 .tab-link+.tab-link::before{
  content: "";
  position: absolute;
  left: -10px;
  top: calc(50% - 8px);
  display: block;
  width: 1px;
  height: 16px;
  background: rgba(114, 113, 113, 0.5);
}
.tabs5 .tab-link.active+.tab-link,
.tabs5 .tab-link+.tab-link.active{
  margin-left: 0;
}
.tabs5 .tab-link.active+.tab-link::before{
  left: 0;
}
.tabs5 .tab-link:hover+.tab-link.active::before{
  content: none;
}
.tabs5 .tab-link::after{
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 0;
  height: 100%;
  transition: width .3s , background .3s;
  background: transparent;
  border-radius: 8px;
}
.tabs5 .tab-link.active::after,
.tabs5 .tab-link:hover::after{
  width: 100%;
  background: #004098;
}
.tabs5 .tab-link span{
  display:block;
  position: relative;
  z-index: 1;
}
.tabs5.flex-col .tabs-left+.tabs-right {
  margin-top: 20px;
}
.tabs5.flex-col .tabs-right{
  text-align: right;
}
.tabs5 .tabs-right{
  display: block;
}
.tabs5 .tabs-right .el-input-group{
  width: 180px;
}
@media (max-width: 1440px) {
  .tabs5{
    display: block;
  }
  .tabs5 .tabs-left .el-radio.is-bordered{
    min-width: 40px;
    flex: auto;
  }
  .tabs5 .tab-link, .tabs5 .tab-link:visited, .tabs5 .tab-link:active {
    flex: auto;
  }
  .tabs5 .tabs-left+.tabs-right{
    margin-top: 20px;
  }
  .tabs5 .tabs-right{
    text-align: right;
  }
  .tabs5 .tabs-right .el-input-group{
    width: 480px;
  }
}
@media (max-width: 1000px) {
  .tabs5.tabs-pc{
    display: none;
  }
  .tabs5 .tabs-left{
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .tabs5 .tab-link, .tabs5 .tab-link:visited, .tabs5 .tab-link:active{
    height: 30px;
    font-size: 14px;
    line-height: 24px;
    padding: 3px 10px;
    min-width: 50px;
    flex: inherit;
    white-space: nowrap;
    flex-basis: auto;
    flex-shrink: 0;
  }
  .tabs5 .tabs-right .el-input-group{
    width: 100%;
  }
  .tabs5 .tabs-left+.tabs-right {
    margin-top: 16px;
  }
}

/*tabs6*/
.big-search+.tabs6{
  margin-top: 90px;
}
.tabs6{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EAEBF0;
  overflow: auto;
  flex-wrap: nowrap;
}
.tabs6::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
.tabs6::-webkit-scrollbar-track-piece {
	background-color: transparent;
	border-radius: 4px;
}
.tabs6::-webkit-scrollbar-thumb {
	cursor: pointer;
	background-color:#dedfe1;
	border-radius: 4px;
}
.tabs6::-webkit-scrollbar-thumb:hover {
	cursor: pointer;
	background-color:#c8c9cc;
	border-radius: 4px;
}
.tabs6 .tab-link,
.tabs6 .tab-link:visited,
.tabs6 .tab-link:active{
  display: block;
  padding: 10px 20px;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #5F6D7E;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.tabs6 .tab-link:hover{
  color: #004098;
}
.tabs6 .tab-link.active{
  background: #F5FAFF;
  color: #004098;
  font-weight: bold;
  border-bottom: 2px  solid #004098;
}
@media (max-width: 1000px) {
.big-search+.tabs6{
	margin-top: 16px;
}
.tabs6{
	height: 27px;
	overflow-x: auto;
	flex-wrap: nowrap;
}
.tabs6 .tab-link, .tabs6 .tab-link:visited, .tabs6 .tab-link:active {
	height: 26px;
	padding: 4px 8px;
	font-size: 12px;
	white-space: nowrap;
	flex-basis: auto;
	flex-shrink: 0;
	line-height: 18px;
	flex: 0;
}
}

/*el-tabs tabs6*/
.el-tabs.tabs6{
  border: 0;
  display: block;
  height: auto;
}
.el-tabs.tabs6 .el-tabs__header {
  margin: 0 0 20px 0;
}
.el-tabs.tabs6 .el-tabs__nav-wrap::after {
  height: 1px;
  background-color: #EAEBF0;
}
.el-tabs.tabs6 .el-tabs__active-bar{
  display: none;
}
.el-tabs.tabs6 .el-tabs__item{
	padding: 10px 20px;
	border-bottom: 2px solid transparent;
	font-size: 18px;
	color: #5F6D7E;
	font-weight: 400;
	line-height: 28px;
	height: 48px;
}
.el-tabs.tabs6.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs.tabs6.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs.tabs6.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs.tabs6.el-tabs--top .el-tabs__item.is-top:nth-child(2){
  padding-left: 20px;
}
.el-tabs.tabs6.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.el-tabs.tabs6.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs.tabs6.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs.tabs6.el-tabs--top .el-tabs__item.is-top:last-child{
  padding-right: 20px;
}
.el-tabs.tabs6 .el-tabs__item.is-active{
  background: #F5FAFF;
  color: #004098;
  border-color: #004098;
  font-weight: 700;
}
.el-tabs.tabs6 .el-tabs__item:hover{
  color: #004098;
}
.el-tabs.tabs6 .el-tabs__nav-prev,
.el-tabs.tabs6 .el-tabs__nav-next{
	line-height: 48px;
	background: #f8f8f8;
}
.el-tabs.tabs6 .el-tabs__nav-prev i,
.el-tabs.tabs6 .el-tabs__nav-next i{
	line-height: 48px;
	color: #333;
}
@media (max-width: 1000px) {
.el-tabs.tabs6{
	overflow: initial;
}
.el-tabs.tabs6 .el-tabs__header {
  margin: 0 0 16px 0;
}
.el-tabs.tabs6 .el-tabs__item{
	padding: 0 10px;
	font-size: 12px;
	line-height: 26px;
	height: 26px;
}
.el-tabs.tabs6.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs.tabs6.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs.tabs6.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs.tabs6.el-tabs--top .el-tabs__item.is-top:nth-child(2){
  padding-left: 10px;
}
.el-tabs.tabs6.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.el-tabs.tabs6.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs.tabs6.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs.tabs6.el-tabs--top .el-tabs__item.is-top:last-child{
  padding-right: 10px;
}
.el-tabs.tabs6 .el-tabs__nav-prev,
.el-tabs.tabs6 .el-tabs__nav-next{
	line-height: 26px;
}
.el-tabs.tabs6 .el-tabs__nav-prev i,
.el-tabs.tabs6 .el-tabs__nav-next i{
	line-height: 26px;
}
.el-tabs.tabs6 .el-tabs__nav{
	width: 100%;
	overflow: auto;
}
.el-tabs.tabs6 .el-tabs__content .article-box{
	padding-top: 0;
}
}

/*tabs-search*/
.tabs-search{
  display: flex;
  align-items: center;
}
.tabs-search .el-select{
  display: block;
}
.tabs-search.space-between{
  justify-content: space-between;
}
.tabs-search .el-select+*,.tabs-search .el-input+*,.tabs-search .el-button+*{
  margin-left: 24px;
}
@media (max-width: 1000px) {
  .tabs-search.space-between{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .tabs-search.space-between .search-left{
    display: flex;
    width: 100%;
  }
  .tabs-search.space-between .search-right{
    display: flex;
    width: 100%;
    margin-top: 10px;
  }
  .tabs-search .search-left  .el-select{
    flex:1;
  }
}

/*radio-group1*/
.radio-group1.el-radio-group{
  border: 1px solid rgba(114, 113, 113, 0.20);
  border-radius: 8px;
  padding: 6px;
  background: #fff;
}
.radio-group1.el-radio-group .el-radio-button{

}
.radio-group1.el-radio-group .el-radio-button+.el-radio-button{
  margin-left: 4px;
}
.radio-group1.el-radio-group .el-radio-button .el-radio-button__inner{
  border-radius: 8px;
  color: #727171;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding: 3px 9px;
  border: 0;
  box-shadow:none !important;
}
.radio-group1.el-radio-group .el-radio-button.is-active{

}
.radio-group1.el-radio-group .el-radio-button.is-active .el-radio-button__inner{
  background: rgba(44, 118, 185, 0.20);
  color: #333;
}
.radio-group1.el-radio-group .el-radio-button:hover .el-radio-button__inner{
  color: #333;
}
.radio-group1.el-radio-group .el-radio-button:first-child .el-radio-button__inner{
  border-radius: 8px;
}
.radio-group1.el-radio-group .el-radio-button:last-child .el-radio-button__inner{
  border-radius: 8px;
}

/*el-input-group1*/
.el-input-group.el-input-group1{
  width: 314px;
}
.el-input-group.el-input-group1 .el-input__inner{
  border-color: #F2D3B0;
  background: rgba(248, 236, 211, 0.50);
}
.el-input-group.el-input-group1 .el-input-group__append{
  border-color: #2F302D;
  background: #2F302D;
}
.el-input-group.el-input-group1 .el-input-group__append .el-button,
.el-input-group.el-input-group1 .el-input-group__append .el-button:hover,
.el-input-group.el-input-group1 .el-input-group__append:hover .el-button{
  color: #F1D69E !important;
  background: #2F302D !important;
  padding: 12px 18px;
}
@media (max-width: 1000px) {
  .tabs-search .search-right  .el-input-group.el-input-group1{
    flex: 1;
  }
}

/*coupon-list*/
.coupon-list{
  display: flex;
  flex-wrap: wrap;
}
.coupon-list .list{
  display: block;
  width: 244px;
  height: 360px;
  margin: 55px 40px 0 0;
  color: #fff;
  position: relative;
}
.coupon-list .list.cashlist{
  background: url("../images/coupon-bg2.png") no-repeat center;
  background-size: 244px;
}
.coupon-list .list.rebatelist{
  background: url("../images/coupon-bg3.png") no-repeat center;
  background-size: 244px;
}
.coupon-list .list.giftlist{
  background: url("../images/coupon-bg4.png") no-repeat center;
  background-size: 244px;
}
.coupon-list .list.exclulist{
  background: url("../images/coupon-bg5.png") no-repeat center;
  background-size: 244px;
  color: #2F302D;
}
.coupon-list .list.sxqlist,
.coupon-list .list.gqqlist,
.coupon-list .list.limlist{
  background: url("../images/coupon-bg1.png") no-repeat center;
  background-size: 244px;
  color: #fff !important;
}
.coupon-list .list.sxqlist::before,
.coupon-list .list.gqqlist::before,
.coupon-list .list.limlist::before{
  content: "";
  display: block;
  width: 88px;
  height: 88px;
  position: absolute;
  z-index: 2;
  right: 13px;
  bottom: 23px;
}
.coupon-list .list.sxqlist::before{
  background: url("../images/coupon-use.png") no-repeat;
  background-size: 88px;
}
.coupon-list .list.gqqlist::before{
  background: url("../images/coupon-expired.png") no-repeat;
  background-size: 88px;
}
.coupon-list .list.limlist::before{
  background: url("../images/coupon-limited.png") no-repeat;
  background-size: 88px;
}
.coupon-list .list .tit-1{
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.1px;
  padding: 0 18px;
  margin: 12px 0 4px 0;
  height: 48px;
}
.coupon-list .list .tit-1::before{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #fff;
}
.coupon-list .list .tit-1::after{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #fff;
}
.coupon-list .list .tit-1 .tit{
  flex: 1;
  padding: 0 5px;
  align-items: center;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.coupon-list .list .tit-2{
  display: block;
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
  letter-spacing: -0.1px;
  position: relative;
  padding:0 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.coupon-list .list .tit-2.small{
  font-size: 40px;
}
.coupon-list .list .tit-2 .sup{
  position: absolute;
  font-size: 20px;
  line-height: 50px;
  top: 0;
  margin-left: -17px;
}
.coupon-list .list .tit-2 .sub{
  position: absolute;
  font-size: 20px;
  line-height: 50px;
  bottom: 0;
}
.coupon-list .list .tit-3{
  display: block;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  height: 40px;
  letter-spacing: -0.1px;
  padding:0 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.coupon-list .list .tit-4{
  display: block;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.1px;
  padding:14px 18px 25px 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0.5;
}
.coupon-list .list .tit-5{
  display: block;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.1px;
  padding:0 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.coupon-list .list .tit-5+.tit-6{
  margin-top: 2px;
}
.coupon-list .list .tit-6{
  display: block;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.1px;
  padding:0 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.coupon-list .list .wh-text,.coupon-list .list .wh-text.tit-5,.coupon-list .list .wh-text.tit-6{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  height: 60px;
}
.coupon-list .list .wh-text+.btn-box{
  padding-top: 8px;
}
.coupon-list .list .btn-box{
  display: block;
  text-align: center;
  padding: 22px 18px 0 18px;
}

.coupon-list .list.sxqlist .btn-box,
.coupon-list .list.gqqlist .btn-box,
.coupon-list .list.limlist .btn-box{
  display: none;
}
.coupon-list .list .btn-box .el-button.el-button--default.is-plain{
  border-color: #fff;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 25px;
  box-shadow: none;
}
.coupon-list .list .btn-box .el-button.el-button--default.is-plain:hover{
  background: #fff;
  color: #333;
  box-shadow: none;
}
.coupon-list .list.exclu-list .btn-box .el-button.el-button--default.is-plain{
  border-color: #fff;
  background:#2F302D;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 25px;
  box-shadow: none;
}
.coupon-list .list.exclu-list .btn-box .el-button.el-button--default.is-plain:hover{
  background: #fff;
  color: #333;
  box-shadow: none;
}
.coupon-list .list .btn-box .el-button.el-button--default.is-plain.is-disabled,
.coupon-list .list .btn-box .el-button.el-button--default.is-plain.is-disabled:hover{
  background: rgba(47, 48, 45, 0.20);
  color: #fff;
}
.coupon-list .list.exclu-list .btn-box .el-button.el-button--default.is-plain.is-disabled,
.coupon-list .list.exclu-list .btn-box .el-button.el-button--default.is-plain.is-disabled:hover{
  background: rgba(47, 48, 45, 0.20);
  color: #fff;
}
@media (max-width: 1000px) {
  .coupon-list{
    display: none;
  }
}

/*phone-coupon-list*/
.phone-coupon-list{
  display: none;
}
@media (max-width: 1000px) {
  .phone-coupon-list{
    display: block;
  }
  .phone-coupon-list .list{
    display: flex;
    margin: 10px 0;
    background: #F6F6F6;
    border-radius: 8px;
  }
  .phone-coupon-list .list .list-left{
    border-radius: 8px 0 0 8px;
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px 5px;
  }
  .phone-coupon-list .list.cashlist .list-left{
    background: linear-gradient(116deg, #4BCEF8 0%, #004098 100%);
    color: #fff;
  }
  .phone-coupon-list .list.rebatelist .list-left{
    background: linear-gradient(296deg, #139995 0%, #48F1EC 100%);
    color: #fff;
  }
  .phone-coupon-list .list.exclulist .list-left{
    background: linear-gradient(116deg, #EFEDE0 0%, #F1D69E 100%);
    color: #2F302D;
  }
  .phone-coupon-list .list.sxqlist .list-left,
  .phone-coupon-list .list.gqqlist .list-left,
  .phone-coupon-list .list.limlist .list-left{
    background: #BFBFBF;
    color: #fff;
  }
  .phone-coupon-list .list .list-left .tit-1{
    display: block;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    font-weight: bold;
  }
  .phone-coupon-list .list .list-left .tit-1 sup,
  .phone-coupon-list .list .list-left .tit-1 sub{
    font-size: 12px;
    font-weight: normal;
  }
  .phone-coupon-list .list .list-left .tit-2{
    display: block;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .phone-coupon-list .list .list-left .time{
    font-size: 10px;
    line-height: 14px;
    opacity: 0.6;
    text-align: center;
    margin-top: 5px;
  }
  .phone-coupon-list .list .list-right{
    display: block;
    flex: 1;
    padding: 10px;
    position: relative;
  }
  .phone-coupon-list .list.sxqlist .list-right::before,
  .phone-coupon-list .list.gqqlist .list-right::before,
  .phone-coupon-list .list.limlist .list-right::before{
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 2;
    right: 5px;
    top: 5px;
  }
  .phone-coupon-list .list.sxqlist .list-right::before{
    background: url("../images/coupon-use2.png") no-repeat;
    background-size: 48px;
  }
  .phone-coupon-list .list.gqqlist .list-right::before{
    background: url("../images/coupon-expired2.png") no-repeat;
    background-size: 48px;
  }
  .phone-coupon-list .list.limlist .list-right::before{
    background: url("../images/coupon-limited2.png") no-repeat;
    background-size: 48px;
  }
  .phone-coupon-list .list .list-right .tit-3{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    font-weight: bold;
  }
  .phone-coupon-list .list .list-right .tit-4{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 10px;
    line-height: 14px;
    color: #333;
    height: 42px;
  }
  .phone-coupon-list .list .list-right .btn{
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
  }
  .phone-coupon-list .list .list-right .btn .el-button,
  .phone-coupon-list .list .list-right .btn .el-button:hover,
  .phone-coupon-list .list .list-right .btn .el-button:active,
  .phone-coupon-list .list .list-right .btn .el-button:visited{
    background: #004098;
    color: #fff;
    border: 0;
    font-size: 10px;
    line-height: 18px;
    height: 18px;
    padding: 0 10px;
    font-weight: normal;
  }
  .phone-coupon-list .list .list-right .btn .el-button.is-disabled{
    background: rgba(191, 191, 191, 0.60);
    color: #fff;
  }
  .phone-coupon-list .list.sxqlist .list-right .btn .el-button,
  .phone-coupon-list .list.gqqlist .list-right .btn .el-button,
  .phone-coupon-list .list.limlist .list-right .btn .el-button{
    display: none;
  }
}

/*exclu-shade*/
.exclu-shade{
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(0 0 0 / 60%);
  z-index: 3;
}
.exclu-shade .shade-content{
  position: relative;
}
.exclu-shade .shade-content .close-btn{
  position: absolute;
  right: -66px;
  top: 0;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
}
.exclu-shade .shade-content .card{
  display: block;
  width: 244px;
  height: 360px;
  margin: 0;
  background: url("../images/coupon-bg5.png") no-repeat center;
  background-size: 244px;
  color: #2F302D;
  position: relative;
}
.exclu-shade .shade-content .card .tit-1{
  display: block;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.1px;
  padding: 24px 40px 12px 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.exclu-shade .shade-content .card .tit-2{
  display: block;
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
  letter-spacing: -0.1px;
  position: relative;
  padding: 0 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.exclu-shade .shade-content .card .tit-2.small{
  font-size: 40px;
}
.exclu-shade .shade-content .card .tit-2 .sup{
  position: absolute;
  font-size: 20px;
  line-height: 50px;
  top: 0;
  margin-left: -10px;
}
.exclu-shade .shade-content .card .tit-2 .sub{
  position: absolute;
  font-size: 20px;
  line-height: 50px;
  bottom: 0;
}
.exclu-shade .shade-content .card .tit-3{
  display: block;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  height: 40px;
  letter-spacing: -0.1px;
  padding: 0 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.exclu-shade .shade-content .card .tit-4{
  display: block;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.1px;
  padding: 14px 18px 25px 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0.5;
}
.exclu-shade .shade-content .card .tit-5{
  display: block;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.1px;
  padding: 0 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.exclu-shade .shade-content .card .tit-5+.tit-6{
  margin-top: 2px;
}
.exclu-shade .shade-content .card .tit-6{
  display: block;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.1px;
  padding: 0 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.exclu-shade .shade-content .card .btn-box{
  display: block;
  text-align: center;
  padding: 22px 18px 0 18px;
}
.exclu-shade .shade-content .card .btn-box .el-button.el-button--default.is-plain{
  border-color: #fff;
  background:#2F302D;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 25px;
  box-shadow: none;
}
.exclu-shade .shade-content .card .btn-box .el-button.el-button--default.is-plain:hover{
  background: #fff;
  color: #333;
  box-shadow: none;
}
.exclu-shade .shade-content .card .btn-box .el-button.el-button--default.is-plain.is-disabled,
.exclu-shade .shade-content .card .btn-box .el-button.el-button--default.is-plain.is-disabled:hover{
  background: rgba(47, 48, 45, 0.20);
  color: #fff;
}
.exclu-shade .shade-content .text{
  display: block;
  text-align: center;
  color: #F1DEB5;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.1px;
  margin: 6px 0 0 0;
}

/*nwz-paging 分页*/
.nwz-list1 .nwz-paging{
  padding: 40px 0;
}
.news-list1+.nwz-paging{
  padding-top: 15px;
}
.nwz-paging{
  display: flex;
  justify-content: center;
  padding: 0;
}
.nwz-paging .btn-prev,.nwz-paging .btn-next{
  display: block;
  width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  background:#F3F3F3;
  border-radius: 8px;
  border: 1px solid #F3F3F3;
  margin: 0 5px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  cursor: pointer;
}
.nwz-paging .btn-prev:hover,.nwz-paging .btn-next:hover{
  color: #004098;
}
.nwz-paging .btn-prev:disabled,.nwz-paging .btn-next:hover:disabled{
  color: rgba(0, 0, 0, 0.2);
  cursor: no-drop;
}
.nwz-paging>select{
  display: block;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  background:#fff;
  border-radius: 8px;
  border: 1px solid rgba(114, 113, 113, 0.2);
  margin: 0 5px;
  padding: 0 27px;
  color: #555A64;
  font-size: 14px;
  outline: none;
}
.nwz-paging .pager-list{
  display: flex;
  margin: 0;
  padding: 0;
}
.nwz-paging .pager-list .list{
  display: block;
  width: 32px;
  height: 32px;
  line-height: 30px;
  box-sizing: border-box;
  text-align: center;
  margin: 0 5px;
  padding: 0;
  list-style: none;
  background:#fff;
  border-radius: 8px;
  border: 1px solid rgba(114, 113, 113, 0.2);
  color: #555A64;
  font-size: 14px;
  cursor: pointer;
}
.nwz-paging .pager-list .list:hover{
  color: #004098;
}
.nwz-paging .pager-list .list.active,
.nwz-paging .pager-list .list.active:hover{
  border-color: #004098;
  background: #004098;
  color: #fff;
}

/*ui-pagination-container 分页组件*/
body .ui-pagination-container{
  text-align: center;
  height: auto;
  padding: 0;
}
body .ui-pagination-container .ui-pagination-page-item{
  min-width: 32px;
  height: 32px;
  display: inline-block;
  background:#fff;
  border-radius: 8px;
  border: 1px solid rgba(114, 113, 113, 0.2);
  color: #555A64;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  box-sizing: border-box;
  font-size: 14px;
}
body .ui-pagination-container .ui-pagination-page-item:hover{
  color: #004098;
  border:1px solid rgba(114, 113, 113, 0.2);
}
body .ui-pagination-container .ui-pagination-page-item.active,
body .ui-pagination-container .ui-pagination-page-item.active:hover{
  border-color: #004098;
  background: #004098;
  color: #fff;
}
body .ui-pagination-container .ui-pagination-page-item.disabled,
body .ui-pagination-container .ui-pagination-page-item.disabled:hover{
  color: #ddd;
  cursor: no-drop;
}
body .ui-pagination-container select{
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  background:#fff;
  border-radius: 8px;
  border: 1px solid rgba(114, 113, 113, 0.2);
  margin: 0 5px;
  padding: 0 27px;
  color: #555A64;
  font-size: 14px;
  outline: none;
}

/*pagination 商城分页*/
.pagination .pages{
  margin-top: 20px;
}
.pagination .pages .item.next,
.pagination .pages .item.prev{
  width: auto;
  padding: 0 10px;
  background: #f3f3f3;
  color: #666;
  border: 1px solid #f3f3f3;
}
.pagination .pages .item.next:hover,
.pagination .pages .item.prev:hover{
  background: #F2F5FA;
  border-color: #F2F5FA;
  color: #004098;
}
.pagination .pages .item.next.default,
.pagination .pages .item.prev.default,
.pagination .pages .item.next.default:hover,
.pagination .pages .item.prev.default:hover{
  color: #C0C4CC;
  background: #f3f3f3;
  border-color: #f3f3f3;
}
.pagination .pages .item{
  border: 1px solid rgba(114, 113, 113, 0.2);
  border-radius: 8px;
  color: #666;
  font-size: 14px;
  line-height: 30px;
  height: 32px;
  text-align: center;
  padding: 0 0;
  margin: 0 4px;
  width: 32px;
}
.pagination .pages .item:hover{
  color: #004098;
  border-color: #004098;
}
.pagination .pages .item.cur, .pagination .pages .item.cur:hover{
  color: #fff;
  background: #004098;
  border-color: #004098;
}
.pagination .pages .go-page .page-btn {
  border: 1px solid rgba(114, 113, 113, 0.2);
  height: 32px;
  padding: 0px;
  vertical-align: top;
  width: 32px;
  border-radius: 8px;
  line-height: 30px;
  text-align: center;
}
.pagination .pages .go-page .page-btn:hover{
  color: #004098;
  border-color: #004098;
}
.pagination .pages .go-page .page-input {
  border: 1px solid rgba(114, 113, 113, 0.2);
  height: 32px;
  padding: 0 10px;
  vertical-align: top;
  width: 45px;
  border-radius: 8px;
  line-height: 30px;
}

/*invite-text*/
.invite-text{
  display: block;
}
.invite-text table{
  width: 100% !important;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
}
.invite-text table td,
.invite-text table th{
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}
.invite-text .list-tast{
  display: block;
  margin: 0 0 60px 0;
}
.invite-text .list-tast .title{
  display: block;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
}
.invite-text .list-tast .title+.text{
  margin-top: 10px;
}
.invite-text .list-tast .text{
  display: block;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #727171;
}
.invite-text .list-text{
  display: block;
}
.invite-text .list-text+.list-text{
  margin-top: 30px;
}
.invite-text .list-text .title{
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
}
.invite-text .list-text .title+.text{
  margin-top: 30px;
}
.invite-text .list-text .text{
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}
.invite-text .list-text .text .lis{
  display: block;
  position: relative;
  padding: 0 0 0 26px;
}
.invite-text .list-text .text .lis::before{
  position: absolute;
  top: 10px;
  left: 10px;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #333;
}
.invite-text *{
    text-align: left;
    text-wrap: wrap !important;
	word-break: break-word !important;
	word-wrap: break-word !important;
	}
@media screen and (max-width: 1000px) {
  .invite-text{
    padding: 0 16px;
  }
  .invite-tex img{
    display: block !important;
  }
  .invite-text *{
    text-align: left;
    text-wrap: wrap !important;
	word-break: break-word !important;
	word-wrap: break-word !important;
  }
  .invite-text .list-tast .title {
    font-size: 16px;
    line-height: 22px;
  }
  .invite-text .list-tast {
    margin: 0 0 16px 0;
  }
  .invite-text .list-tast .title+.text {
    margin-top: 5px;
  }
  .invite-text .list-tast .text {
    font-size: 12px;
    line-height: 20px;
    color: #727171;
  }
  .invite-text .list-text+.list-text{
    margin-top: 15px;
  }
  .invite-text .list-text .title{
    font-size: 14px;
    line-height: 22px;
  }
  .invite-text .list-text .title+.text{
    margin-top: 5px;
  }
  .invite-text .list-text .text{
    font-size: 12px;
    line-height: 20px;
  }
  .invite-text .list-text .text .lis {
    display: block;
    position: relative;
    padding: 0 0 0 24px;
  }
  .invite-text .list-text .text .lis::before {
    top: 8px;
    left: 10px;
    width: 4px;
    height: 4px;
  }
  .invite-text table *{
    font-size: 12px !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
  }
}

/*form-1*/
.invite-text+.form-1{
  margin-top: 50px;
}
.form-1{
  display: flex;
  width: 680px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.form-1 .form-item{
  display: block;
  position: relative;
  margin: 10px;
  width: calc(50% - 20px);
}
.form-1 .form-item.block-item{
  width: calc(100% - 20px);
}
.form-1 .form-item .item-label{
  position: absolute;
  padding: 0 15px;
  line-height: 22px;
  top: 9px;
  background: #fff;
  left: 1px;
  font-size: 14px;
  transition: all .2s ease;
  color: rgba(114, 113, 113, 0.5);
}
.form-1 .form-item.focused.disabled .item-label{
  top: 9px;
  background: #f8f8f8;
  color: rgba(114, 113, 113, 0.5);
  font-size: 14px;
  left: 1px;
  padding: 0 15px;
}
.form-1 .form-item.focused .item-label{
  padding: 0 8px;
  top: -11px;
  left: 7px;
  font-size: 12px;
  color: #004098;
}
.form-1 .form-item.error .item-label,
.form-1 .form-item.error.focused .item-label{
  color: #e0003c;
}
.form-1 .form-item.disabled .item-label{
  background: #f8f8f8;
}
.form-1 .form-item .item-content{
  display:flex;
  align-items: center;
  flex-wrap: nowrap;
  border: 1px solid #e3e3e3;
  height: 40px;
  line-height: 22px;
  background: #fff;
  border-radius: 8px;
}
.form-1 .form-item:hover .item-content{
  border: 1px solid #ccc;
}
.form-1 .form-item.disabled .item-content,
.form-1 .form-item.disabled:hover .item-content{
  background: #f8f8f8;
  border-color: #e3e3e3;
}
.form-1 .form-item.disabled.focused .item-content,
.form-1 .form-item.disabled.focused:hover .item-content{
  border-color: #e3e3e3;
}
.form-1 .form-item.focused .item-content,
.form-1 .form-item.focused:hover .item-content{
  border-color: #004098;
}
.form-1 .form-item.error .item-content{
  border-color: #e0003c;
}
.form-1 .form-item .item-content .icon{
  display: block;
  height: 16px;
  margin: 0 0 0 15px;
}
.form-1 .form-item .item-content .inner{
  display: block;
  border: 0;
  flex: 1;
  border-radius: 8px;
  background: transparent;
  padding: 0 15px;
  font-weight: 400;
  font-size: 14px;
}
.form-1 .form-item .item-content .btn-1{
  display: block;
  padding: 0 15px;
  color: #004098;
  cursor: pointer;
  border-left:  1px solid rgba(114, 113, 113, 0.5);
}
.form-1 .form-item .item-content .time{
  position: absolute;
  right: 1px;
  background: #f5f5f5;
  line-height: 38px;
  top: 0px;
  padding: 0 30px;
  border-left: 1px solid #DCDFE6;
  color: #666;
}
.form-1 .form-item .item-content .password-btn,
.form-1 .form-item .item-content .password-btn:hover,
.form-1 .form-item .item-content .password-btn:visited,
.form-1 .form-item .item-content .password-btn:active{
  display: block;
  width: 44px;
  height: 30px;
  background: url("../images/eye-line.svg") no-repeat center;
  background-size: 14px;
  cursor: pointer;
}
.form-1 .form-item .item-content .password-btn.show,
.form-1 .form-item .item-content .password-btn.show:hover,
.form-1 .form-item .item-content .password-btn.show:visited,
.form-1 .form-item .item-content .password-btn.show:active{
  background: url("../images/eye-off-line.svg") no-repeat center;
  background-size: 14px;
}
.form-1 .form-item .item-error{
  display: block;
  height: 0;
  overflow: hidden;
  font-size: 12px;
  color: #e0003c;
  transition: all .2s ease;
}
.form-1 .form-item.error .item-error{
  height: 20px;
  padding: 5px 15px 0 15px;
}
.nwzgj-box .form-card .form-1 .form-btns{
  text-align: center
}
.nwzgj-box .form-card .form-1 .form-btns .btn{
  border-radius: 8px;
  min-width: 246px;
}
.form-1 .form-btns{
  display: block;
  position: relative;
  margin: 10px;
  width: 100%;
}
.form-1 .form-btns .btn{
  display: inline-block;
  min-width: 163px;
  padding: 0 20px;
  text-align: center;
  line-height: 38px;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 700;
  transition: box-shadow .3s;
}
.form-1 .form-btns .btn:hover{
  box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
}
.form-1 .form-btns .btn.disabled{
  opacity: 0.2;
  cursor:not-allowed;
}
.form-1 .form-btns .btn.btn-white.disabled{
  background: #f8f8f8;
  opacity: 1;
  color: #aaa;
}
.form-1 .form-btns .btn.disabled:hover{
  box-shadow: none;
}
.form-1 .form-btns .btn+.btn{
  margin-left: 10px;
}
.form-1 .form-btns .btn-blue{
  background: #004098;
  border-color: #004098;
  color: #fff;
}
.form-1 .form-btns .btn-white{
  background: #fff;
  border-color: #e3e3e3;
}
@media screen and (max-width: 1000px) {
  .invite-text+.form-1 {
    margin-top: 30px;
  }
  .form-1{
    width: 100%;
  }
  .form-1 .form-item{
    display: block;
    position: inherit;
    margin: 8px 0;
    width: 100%;
  }
  .form-1 .form-item .item-label,
  .form-1 .form-item.focused.disabled .item-label,
  .form-1 .form-item.focused .item-label,
  .form-1 .form-item.focused .item-label,
  .form-1 .form-item.disabled .item-label{
    position: inherit;
    line-height: 20px;
    font-size: 12px;
    background: transparent;
    top: 0;
    padding: 0;
    color: #333;
    visibility: inherit !important;
  }
  .form-1 .form-item .item-label+.item-content{
    margin-top: 4px;
  }
  .form-1 .form-item .item-content,
  .form-1 .form-item:hover .item-content,
  .form-1 .form-item.disabled .item-content,
  .form-1 .form-item.disabled:hover .item-content{
    height: auto;
    background: transparent;
    border: 0;
    position: relative;
  }
  .form-1 .form-item .item-content .inner{
    height: 40px;
    border: 1px solid #e3e3e3;
    line-height: 38px;
    width: 100%;
  }
  .form-1 .form-item .item-content .inner:focus{
    border-color: #004098;
  }
  .form-1 .form-item.error .item-content .inner,
  .form-1 .form-item.error .item-content .inner:focus{
    border-color: #e0003c;
  }
  .form-1 .form-item.disabled .item-content .inner{
    border-color: #e3e3e3;
    background: #f8f8f8;
  }
  .form-1 .form-item.error .item-error {
    height: 18px;
    padding: 4px 0 0 0;
  }
  .form-1 .form-item .item-error {
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 10px;
    color: #e0003c;
    transition: all .2s ease;
  }
  .form-1 .form-item .item-content .btn-1{
    position: absolute;
    right: 0;
  }
  .form-1 .form-btns{
    display: flex;
    margin: 10px 0;
  }
  .form-1 .form-btns .btn{
    display: block;
    flex: 1;
  }
  .form-1 .form-item .item-content .password-btn,
  .form-1 .form-item .item-content .password-btn:hover,
  .form-1 .form-item .item-content .password-btn:visited,
  .form-1 .form-item .item-content .password-btn:active{
    background-size: 16px;
  }
  .form-1 .form-item .item-content .password-btn.show,
  .form-1 .form-item .item-content .password-btn.show:hover,
  .form-1 .form-item .item-content .password-btn.show:visited,
  .form-1 .form-item .item-content .password-btn.show:active{
    background-size: 16px;
  }
}

/*form-2*/
.tabs3+.form-2{
  margin-top: 30px;
}
.form-2{
  display: block;
}
.form-2 .text{
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.form-2 .form-item{
  display: flex;
  flex-wrap: wrap;
  width: 590px;
  margin: 20px auto;
}
.form-2 .form-item:last-child{
  margin-bottom: 0;
}
.form-2 .form-item .item-label{
  display: block;
  width: 190px;
  padding: 9px 10px 9px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
}
.form-2 .form-item .item-content{
  display: block;
  width: calc(100% - 190px);
  position: relative;
}
.form-2 .form-item .item-content .btn,
.form-2 .form-item .item-content .btn:hover,
.form-2 .form-item .item-content .btn:visited,
.form-2 .form-item .item-content .btn:active{
  position: absolute;
  right: 0;
  top: 10px;
  line-height: 20px;
  font-size: 14px;
  color: #004098;
  padding: 0 15px;
  border-left: 1px solid rgba(114, 113, 113, 0.5);
  cursor: pointer;
  z-index: 1;
}
.form-2 .form-item .item-content .inner{
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  padding: 0 15px;
}
.form-2 .form-item.item-btn .item-content .inner{
  padding-right: 115px;
}
.form-2 .form-item .item-content textarea.inner{
  height: 56px;
  line-height: 22px;
  padding: 5px 15px;
}
.form-2 .form-item.disabled .item-content .inner,
.form-2 .form-item.disabled .item-content .inner:focus,
.form-2 .form-item.disabled .item-content:hover .inner,
.form-2 .form-item.disabled.error .item-content .inner,
.form-2 .form-item.disabled.error .item-content:hover .inner,
.form-2 .form-item .item-content .inner[disabled],
.form-2 .form-item .item-content .inner[disabled]:focus,
.form-2 .form-item .item-content:hover .inner[disabled],
.form-2 .form-item.error .item-content .inner[disabled],
.form-2 .form-item.error .item-content:hover .inner[disabled]{
  background: #f8f8f8;
  border-color: #e3e3e3;
}
.form-2 .form-item .item-content:hover .inner{
  border-color: #ccc;
}
.form-2 .form-item .item-content .inner:focus{
  border-color: #004098;
}
.form-2 .form-item.error .item-content .inner,
.form-2 .form-item.error .item-content .inner:focus,
.form-2 .form-item.error .item-content:hover .inner{
  color: #e0003c;
  border-color: #e0003c;
}
.form-2 .form-item .item-error{
  display: block;
  height: 0;
  width: calc(100% - 190px);
  margin: 0 0 0 190px;
  padding: 0 15px;
  font-size: 12px;
  color: #e0003c;
  overflow: hidden;
  transition: all .2s ease;
}
.form-2 .form-item.error .item-error {
  height: 20px;
  padding: 5px 15px 0 15px;
}
.form-2 .form-item .form-btn,
.form-2 .form-item .form-btn:visited,
.form-2 .form-item .form-btn:active{
  display: block;
  width: calc(100% - 190px);
  margin: 0 0 0 190px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #004098;
  color: #fff;
  background: #004098;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  border-radius: 8px;
  transition: box-shadow .3s;
  cursor: pointer;
}
.form-2 .form-item .form-btn:hover{
  box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
}
.form-2 .form-item .form-btn.disabled,
.form-2 .form-item .form-btn.disabled:hover,
.form-2 .form-item .form-btn.disabled:visited,
.form-2 .form-item .form-btn.disabled:active{
  background: #CCD9EA;
  border-color: #CCD9EA;
  cursor: not-allowed;
  box-shadow: none;
}
@media screen and (max-width: 1000px) {
  .form-2 .form-item{
    display: block;
    width: 100%;
    margin: 16px 0;
  }
  .form-2 .form-item .item-label{
    width: 100%;
    text-align: left;
    padding: 0 0 5px 0;
  }
  .form-2 .form-item .item-content{
    width: 100%;
    margin-left: 0;
  }
  .form-2 .form-item .item-content .inner{
    height: 60px;
    line-height: 58px;
  }
  .form-2 .form-item .item-content textarea.inner{
    height: 80px;
  }
  .form-2 .form-item .item-content .btn,
  .form-2 .form-item .item-content .btn:hover,
  .form-2 .form-item .item-content .btn:visited,
  .form-2 .form-item .item-content .btn:active{
    top: 20px;
  }
  .form-2 .form-item .item-error{
    width: 100%;
    margin-left: 0;
  }
  .form-2 .form-item .form-btn,
  .form-2 .form-item .form-btn:visited,
  .form-2 .form-item .form-btn:active{
    width: 100%;
    margin-left: 0;
    height: 60px;
    line-height: 58px;
  }
  .form-2 .text{
    text-align: left;
    font-size: 14px;
  }
}

/*el-form*/
body .el-form--label-top .el-form-item {
  margin-bottom: 10px;
}
.el-form-item .el-form-item__label{
  color: #333;
}
body .el-form--label-top .el-form-item__label {
  padding: 0;
  line-height: 22px;
}
body .el-input__inner,
body .el-textarea__inner{
  color: #333;
  border-radius: 8px;
}
body .el-input-number__decrease {
  border-radius: 8px 0 0 8px;
}
body .el-input-number__increase{
  border-radius: 0 8px 8px 0;
}
body .el-input__inner:focus,
body .el-range-editor.is-active,
body .el-range-editor.is-active:hover,
body .el-select .el-input.is-focus .el-input__inner,
body .el-select .el-input__inner:focus,
body .el-textarea__inner:focus{
  border-color: #004098;
}
.el-form-item__content .el-form-item__error{
  position: initial;
}
.el-form-item__content .el-select{
  width: 100%;
}
body .el-button{
  border-radius: 8px;
  font-weight: 700;
}
body .el-button:hover{
  box-shadow: 3px 3px 10px 0 rgb(0 64 152 / 45%);
}
body .el-button.el-button--primary:hover{
  background: #024fb9;
  border-color: #024fb9;
}
body .el-button.el-button--success:hover{
  background: #08a9a4;
  border-color: #08a9a4;
  box-shadow: 3px 3px 10px 0 rgb(19 153 149 / 45%);
}
body .el-button.el-button--primary.button3:hover{
  background: #0f69bb;
  border-color: #0f69bb;
  box-shadow: 3px 3px 10px 0 rgb(44 118 185 / 45%);
}
body .el-button.is-disabled{
  box-shadow: none !important;
}
.el-button.el-button--default,
.el-button.el-button--default:focus,
.el-button.el-button--default:active{
  border: 1px solid #e3e3e3;
  background: #fff;
  color: #333;
}
.el-button.el-button--default:hover{
  border-color: #004098;
  background: #fff;
  color: #004098;
}
.el-button.el-button--primary,
.el-button.el-button--primary:hover,
.el-button.el-button--primary:focus{
  background-color: #004098;
  border-color: #004098;
}
.el-button.el-button--primary.el-button--default,
.el-button.el-button--primary.el-button--default:hover,
.el-button.el-button--primary.el-button--default:focus{
  background-color: #004098;
  border-color: #004098;
  color: #fff;
}
.el-button.el-button--primary.is-disabled,
.el-button.el-button--primary.is-disabled:active,
.el-button.el-button--primary.is-disabled:focus,
.el-button.el-button--primary.is-disabled:hover {
  background-color: #CCD9EA;
  border-color: #CCD9EA;
}
.el-button.el-button--primary.is-plain,
.el-button.el-button--primary.is-plain:active,
.el-button.el-button--primary.is-plain:focus{
  background: #fff;
  border-color:  #004098;
  color: #004098;
}
.el-button.el-button--primary.is-plain:hover{
  background: #F5FAFF;
  border-color:  #004098;
  color: #004098;
}
.el-button.el-button--success,
.el-button.el-button--success:hover,
.el-button.el-button--success:focus{
  background-color: #139995;
  border-color: #139995;
}
body .el-button--text,body .el-button--text:hover,body .el-button--text:focus,
body .el-link.el-link--primary,body .el-link.el-link--primary:hover,body .el-link.el-link--primary:focus{
  color: #004098;
  box-shadow: none;
  font-weight: normal;
}
body .el-link.el-link--primary.is-underline:hover::after{
  border-color: #004098;
}
.form-item-1 .el-form-item__content .el-button{
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  background: #004098;
  color: #fff;
  border-radius: 0 8px 8px 0;
  padding: 12px 20px;
  line-height: 14px;
}
.form-item-1 .el-form-item__content .el-button::before{
  content: none;
  display: block;
  width: 1px;
  height: 22px;
  position: absolute;
  left: -15px;
  top: calc(50% - 11px);
  background: rgba(114, 113, 113, 0.5);
}
.form-item-1 .el-form-item__content .time{
  position: absolute;
  right: 1px;
  background: #f5f5f5;
  line-height: 38px;
  top: 1px;
  padding: 0 30px;
  border-left: 1px solid #DCDFE6;
  color: #666;
  border-radius: 0 8px 8px 0;
}
.form-item-1 .el-form-item__content .el-input__inner{
  padding-right: 112px;
}
.form-item-2 .el-form-item__content .el-input__inner{
  padding-right: 44px;
}
.form-item-2 .el-form-item__content .password-btn,
.form-item-2 .el-form-item__content .password-btn:hover,
.form-item-2 .el-form-item__content .password-btn:visited,
.form-item-2 .el-form-item__content .password-btn:active {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 44px;
  height: 40px;
  background: url("../images/eye-line.svg") no-repeat center;
  background-size: 14px;
  cursor: pointer;
}
.form-item-2 .el-form-item__content .password-btn.show,
.form-item-2 .el-form-item__content .password-btn.show:hover,
.form-item-2 .el-form-item__content .password-btn.show:visited,
.form-item-2 .el-form-item__content .password-btn.show:active{
  background: url("../images/eye-off-line.svg") no-repeat center;
  background-size: 14px;
}
body .el-checkbox{
  display: inline-flex;
}
body .el-checkbox .el-checkbox__label{
  display: flex;
  line-height: 14px;
  color: #333;
}
body .el-checkbox__input.is-checked+.el-checkbox__label {
  color: #333;
}
body  .el-checkbox__input:hover .el-checkbox__inner,
body .el-checkbox__input.is-focus .el-checkbox__inner{
  border-color: #DCDFE6;
}
body .el-checkbox__input.is-checked .el-checkbox__inner,
body .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #004098;
  border-color: #004098;
}
.el-input .el-icon-email{
  background: url("../images/icon-email.svg") no-repeat center;
  background-size: 15px;
}
.el-input .el-icon-password{
  background: url("../images/icon-password.svg") no-repeat center;
  background-size: 15px;
}
.el-input .el-icon-email::before,
.el-input .el-icon-email::after,
.el-input .el-icon-password::before,
.el-input .el-icon-password::after{
  content: none;
}
.el-input-number .el-input-number__decrease,
.el-input-number .el-input-number__increase{
  height: 38px;
}
.el-input-number .el-input-number__decrease i,
.el-input-number .el-input-number__increase i{
  line-height: 38px;
}
body .el-input-number__decrease:hover,
body .el-input-number__increase:hover {
  color: #004098;
}
body .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
body .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
  border-color: #004098;
}
body .el-input.is-disabled .el-input__inner {
  color: #333;
}
@media screen and (max-width: 1000px){
  body .el-form--label-top .el-form-item {
    margin-bottom: 20px;
  }
  body .el-input__inner{
    height: 40px;
    line-height: 40px;
    font-size: 12px;
  }
  body .el-textarea__inner{
    font-size: 12px;
  }
  body .el-input-group__append .el-button,
  body .el-input-group__append .el-input,
  body .el-input-group__prepend .el-button,
  body .el-input-group__prepend .el-input,
  body .el-input__inner {
    font-size: 12px;
  }
  body .el-button{
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 12px;
  }
  body .el-form-item__label{
    line-height: 40px;
    font-size: 12px;
  }
  .form-item-1 .el-form-item__content .el-input{
    height: 40px;
  }
  .form-item-1 .el-form-item__content .time{
    line-height: 38px;
    border-radius: 0 8px 8px 0;
  }
  body .el-checkbox .el-checkbox__label {
    padding-left: 8px;
  }
  body .el-checkbox .el-checkbox__label{
    line-height: 12px;
  }
.el-form-item .el-form-item__content .el-button+.el-button{
	margin-left: 0;
	margin-top: 22px;
}
.form-item-1 .el-form-item__content .el-button{
  padding: 9px 20px;
  line-height: 20px;
}
}

/*big-button1*/
.big-button1{
  min-width: 260px;
  font-size: 16px !important;
}

/*el-form1*/
.el-form1{
  display: flex;
  flex-wrap: wrap;
  margin-left: -7px;
  margin-right: -7px;
}
.el-form1 .el-form-item{
  width: calc(50% - 14px);
  margin-left: 7px;
  margin-right: 7px;
}
.el-form1 .el-form-item.item-block{
  width: calc(100% - 14px);
}
.el-form1 .el-form-item .el-autocomplete{
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .el-form1 .el-form-item{
    width: calc(100% - 14px);
  }
}

/*el-form2*/
.el-form2{
  width: 590px;
  margin: 30px auto 0 auto;
}
.el-form2 .el-form-item .el-form-item__content .el-button{
  width: 100%;
}
.el-form2 .el-form-item.form-item-1 .el-form-item__content .el-button{
  width: auto;
}
@media screen and (max-width: 1000px) {
.el-dialog__wrapper.full-dialog .el-dialog .el-dialog__body .el-form2{
	padding: 0;
}
.el-form2{
	width: 100%;
	padding: 0 15px;
}
.el-form2 .el-form-item{

}
.el-form2 .el-form-item .el-form-item__label{
	width: 100% !important;
	float: inherit;
	display: block;
	text-align: left;
	line-height: 20px;
}
.el-form2 .el-form-item .el-form-item__content{
	margin-left: 0 !important;
}
}

/*el-button-1*/
.el-form2 .el-form-item .el-form-item__content .el-button.el-button-1,
body .el-button--text.el-button-1,
body .el-button-1{
  display: inline-block;
  width: auto;
  line-height: 22px;
  padding: 0;
  border: 0;
}
@media screen and (max-width: 1000px) {
  .el-form2 .el-form-item .el-form-item__content .el-button.el-button-1,
  body .el-button--text.el-button-1,
  body .el-button-1{
    display: block;
    width: 100%;
  }
}

/*form-state*/
.form-state{
  display: flex;
  align-items: center;
  width: 790px;
  background: rgba(114, 113, 113, 0.1);
  margin: 0 auto 20px auto;
  padding: 15px 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.form-state i{
  padding-right: 10px;
  font-size: 18px;
}
.form-state .el-icon-success{
  color: #52C41A;
}
.form-state .el-icon-error{
  color: #F56C6C;
}
.form-state .el-icon-warning{
  color: #F56C6C;
}
.state-success,.state-danger,.state-warning{
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
  padding-top: 4px;
}
.state-success i,.state-danger i,.state-warning i{
  padding-right: 6px;
  font-size: 14px;
}
.state-success{
  color: #67c23a;
}
.state-danger{
  color: #F56C6C;
}
.state-warning{
  color: #e6a23c;
}
@media screen and (max-width: 1000px) {
  .form-state{
    width: 100%;
    font-size: 14px;
    padding: 10px 16px;
  }
  .form-state i {
    padding-right: 4px;
    font-size: 16px;
  }
}

/*el-form3*/
.el-form3{
  width: 820px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.el-form3 .el-form-item .el-autocomplete{
  width: 100%;
}
.el-form3 .el-form-item{
  width: calc(50% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
.el-form3 .el-form-item.item-block{
  width: calc(100% - 30px);
}
body .el-form3 .el-form--label-top .el-form-item,
body .el-form--label-top .el-form3 .el-form-item{
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  .el-form3{
    width: 100%;
  }
  .el-form3 .el-form-item{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .el-form3 .el-form-item.item-block {
    width: 100%;
  }
  body .el-form3 .el-form--label-top .el-form-item,
  body .el-form--label-top .el-form3 .el-form-item{
    margin-bottom: 20px;
  }
  .el-form3 .edit-btn,
  .el-form3 .button4{
    width: 100%;
  }
  .el-form3 .edit-btn+.edit-btn,
  .el-form3 .button4+.button4{
    margin-left: 0;
    margin-top: 20px;
  }
}

/*nwzgj-title1*/
.nwzgj-title1{
  display: block;
  padding: 0 0 40px 0;
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
}
.nwzgj-title1 .big{
  display: block;
}
.nwzgj-title1 .big+.small{
  margin-top: 10px;
}
.nwzgj-title1 .small{
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 44px;
  color: #727171;
}
@media screen and (max-width: 1000px) {
  .nwzgj-title1{
    padding: 0 0 10px 0;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
  }
  .nwzgj-title1 .small{
    font-size: 12px;
    line-height: 20px;
  }
  .nwzgj-title1 .big+.small{
    margin-top: 5px;
  }
}

/*nwzgj-title2*/
.nwzgj-title2{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0 0 40px 0;
  text-align: left;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
}
.nwzgj-title2 .title{
  display: block;
  flex: 1;
  text-align: center;
  padding-left: 113px;
}
.nwzgj-title2 .more-btn,
.nwzgj-title2 .more-btn:hover,
.nwzgj-title2 .more-btn:visited,
.nwzgj-title2 .more-btn:active{
  display: inline-flex;
  font-weight: 700;
  font-size: 18px;
  line-height: 34px;
  color: #004098;
  align-items: center;
  cursor: pointer;
  margin: 5px 0;
}
.nwzgj-title2 .more-btn>span{
  display: block;
}
.nwzgj-title2 .more-btn .icon-right{
  display: block;
  width: 8px;
  height: 12px;
  background: url("../images/icon-right-b.svg") no-repeat center;
  background-size: 8px;
  margin: 0 0 0 6px;
  transition: transform .3s;
}
.nwzgj-title2 .more-btn:hover .icon-right{
  transform: translateX(8px);
}
@media screen and (max-width: 1000px) {
  .nwzgj-title2{
    padding: 0 0 16px 0;
    font-size: 18px;
    line-height: 28px;
  }
  .nwzgj-title2 .title{
    text-align: left;
    padding-left: 0;
    font-size: 16px;
    line-height: 20px;
  }
  .nwzgj-title2 .more-btn,
  .nwzgj-title2 .more-btn:hover,
  .nwzgj-title2 .more-btn:visited,
  .nwzgj-title2 .more-btn:active{
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    margin: 0;
  }
  .nwzgj-title2 .more-btn .icon-right {
    width: 6px;
    height: 10px;
    background-size: 6px;
  }
}

/*news-list1*/
.news-list1{
  display: block;
  padding:10px 0;
}
.news-list1 .list{
  display: flex;
  padding: 15px 0;
  transition: box-shadow .3s;
  border-radius: 8px;
}
.news-list1 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.news-list1 .list .list-img{
  display: block;
  width: 230px;
  height: 120px;
  overflow: hidden;
}
.news-list1 .list .list-img img{
  display: block;
  width: 230px;
  height: 120px;
  transition: transform .55s;
}
.news-list1 .list:hover .list-img img {
  transform: scale(1.1);
}
.news-list1 .list .list-cont{
  display: flex;
  flex: 1;
  width: calc(100% - 230px);
}
.news-list1 .list .list-time{
  display: flex;
  padding: 0 24px;
  border-right: 1px solid #eee;
  flex-flow: column;
  width: 145px;
  justify-content: center;
  color: rgba(114, 113, 113, 0.5);
}
.news-list1 .list:hover .list-time{
  color: rgba(114, 113, 113, 1);
}
.news-list1 .list .list-time .year{
  display: block;
  text-align: left;
  font-weight: 400;
  font-size: 28px;
  line-height: 30px;
}
.news-list1 .list .list-time .day{
  display: block;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  margin: 8px 0 0 0;
}
.news-list1 .list .list-text{
  display: block;
  flex: 1;
  padding: 0 90px 0 24px;
  background: url("../images/icon-right2-g.svg") no-repeat right center;
  background-size:16px ;
  width: calc(100% - 375px);
}
.news-list1 .list:hover .list-text{
  background: url("../images/icon-right2.svg") no-repeat right center;
  background-size:16px ;
}
.news-list1 .list .list-text .title,
.news-list1 .list .list-text .title:hover,
.news-list1 .list .list-text .title:visited,
.news-list1 .list .list-text .title:active{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news-list1 .list:hover .list-text .title{
  color: #004098;
}
.news-list1 .list .list-text .text,
.news-list1 .list .list-text .text:hover,
.news-list1 .list .list-text .text:visited,
.news-list1 .list .list-text .text:active{
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #727171;
  margin: 10px 0 0 0;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
@media screen and (max-width: 1100px) {
  .news-list1{
    padding: 5px 0;
  }
  .news-list1 .list{
    padding: 8px 0;
    margin:0;
  }
  .news-list1 .list:hover{
    box-shadow:none;
  }
  .news-list1 .list:first-child{
    margin-top: 0;
  }
  .news-list1 .list:last-child{
    border: 0;
    margin-bottom: 0;
  }
  .news-list1 .list .list-img{
    width: 112px;
    height: 100%;
  }
  .news-list1 .list .list-img img{
    width: 112px;
    height: 58px;
  }
  .news-list1 .list:hover .list-img img {
    transform: scale(1);
  }
  .news-list1 .list .list-cont{
    width: calc(100% - 112px);
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: flex-start;
  }
  .news-list1 .list .list-time{
    width: 100%;
    border: 0;
    color: #333;
    height: auto;
    align-items: center;
    padding: 0 20px 0 16px;
    flex-direction: revert;
    justify-content: flex-start;
    background: url(../images/icon-right2-g.svg) no-repeat right center;
    background-size: 12px;
    margin: 4px 0 0 0;
  }
  .news-list1 .list:hover .list-time{
    color: #333;
  }
  .news-list1 .list .list-time .year{
    font-size: 12px;
    line-height: 20px;
    color: rgba(114, 113, 113, 0.50);
    margin: 0 10px 0 0;
  }
  .news-list1 .list .list-time .day{
    font-size: 12px;
    line-height: 20px;
    color: rgba(114, 113, 113, 0.50);
    margin: 0 0 0 0;
  }
  .news-list1 .list .list-text,
  .news-list1 .list:hover .list-text{
    width: 100%;
    padding: 0 0 0 16px;
    background: transparent;
    margin: 0;
    flex: initial;
  }
  .news-list1 .list .list-text .title,
  .news-list1 .list .list-text .title:hover,
  .news-list1 .list .list-text .title:visited,
  .news-list1 .list .list-text .title:active{
    white-space: normal;
    font-size: 12px;
    line-height: 16px;
  }
  .news-list1 .list .list-text .text,
  .news-list1 .list:hover .list-text .text{
    margin: 0;
    -webkit-line-clamp: inherit;
    display: none;
  }
}

/*news-list2*/
.news-list2{
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0 25px 0;
}
.news-list2 .list{
  display: block;
  position: relative;
  width: calc(33.3333333333% - 20px);
  margin: 15px;
  background: #F9FAFC;
  border-radius: 8px;
  transition: box-shadow .3s;
}
.bg-1 .news-list2 .list{
  background: #FFFFFF;
}
.news-list2 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.news-list2 .list:nth-child(3n+1){
  margin-left: 0;
}
.news-list2 .list:nth-child(3n){
  margin-right: 0;
}
.news-list2 .list .list-img{
  display: block;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.news-list2 .list .list-img img{
  display: block;
  width: 100%;
  height: auto;
  transition: transform .55s;
  border-radius: 8px 8px 0 0;
}
.news-list2 .list:hover .list-img img{
  transform: scale(1.1);
}
.news-list2 .list .list-text{
  display: flex;
  margin: 20px 0;
  padding: 0 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  border-radius: 0 0 8px 8px;
}
.news-list2 .list .list-text .title,
.news-list2 .list .list-text .title:hover,
.news-list2 .list .list-text .title:visited,
.news-list2 .list .list-text .title:active{
  flex: 1;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-list2 .list .list-text .btn-download{
  display: block;
  margin: 0 0 0 10px;
  width: 26px;
  height: 26px;
  background: #004098 url("../images/icon-download1.svg") no-repeat center;
  background-size: 16px;
  border-radius: 8px;
  cursor: pointer;
}
.news-list2 .list .list-text .btn-download:hover{
  background: rgba(0, 64, 152, 0.4) url("../images/icon-download1.svg") no-repeat center;
  background-size: 16px;
}

.news-list2 .list .list-text .btn-view{
    display: block;
    margin: 0 0 0 15px;
    width: 26px;
    height: 26px;
    background: rgba(0, 64, 152, 0.2) url("../images/eye-line-black.svg") no-repeat center;
    background-size: 16px;
    border-radius: 8px;
    cursor: pointer;
}
.news-list2 .list .list-text .btn-view:hover{
    background: rgba(0, 64, 152, 0.4) url("../images/eye-line-black.svg") no-repeat center;
    background-size: 16px;
}
@media screen and (max-width: 1000px) {
  .news-list2 {
    padding: 10px 0;
  }
  .news-list2 .list{
    width: 100%;
    margin: 10px 0;
  }
  .news-list2 .list .list-img{
    height: auto;
  }
  .news-list2 .list .list-img img{
    height: auto;
  }
  .news-list2 .list .list-text{
    height: auto;
    font-size: 12px;
    line-height: 20px;
    margin: 16px 0;
    padding: 0 16px;
  }
}

  .news-list2 .list .list-text .title{
    -webkit-line-clamp: inherit;
  }
}

/*news-list3*/
.news-list3{
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.news-list3 .list{
  display: block;
  position: relative;
  width: calc(33.3333333333% - 20px);
  overflow: hidden;
  margin: 10px 15px 20px 15px;
  border-radius: 8px;
  position: relative;
}
.news-list3 .list:nth-child(3n+1){
  margin-left: 0;
}
.news-list3 .list:nth-child(3n){
  margin-right: 0;
}
.news-list3 .list img{
  display: block;
  width: 100%;
  height: auto;
  transition: transform .55s;
}
.news-list3 .list:hover img {
  transform: scale(1.1);
}
.news-list3 .list .text{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 20px;
  width: 100%;
  height: auto;
  color: #fff;
  padding:0 20px;
  transition: bottom .3s;
}
.news-list3 .list:hover .text{
  bottom: calc(100% - 84px);
}
.news-list3 .list::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -100%;
  background: rgba(0,0,0,0.6);
  transition: bottom .2s;
}
.news-list3 .list:hover::before{
  bottom: 0;
}
@media screen and (max-width: 1000px) {
  .news-list3 {
    padding: 0;
  }
  .news-list3 .list{
    width: 100%;
    height: 215px;
    margin: 0 0 16px 0;
  }
  .news-list3 .list img{
    height: 215px;
  }
  .news-list3 .list .text,.news-list3 .list .text:hover{
    padding: 16px;
    bottom: 0 !important;
    font-size: 12px;
    background: rgba(0 0 0 / 30%);
    line-height: 18px;
    font-weight: normal;
    border-radius: 0 0 8px 8px;
    backdrop-filter: blur(2.5px);
  }
  .news-list3 .list::before{
    content: none;
  }
}

/*list-box1*/
.list-box1{
  display: block;
}
.list-box1 .news-list3{
  max-height: 1098px;
  overflow: hidden;
}
.list-box1.open-list .news-list3{
  max-height: fit-content;
}
.list-box1 .box-btn{
  display: block;
  text-align: center;
  margin: 20px 0 0 0;
}
.list-box1 .box-btn .more-btn,
.list-box1 .box-btn .more-btn:visited,
.list-box1 .box-btn .more-btn:active{
  display: inline-flex;
  align-items: center;
  color: #727171;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  cursor: pointer;
}
.list-box1 .box-btn .more-btn:hover{
  color: #004098;
}
.list-box1 .box-btn .more-btn>span{
  display: block;
}
.list-box1 .box-btn .more-btn .icon{
  display: block;
  font-size: 12px;
  margin: 0 0 0 10px;
  font-weight: bold;
}
.list-box1.open-list .box-btn .more-btn .icon{
  transform: rotate(-180deg)
}
@media screen and (max-width: 1000px) {
  .list-box1 .news-list3 {
    max-height: fit-content;
  }
  .list-box1 .box-btn{
    display: none;
    margin: 0;
  }
}

/*nwzgj-crumbs*/
.nwzgj-crumbs{
  display: flex;
  padding: 20px 10%;
  background: #F9FAFC;
  justify-content: space-between;
  align-items: center;
}
.nwzgj-crumbs .right-item{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.nwzgj-crumbs .right-item .lab1{
  display: block;
  color: #2C76B9;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin: 0 20px 0 0;
}
.nwzgj-crumbs .right-item .lab1 i{
  padding: 0 4px 0 0;
}
.nwzgj-crumbs .right-item .el-button.el-button--primary.is-plain:hover{
  background: #fff;
  box-shadow: none;
  background: #004098;
  border-color: #004098;
  color: #fff;
}
.nwzgj-crumbs .right-item .el-button+.el-button{
  margin-left: 20px;
}
.nwzgj-crumbs .curms-content{
  display: flex;
  align-items: center;
}
.nwzgj-crumbs .curms-content .crumbs-item{
  display: inline-flex;
  align-items: center;
}
.nwzgj-crumbs .curms-content .crumbs-item .crms-inner{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #004098;
}
.nwzgj-crumbs .curms-content .crumbs-item .crms-inner.is-link,
.nwzgj-crumbs .curms-content .crumbs-item .crms-inner.is-link:visited,
.nwzgj-crumbs .curms-content .crumbs-item .crms-inner.is-link:active{
  color: rgba(114, 113, 113, 0.8);
  cursor: pointer;
}
.nwzgj-crumbs .curms-content .crumbs-item .crms-inner.is-link:hover{
  color: #004098;
}
.nwzgj-crumbs .curms-content .crumbs-item .icon{
  display: block;
  padding: 0 8px;
  color: rgba(114, 113, 113, 0.8);
  font-size: 12px;
}
@media (min-width: 1800px) {
  .nwzgj-crumbs{
    padding: 20px calc(50% - 720px);
  }
}
@media screen and (max-width: 1000px) {
  .nwzgj-crumbs{
    display: none;
    padding: 16px 16px;
  }
}

/*image-list-swiper 缩略图切换弹出层*/
.image-list-swiper{
  display: none;
  position: fixed;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: #222;
  color: #222;
  left: 0;
  top: 0;
}
.image-list-swiper.open-swiper{
  display: block;
}
.image-list-swiper .close-swiper,
.image-list-swiper .close-swiper:hover,
.image-list-swiper .close-swiper:visited,
.image-list-swiper .close-swiper:active{
  position: fixed;
  top: 40px;
  right: 30px;
  z-index: 2;
  color: #fff;
  background: rgba(255 255 255 / 20%);
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
}
.image-list-swiper .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.image-list-swiper .mySwiper2 {
  height: 80%;
  width: 100%;
  padding: 40px 0 30px 0;
}
.image-list-swiper .mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.image-list-swiper .mySwiper2 .swiper-button-next, .image-list-swiper .mySwiper2 .swiper-button-prev{
  color: #fff;
}
.image-list-swiper .mySwiper2 .swiper-button-next {
  right: 30px;
  left: auto;
}
.image-list-swiper .mySwiper2 .swiper-button-prev{
  left: 30px;
  right: auto;
}
.image-list-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-size: cover;
  background-position: center;
}
.image-list-swiper .mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.image-list-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-list-swiper .mySwiper2 .swiper-slide img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: cover;
}
.image-list-swiper .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
@media screen and (max-width: 1000px) {
  .image-list-swiper .mySwiper2 .swiper-slide img {
    width: 100%;
    object-fit: contain;
    height: auto;
    max-height: 100%;
  }
  .image-list-swiper .close-swiper,
  .image-list-swiper .close-swiper:hover,
  .image-list-swiper .close-swiper:visited,
  .image-list-swiper .close-swiper:active{
    top: 5px;
    right: 5px;
  }
  .image-list-swiper .swiper-slide img {
    height: auto;
    max-height: 100%;
    object-fit: contain;
  }
}

/*video-dialog 视频播放弹框*/
.video-dialog{
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  background: rgba(36 36 36 / 50%);
}
.video-dialog.open-video{
  display: block;
}
.video-dialog .dialog-content{
  display: flex;
  width: 52.5%;
  flex-flow: column;
  margin: 0 auto;
  justify-content: center;
  height: 100%;
}
.video-dialog .dialog-content .video-box{
  display: block;
  position: relative;
}
.video-dialog .dialog-content .video-box .close-dialog{
  display: block;
  position: fixed;
  right: 20px;
  top: 20px;
  background: #f8f8f8;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  text-align: center;
  line-height: 26px;
  color: #000;
  cursor: pointer;
}
.video-dialog .dialog-content .video-box video{
  display: block;
  border-radius: 10px 10px 0 0;
}
.video-dialog .dialog-content .video-text{
  display: block;
  background: #333;
  color: #fff;
  border-radius: 0 0 10px 10px;
  padding: 30px 50px 30px 30px;
  position: relative;
  max-height: 134px;
  overflow: auto;
}
.video-dialog .dialog-content .video-text::-webkit-scrollbar{
  width: 10px;
}
.video-dialog .dialog-content .video-text::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background: #222222;
}
.video-dialog .dialog-content .video-text::-webkit-scrollbar-track{
  border-radius: 0;
  background: #555555;
}
.video-dialog .dialog-content .video-text .title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 10px 0;
}
.video-dialog .dialog-content .video-text .text{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  height: auto;
}
.video-dialog .dialog-content .video-text.open-vtext .text{
  height: auto;
}
.video-dialog .dialog-content .video-text .open-text,
.video-dialog .dialog-content .video-text .open-text:hover,
.video-dialog .dialog-content .video-text .open-text:visited,
.video-dialog .dialog-content .video-text .open-text:active{
  display: none;
  position: absolute;
  right: 20px;
  bottom: 15px;
  cursor: pointer;
  transition: transform .3s;
  color: #fff;
}
.video-dialog .dialog-content .video-text.open-vtext .open-text{
  transform: rotate(-180deg);
}
.video-dialog .dialog-content .video-text .open-text i{
  font-size: 12px;
}
@media screen and (max-width: 1000px) {
  .video-dialog .dialog-content{
    width: 100%;
    padding: 0 16px;
  }
  .video-dialog .dialog-content .video-box video {
    border-radius: 8px 8px 0 0;
  }
  .video-dialog .dialog-content .video-box .close-dialog{
    bottom: auto;
    right: 16px;
    top: auto;
    margin: -40px 0 0 0;
  }
  .video-dialog .dialog-content .video-text{
    padding: 16px;
    max-height: 100%;
  }
  .video-dialog .dialog-content .video-text .title {
    font-size: 12px;
    line-height: 22px;
    margin: 0 0 10px 0;
  }
  .video-dialog .dialog-content .video-text .text {
    font-size: 12px;
    line-height: 20px;
    max-height: 80px;
    overflow: auto;
  }
}

/*resource-list1*/
.resource-list1{
  display: flex;
  flex-wrap: wrap;
  padding: 25px 0 45px 0;
}
.resource-list1 .list{
  display: block;
  width: calc(50% - 15px);
  margin: 15px;
  background: #F9FAFC;
  padding: 20px;
  border-radius: 8px;
  transition: box-shadow .3s;
}
.bg-1 .resource-list1 .list {
  background: #FFFFFF;
}
.resource-list1 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.resource-list1 .list:nth-child(2n+1){
  margin-left: 0;
}
.resource-list1 .list:nth-child(2n){
  margin-right: 0;
}
.resource-list1 .list .list-title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.resource-list1 .list .list-btn{
  display: block;
  margin: 30px 0 0 0;
}
.resource-list1 .list .list-btn .btn-download,
.resource-list1 .list .list-btn .btn-download:hover,
.resource-list1 .list .list-btn .btn-download:visited,
.resource-list1 .list .list-btn .btn-download:active{
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #004098;
  background: url("../images/icon-download2.svg") no-repeat left center;
  background-size: 12px;
  padding: 0 0 0 20px;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .resource-list1{
    padding: 10px 0;
  }
  .resource-list1 .list{
    width: 100%;
    margin: 10px 0;
  }
  .resource-list1 .list .list-btn{
    margin: 15px 0 0 0;
  }
}

/*aboutus-video1*/
.aboutus-video1{
  display: block;
}

/*aboutus-list1*/
.aboutus-video1+.aboutus-list1{
  margin-top: 100px;
}
.aboutus-list1{
  display: block;
}
.aboutus-list1 .list{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.aboutus-list1 .list+.list{
  margin-top: 120px;
}
.aboutus-list1 .list .list-text{
  display: flex;
  flex: 1;
  align-items: flex-end;
  flex-flow: row;
  padding: 0 0 0 80px;
}
.aboutus-list1 .list .list-text .text-content{
  display: block;
}
.aboutus-list1 .list .list-text .text-content .title{
  display: block;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  position: relative;
  padding: 0 0 24px 0;
}
.aboutus-list1 .list .list-text .text-content .title::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100px;
  height: 4px;
  background: #004098;
}
.aboutus-list1 .list .list-text .text-content .text{
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #727171;
  margin: 20px 0 0 0;
}
.aboutus-list1 .list .list-text .text-content .btns{
  display: block;
  margin: 40px 0 0 0;
}
.aboutus-list1 .list .list-text .text-content .btns .more-btn,
.aboutus-list1 .list .list-text .text-content .btns .more-btn:hover,
.aboutus-list1 .list .list-text .text-content .btns .more-btn:visited,
.aboutus-list1 .list .list-text .text-content .btns .more-btn:active{
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #004098;
  cursor: pointer;
}
.aboutus-list1 .list .list-text .text-content .btns .more-btn>span{
  display: block;
}
.aboutus-list1 .list .list-text .text-content .btns .more-btn .icon-right{
  display: block;
  width: 23px;
  height: 23px;
  background: url("../images/icon-right-b.svg") no-repeat center;
  background-size: 8px;
  margin: 0 0 0 8px;
  transition: transform .3s;
}
.aboutus-list1 .list .list-text .text-content .btns .more-btn:hover .icon-right{
  transform: translateX(10px);
}
.aboutus-list1 .list .list-img{
  display: block;
  width: 62.5%;
}
.aboutus-list1 .list .list-img img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.aboutus-list1 .list:nth-child(2n+1){
  flex-flow: row-reverse;
}
.aboutus-list1 .list:nth-child(2n+1) .list-text {
  flex-flow: row-reverse;
  padding: 0 80px 0 0;
}
@media screen and (max-width: 1000px) {
  .aboutus-video1+.aboutus-list1{
    margin-top: 20px;
  }
  .aboutus-list1 .list,
  .aboutus-list1 .list:nth-child(2n+1){
    display: block;
    width: 100%;
    padding: 0;
    background:transparent;
    border-radius: 10px;
  }
  .aboutus-list1 .list+.list {
    margin-top: 16px;
  }
  .aboutus-list1 .list .list-text,
  .aboutus-list1 .list:nth-child(2n+1) .list-text{
    display: block;
    width: 100%;
    border-radius: 0 0 10px 10px;
    padding: 0;
  }
  .aboutus-list1 .list .list-text .text-content{
    padding: 12px 0 0 0;
  }
  .aboutus-list1 .list .list-text .text-content .title{
    font-size: 16px;
    padding: 0;
    line-height: 24px;
  }
  .aboutus-list1 .list .list-text .text-content .title::before{
    content: none;
  }
  .aboutus-list1 .list .list-text .text-content .text{
    font-size: 12px;
    padding: 0;
    margin: 12px 0 0 0;
    line-height: 20px;
  }
  .aboutus-list1 .list .list-text .text-content .btns{
    margin: 12px 0 0 0;
    text-align: right;
  }
  .aboutus-list1 .list .list-text .text-content .btns .more-btn,
  .aboutus-list1 .list .list-text .text-content .btns .more-btn:hover,
  .aboutus-list1 .list .list-text .text-content .btns .more-btn:visited,
  .aboutus-list1 .list .list-text .text-content .btns .more-btn:active{
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
  }
  .aboutus-list1 .list .list-text .text-content .btns .more-btn .icon-right{
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: 6px;
    margin: 0 0 0 6px;
  }
  .aboutus-list1 .list .list-text .text-content .btns .more-btn:hover .icon-right{
    margin: 0 0 0 6px;
  }
  .aboutus-list1 .list .list-img{
    display: block;
    width: 100%;
  }
}

/*company-box*/
.company-box{
  display: flex;
  padding: 80px 0;
  align-items: center;
}
.company-box .text{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  padding-right: 80px;
}
.company-box img{
  display: block;
}
@media screen and (max-width: 1600px) {
  .company-box .text{
    line-height: 28px;
    padding-right: 60px;
  }
}
@media screen and (max-width: 1456px) {
  .company-box .text{
    font-size: 14px;
    line-height: 1.75;
    padding-right: 50px;
  }
}
@media screen and (max-width: 1340px) {
  .company-box{
    flex-direction: column;
  }
  .company-box .text{
    padding-right: 0;
  }
  .company-box img{
    width: 100%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .company-box{
    display: flex;
    padding: 16px 0;
    align-items: center;
  }
  .company-box .text{
    padding-right: 0;
    font-size: 12px;
    line-height: 20px;
  }
  .company-box img{
    margin-top: 12px;
  }
}

/*aboutus-list2*/
.aboutus-video1+.aboutus-list2{
  margin-top: 60px;
}
.aboutus-list2{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.aboutus-list2 .list{
  display: flex;
  align-items: center;
  width: 33.333333333333333%;
  margin: 60px 0 0 0;
}
.aboutus-list2 .list:nth-child(1),
.aboutus-list2 .list:nth-child(2),
.aboutus-list2 .list:nth-child(3){
  margin-top: 0;
}
.aboutus-list2 .list .list-img{
  display: block;
  text-align: left;
  width: 80px;
  padding: 0;
}
.aboutus-list2 .list .list-img img{
  display: block;
  width: 80px;
  height: 80px;
}
.aboutus-list2 .list .list-conts{
  display: block;
  flex: 1;
  padding-left: 10px;
}
.aboutus-list2 .list .list-title{
  display: block;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  color: #727171;
  margin: 0 0 10px 0;
}
.aboutus-list2 .list .list-title sup{
  color: rgba(114, 113, 113, 0.8);
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  padding: 0 0 0 10px;
}
.aboutus-list2 .list .list-text{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
@media screen and (max-width: 1400px) {
  .aboutus-list2 .list .list-img img {
    width: 70px;
    height: 70px;
  }
  .aboutus-list2 .list .list-title{
    font-size: 22px;
    line-height: 32px;
  }
  .aboutus-list2 .list .list-title sup {
    font-size: 20px;
    line-height: 20px;
    padding: 0 0 0 5px;
  }
  .aboutus-list2 .list .list-text {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 1000px) {
  .aboutus-video1+.aboutus-list2{
    margin-top: 20px;
  }
  .aboutus-list2{
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .aboutus-list2 .list{
    display: block;
    width: 50%;
    margin: 24px 0 0 0;
    padding: 0 10px;
  }
  .aboutus-list2 .list:nth-child(2n+1){
    margin-left: 0;
  }
  .aboutus-list2 .list:nth-child(2n){
    margin-right: 0;
  }
  .aboutus-list2 .list:nth-child(1),
  .aboutus-list2 .list:nth-child(2){
    margin-top: 0;
  }
  .aboutus-list2 .list:nth-child(3) {
    margin-top: 24px;
  }
  .aboutus-list2 .list .list-img{
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .aboutus-list2 .list .list-img img{
    margin: 0 auto;
    width: auto;
    height: 40px;
    max-width: 80%;
  }
  .aboutus-list2 .list .list-title{
    font-size: 16px;
    line-height: 24px;
    margin: 5px 0 0 0;
    text-align: center;
  }
  .aboutus-list2 .list .list-title sup{
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 0 5px;
  }
  .aboutus-list2 .list .list-text{
    font-size: 12px;
    line-height: 20px;
    text-align: center;
  }
}

/*aboutus-box1*/
.aboutus-box1{
  display: flex;
}
.aboutus-box1 .box-img{
  display: block;
  width: 758px;
  height: 642px;
  background: url("../images/aboutus-list4.png") no-repeat center;
  background-size: 758px;
}
.aboutus-box1 .box-img img{
  display: none;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.aboutus-box1 .box-list{
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.aboutus-box1 .box-list .list{
  display: block;
  background: #F9FAFC;
  border-radius: 0;
  padding: 16px;
  width: calc(100% - 16px);
  margin: 10px 0 0 16px;
  transition: box-shadow .3s;
}
.aboutus-box1 .box-list .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.aboutus-box1 .box-list .list:nth-child(1){
  margin-top: 0;
}
.aboutus-box1 .box-list .list .list-title{
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
}
.aboutus-box1 .box-list .list .list-text{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin: 12px 0 0 0;
}
.aboutus-box1.new-box{
	flex-flow: column;
}
.aboutus-box1.new-box .box-text{
	display: block;
	background:  #F9FAFC;
	padding: 32px;
}
.aboutus-box1.new-box .box-text .title{
	display: block;
	color: #333;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
}
.aboutus-box1.new-box .box-text .text{
	display: block;
	color: #727171;
	font-size: 18px;
	line-height: 36px;
	margin: 10px 0 0 0;
}
.aboutus-box1.new-box .box-text+.box-list{
	margin-top: 40px;
}
.aboutus-box1.new-box .box-list .list{
	width: calc(100% / 4);
	margin: 0;
	padding: 0 32px;
	background: #fff;
	border-right: 1px solid rgba(114 113 113 / 50%);
	border-radius: 0;
	box-shadow: none;
}
.aboutus-box1.new-box .box-list .list:nth-child(4n+1){
	padding-left: 0;
}
.aboutus-box1.new-box .box-list .list:nth-child(4n){
	padding-right: 0;
	border-right: 0;
}
.aboutus-box1.new-box .box-list .list:hover{
	background: #fff;
	box-shadow: none;
}
.aboutus-box1.new-box .box-list .list .list-icon{
	display: block;
	margin: 0 0 18px 0;
}
.aboutus-box1.new-box .box-list .list .list-icon img{
	display: block;
	width: 102px;
	height: 102px;
	border:1px solid rgba(114 113 113 / 100%);
}
.aboutus-box1.new-box .box-list .list .list-title{
  font-size: 18px;
  line-height: 26px;
}
.aboutus-box1.new-box .box-list .list .list-text{
  font-size: 16px;
  line-height: 24px;
  margin: 18px 0 0 0;
}
@media screen and (max-width: 1600px) {
  .aboutus-box1{
    display: block;
  }
  .aboutus-box1 .box-img{
    width: 100%;
    height: auto;
  }
  .aboutus-box1 .box-img img{
    display: block;
  }
  .aboutus-box1 .box-list{
    flex-wrap: no-wrap;
  }
  .aboutus-box1 .box-list .list{
    display: block;
    flex: 1;
    margin: 16px 0 0 0;
  }
  .aboutus-box1 .box-list .list:nth-child(1),.aboutus-box1 .box-list .list:nth-child(2){
    margin-top: 16px;
  }
  .aboutus-box1 .box-list .list+.list{
    margin-left:16px;
  }
  .aboutus-box1.new-box .box-list .list+.list{
	  margin-left:0;
  }
  .aboutus-box1.new-box .box-list .list:nth-child(1),.aboutus-box1.new-box .box-list .list:nth-child(2){
    margin-top: 0;
  }
}
@media screen and (max-width: 1400px) {
  .aboutus-box1 .box-list{
    flex-wrap: wrap;
  }
  .aboutus-box1 .box-list .list{
    flex: auto;
    width: calc(50% - 16px);
    margin: 16px 16px 0 16px;
  }
  .aboutus-box1 .box-list .list:nth-child(2n+1){
    margin-left: 0;
  }
  .aboutus-box1 .box-list .list:nth-child(2n){
    margin-right: 0;
  }
  .aboutus-box1 .box-list .list:nth-child(5){
    margin-right: 0;
  }
  .aboutus-box1 .box-list .list+.list{
    margin-left:auto;
  }
}
@media screen and (max-width: 1280px) {
.aboutus-box1.new-box .box-list .list{
	width: calc(100% / 2);
	margin: 20px 0 0 0;
}
.aboutus-box1.new-box .box-list .list:nth-child(1),
.aboutus-box1.new-box .box-list .list:nth-child(2){
	margin-top: 0;
}
.aboutus-box1.new-box .box-list .list:nth-child(2n+1){
	padding-left: 0;
}
.aboutus-box1.new-box .box-list .list:nth-child(2n){
	padding-right: 0;
	border-right: 0;
}
}
@media screen and (max-width: 1000px) {
  .aboutus-box1 .box-list .list{
    flex: auto;
    width: 100%;
    margin: 16px 0 0 0;
    padding: 16px;
  }
  .aboutus-box1 .box-list .list:nth-child(1),.aboutus-box1 .box-list .list:nth-child(2){
    margin-top: 16px;
  }
  .aboutus-box1 .box-list .list .list-title{
    font-size: 12px;
    line-height: 20px;
  }
  .aboutus-box1 .box-list .list .list-text{
    font-size: 12px;
    line-height: 20px;
    margin: 12px 0 0 0;
  }
.aboutus-box1.new-box .box-text{
	display: block;
	background:  #F9FAFC;
	padding: 20px;
}
.aboutus-box1.new-box .box-text .title{
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}
.aboutus-box1.new-box .box-text .text{
	font-size: 12px;
	line-height: 20px;
	margin: 8px 0 0 0;
}
.aboutus-box1.new-box .box-text+.box-list {
    margin-top: 20px;
}
.aboutus-box1.new-box .box-list .list{
	width: 100%;
	margin: 0;
	padding: 10px 0;
	border-right: 0;
	border-bottom: 1px dashed #ddd;
}
.aboutus-box1.new-box .box-list .list:nth-child(1){
	margin-top: 0;
}
.aboutus-box1.new-box .box-list .list:nth-child(2){
	margin-top:0;
}
.aboutus-box1.new-box .box-list .list:last-child{
	border-bottom: 0;
}
.aboutus-box1.new-box .box-list .list .list-icon{
	display: block;
	width: 40px;
	margin: 2px 0 0 0;
	float: left;
}
.aboutus-box1.new-box .box-list .list .list-icon img{
	display: block;
	width: 30px;
	height: 30px;
	border: 0;
	background-color: #eaf0fb;
	border-radius: 100%;
}
.aboutus-box1.new-box .box-list .list .list-title{
  font-size: 12px;
  line-height: 20px;
  width: calc(100% - 40px);
}
.aboutus-box1.new-box .box-list .list .list-text{
  font-size: 12px;
  line-height: 20px;
  margin: 5px 0 0 40px;
  width: calc(100% - 40px);
}
}

/*aboutus-list3*/
.aboutus-list3{
  display: flex;
  flex-wrap: wrap;
}
.aboutus-list3 .list{
  display: flex;
  align-items: center;
  background: #F9FAFC;
  border-radius: 10px;
  padding: 30px 40px;
  transition: box-shadow .3s;
}
.aboutus-list3 .list.list-left{
  width: calc(50% - 20px);
  margin-right: 20px;
  margin-bottom: 30px;
}
.aboutus-list3 .list.list-right{
  width: calc(50% - 20px);
  margin-left: 20px;
  margin-bottom: 30px;
}
.aboutus-list3 .list.list-1{
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  margin-bottom: 30px;
}
.aboutus-list3 .list.list-2{
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  margin-bottom: 30px;
}
.aboutus-list3 .list.list-3{
  width: calc((100% - 60px) / 3);
  margin-right: 0;
  margin-bottom: 30px;
}
.aboutus-list3 .list.list-block{
  width: 100%;
}
.aboutus-list3 .list.list-block+.list.list-block{
	margin-top: 30px;
}
.aboutus-list3 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.aboutus-list3 .list .list-title{
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0;
}
.aboutus-list3 .list .list-title .title{
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 5px 80px 5px 0;
}
.aboutus-list3 .list .list-title .title:last-child{
  margin-right: 0;
}
.aboutus-list3 .list .list-title .title .big{
  display: block;
  font-weight: 700;
  font-size: 36px;
  line-height: 50px;
}
.aboutus-list3 .list .list-title .title .small{
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 50px;
  margin: 0 0 0 32px;
}
.aboutus-list3 .list .list-title .title.flex-title{
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}
.aboutus-list3 .list .list-title .title.flex-title .small{
  margin: 12px 0 0 0;
}
.aboutus-list3 .list .list-text{
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0;
}
.aboutus-list3 .list .list-text .text{
  display: inline-block;
  flex-wrap: nowrap;
  align-items: center;
  margin: 5px 80px 5px 0;
}
.aboutus-list3 .list .list-text .text:last-child{
  margin-right: 0;
}
.aboutus-list3 .list .list-text .text .big{
  display: inline;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
}
.aboutus-list3 .list .list-text .text .small{
  display: inline;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 1280px) {
.aboutus-list3 .list.list-1{
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}
.aboutus-list3 .list.list-2{
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}
.aboutus-list3 .list.list-3{
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}
.aboutus-list3 .list.list-block+.list.list-block{
	margin-top: 20px;
}
}
@media screen and (max-width: 1000px) {
  .aboutus-list3 {
    display: block;
  }
  .aboutus-list3 .list.list-left{
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .aboutus-list3 .list.list-right{
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .aboutus-list3 .list.list-block{
    width: 100%;
  }
  .aboutus-list3 .list{
    padding: 16px;
  }
  .aboutus-list3 .list .list-title{
    padding: 0;
  }
  .aboutus-list3 .list .list-title .title {
    margin-top: 0;
    margin-bottom: 0;
  }
  .aboutus-list3 .list .list-title .title .big{
    font-size: 16px;
    line-height: 24px;
  }
  .aboutus-list3 .list .list-title .title .small{
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 0 20px;
  }
  .aboutus-list3 .list .list-text .text .big{
    font-size: 14px;
    line-height: 20px;
  }
  .aboutus-list3 .list .list-text .text .small{
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 0 5px;
  }
}

/*aboutus-map*/
.aboutus-map{
  display: block;
  width: 100%;
}
.aboutus-map img{
  display: block;
  width: 100%;
  height: auto;
}

/*aboutus-box2*/
.aboutus-box2{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.nwzgj-box .aboutus-box2:nth-child(2n+1){
  flex-direction: row-reverse;
}
.nwzgj-box .aboutus-box2.respon-box:nth-child(2n){
  flex-direction: row-reverse;
}
.nwzgj-box .aboutus-box2.respon-box:nth-child(2n+1){
  flex-direction: row;
}
.aboutus-box2+.aboutus-box2{
  margin-top: 80px;
}
.aboutus-box2 .box-img{
  display: block;
  width: 50%;
  border-radius: 10px;
}
.aboutus-box2.respon-box .box-img{
  width: 39.6%;
  border-radius: 10px;
}
.aboutus-box2.solu-box  .box-img{
  width: 39.6%;
  border-radius: 10px;
}
.aboutus-box2 .box-img img{
  border-radius: 10px;
  width: 100%;
}
.aboutus-box2 .box-text{
  display: block;
  flex: 1;
}
.nwzgj-box .aboutus-box2:nth-child(2n+1) .box-text{
  padding-right: 60px;
}
.nwzgj-box .aboutus-box2:nth-child(2n) .box-text{
  padding-left: 60px;
}
.nwzgj-box .aboutus-box2.respon-box:nth-child(2n+1) .box-text{
  padding-left: 60px;
  padding-right: 0;
}
.nwzgj-box .aboutus-box2.respon-box:nth-child(2n) .box-text{
  padding-right: 60px;
  padding-left: 0;
}
.aboutus-box2 .box-text .title{
  display: block;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
}
.aboutus-box2.solu-box  .box-text .title{
  font-size: 20px;
  line-height: 28px;
}
.aboutus-box2.respon-box .box-text .title{
  font-size: 32px;
  line-height: 40px;
}
.aboutus-box2 .box-text .text{
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 31px;
  margin: 25px 0 0 0;
}
.aboutus-box2.respon-box .box-text .text{
  font-size: 16px;
  line-height: 32px;
  margin: 20px 0 0 0;
}
.aboutus-box2.respon-box .box-text .sm-title{
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  margin: 20px 0 0 0;
}
.aboutus-box2.respon-box .box-text .text+.sm-text{
  margin-top: 20px;
}
.aboutus-box2.respon-box .box-text .sm-text{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
}
.aboutus-box2.respon-box .box-text .sm-text p{
  margin-top: 10px;
}
.aboutus-box2.respon-box .box-text .sm-text .point{
  padding-left: 24px;
  position: relative;
}
.aboutus-box2.respon-box .box-text .sm-text .point::before{
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  display: block;
  width: 14px;
  height: 16px;
  background: linear-gradient(203.63deg, #004098 7.61%, rgba(0, 64, 152, 0.6) 94.57%);
  border-radius: 8px;
}
.aboutus-box2.respon-box .box-text .sm-text.col-sm-2{
  display: flex;
  flex-wrap: wrap;
}
.aboutus-box2.respon-box .box-text .sm-text.col-sm-2 .point{
  width: 50%;
}
.aboutus-box2.respon-box .box-text .spec-text{
  display: flex;
  flex-wrap: wrap;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  margin-top: 20px;
}
.aboutus-box2.respon-box .box-text .spec-text .txt{
  background: url("../images/icon-triangle1.svg") no-repeat left center;
  background-size: 16px;
  padding-left: 26px;
}
.aboutus-box2.respon-box .box-text .spec-text .txt+.txt{
  margin-left: 30px;
}
@media screen and (max-width: 1200px) {
.aboutus-box2.solu-box{
	display: block;
}
.aboutus-box2.solu-box+.aboutus-box2.solu-box{
    margin-top: 16px;
}
.aboutus-box2.solu-box .box-img{
	width: 100%;
}
.nwzgj-box .aboutus-box2.solu-box:nth-child(2n+1) .box-text{
    padding-right: 0;
}
.nwzgj-box .aboutus-box2.solu-box:nth-child(2n) .box-text{
    padding-left: 0;
}
.aboutus-box2.solu-box .box-text {
    margin-top: 12px;
}
.aboutus-box2.solu-box .box-text .title{
    font-size: 16px;
    line-height: 20px;
}
.aboutus-box2.solu-box .box-text .text{
    font-size: 12px;
    line-height: 20px;
    margin: 12px 0 0 0;
}
.addw .acont .txt img {
    width: 100% !important;
    height: auto !important;
  }
.jjfabox1 img {
    width: 100% !important;
    height: auto !important;
 }
}
@media screen and (max-width: 1100px) {
  .aboutus-box2{
    display: block;
    border-radius: 10px;
  }
  .aboutus-box2+.aboutus-box2{
    margin-top: 16px;
  }
  .aboutus-box2 .box-img,
  .aboutus-box2.respon-box .box-img{
    width: 100%;
  }
  .nwzgj-box .aboutus-box2:nth-child(2n+1) .box-text{
    padding-right: 0;
  }
  .nwzgj-box .aboutus-box2:nth-child(2n) .box-text{
    padding-left: 0;
  }
  .nwzgj-box .aboutus-box2.respon-box:nth-child(2n+1) .box-text{
    padding-left: 0px;
    padding-right: 0;
  }
  .nwzgj-box .aboutus-box2.respon-box:nth-child(2n) .box-text{
    padding-right: 0px;
    padding-left: 0;
  }
  .aboutus-box2 .box-text{
    margin-top: 12px;
  }
  .aboutus-box2 .box-text .title,
  .aboutus-box2.respon-box .box-text .title{
    font-size: 16px;
    line-height: 20px;
  }
  .aboutus-box2 .box-text .text,
  .aboutus-box2.respon-box .box-text .text{
    font-size: 12px;
    line-height: 20px;
    margin: 12px 0 0 0;
  }
  .aboutus-box2.respon-box .box-text .sm-title {
    font-size: 14px;
    line-height: 20px;
    margin: 4px 0 0 0;
  }
  .aboutus-box2.respon-box .box-text .sm-text {
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px;
  }
  .aboutus-box2.respon-box .box-text .sm-text p {
    margin-top: 0;
  }
  .aboutus-box2.respon-box .box-text .sm-text .point{
    padding-left: 14px;
  }
  .aboutus-box2.respon-box .box-text .sm-text .point::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    width: 6px;
    height: 8px;
    background: linear-gradient(203.63deg, #004098 7.61%, rgba(0, 64, 152, 0.6) 94.57%);
    border-radius: 6px;
  }
  .aboutus-box2.respon-box .box-text .sm-text.col-sm-2{
    display: block;
  }
  .aboutus-box2.respon-box .box-text .sm-text.col-sm-2 .point{
    width: 100%;
  }
  .aboutus-box2.respon-box .box-text .text+.sm-text {
    margin-top: 10px;
  }
  .aboutus-box2.respon-box .box-text .spec-text{
    display: block;
    flex-wrap: wrap;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    margin-top:4px;
  }
  .aboutus-box2.respon-box .box-text .spec-text .txt{
    background: url(../images/icon-triangle1.svg) no-repeat left center;
    background-size: 8px;
    padding-left: 14px;
    margin-top: 0;
    font-size: 12px;
    line-height: 20px;
  }
  .aboutus-box2.respon-box .box-text .spec-text .txt+.txt{
    margin-left: 0;
  }
}

/*autextbox*/
.autextbox{
  display: block;
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.1px;
}
@media screen and (max-width: 1000px) {
  .autextbox{
    font-size: 12px;
    line-height: 20px;
  }
}

/*autabbox*/
.autabbox{
  padding: 80px 0;
}
.autabbox .tabaxus{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #999;
}
.autabbox .tabaxus .tablink{
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0 16px 0;
  border-bottom: 4px solid transparent;
  cursor: pointer;
}
.autabbox .tabaxus .tablink.active,
.autabbox .tabaxus .tablink:hover{
  border-bottom-color: #004098;
  background: rgba(44, 118, 185, 0.05);
  font-weight: bold;
}
.autabbox .tabaxus .tablink img{
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 0 10px 0;
}
.autabbox .tabaxus .tablink .txt{
  display: flex;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 48px;
}
.autabbox .tabaxus+.autabody,
.autabbox .autabody+.autabody{
  margin-top: 80px;
}
.autabbox .autabody{
  display: flex;
  align-items: flex-start;
}
.autabbox .autabody .lefttext{
  display: block;
  flex: 1;
  padding: 0 40px  0 0;
}
.autabbox .autabody .lefttext .nwzdivider{
  display: block;
  height: 30px;
}
.autabbox .autabody .lefttext .title2+.nwzdivider,
.autabbox .autabody .lefttext .text1+.nwzdivider,
.autabbox .autabody .lefttext .text2+.nwzdivider,
.autabbox .autabody .lefttext .text3+.nwzdivider{
  height: 20px;
}
.autabbox .autabody .lefttext .title1{
  display: block;
  margin: 0 0 20px 0;
  color: #333;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}
.autabbox .autabody .lefttext .title2{
  display: block;
  margin: 0 0 10px 0;
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.autabbox .autabody .lefttext .text1{
  display: block;
  margin: 0 0 10px 0;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.autabbox .autabody .lefttext .text1 p+p{
  margin-top: 5px;
}
.autabbox .autabody .lefttext .text2{
  display: block;
  margin: 0 0 10px 0;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.autabbox .autabody .lefttext .text2 p{
  position: relative;
  padding-left: 24px;
}
.autabbox .autabody .lefttext .text2 p+p{
  margin-top: 5px;
}
.autabbox .autabody .lefttext .text2 p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  display: block;
  width: 14px;
  height: 16px;
  background: linear-gradient(203.63deg, #004098 7.61%, rgba(0, 64, 152, 0.6) 94.57%);
  border-radius: 8px;
}
.autabbox .autabody .lefttext .text2 .nopoint::before {
  content: none;
}
.autabbox .autabody .lefttext .text3{
  display: block;
  margin: 0 0 10px 0;
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px
}
.autabbox .autabody .lefttext .text3 p {
  background: url(../images/icon-triangle1.svg) no-repeat left center;
  background-size: 16px;
  padding-left: 26px;
}
.autabbox .autabody .lefttext .text3 p+p{
  margin-top: 20px;
}
.autabbox .autabody .rightimg{
  display: block;
  width: 800px;
  height: 800px;
  position: relative;
}
.autabbox .autabody .rightimg .img1{
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 254px;
  height: 527px;
}
.autabbox .autabody .rightimg .img2{
  position: absolute;
  left: 273px;
  top: 0;
  display: block;
  width: 527px;
  height: 254px;
}
.autabbox .autabody .rightimg .img3{
  position: absolute;
  left: 273px;
  top: 273px;
  display: block;
  width: 254px;
  height: 254px;
}
.autabbox .autabody .rightimg .img4{
  position: absolute;
  left: 546px;
  top: 273px;
  display: block;
  width: 254px;
  height: 527px;
}
.autabbox .autabody .rightimg .img5{
  position: absolute;
  left: 0;
  top: 546px;
  display: block;
  width: 527px;
  height: 254px;
}
.autabbox .autabody .rightimg .img1 .title,
.autabbox .autabody .rightimg .img2 .title,
.autabbox .autabody .rightimg .img3 .title,
.autabbox .autabody .rightimg .img4 .title,
.autabbox .autabody .rightimg .img5 .title{
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  padding: 16px;
  color: #fff;
  z-index: 1;
  font-weight: 700;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 73.35%);
}
.autabbox .autabody .rightimg img{
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1440px) {
  .autabbox .autabody .lefttext .nwzdivider{
    display: block;
    height: 25px;
  }
  .autabbox .autabody .lefttext .title2+.nwzdivider,
  .autabbox .autabody .lefttext .text1+.nwzdivider,
  .autabbox .autabody .lefttext .text2+.nwzdivider,
  .autabbox .autabody .lefttext .text3+.nwzdivider{
    height: 15px;
  }
  .autabbox .autabody .lefttext .title1{
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 30px;
  }
  .autabbox .autabody .lefttext .title2{
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 24px;
  }
  .autabbox .autabody .lefttext .text1{
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 24px;
  }
  .autabbox .autabody .lefttext .text1 p+p{
    margin-top: 0;
  }
  .autabbox .autabody .lefttext .text2{
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 24px;
  }
  .autabbox .autabody .lefttext .text2 p {
    padding-left: 20px;
  }
  .autabbox .autabody .lefttext .text2 p+p{
    margin-top: 0;
  }
  .autabbox .autabody .lefttext .text2 p::before {
    top: 8px;
    width: 10px;
    height: 12px;
  }
  .autabbox .autabody .lefttext .text3{
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 24px;
  }
  .autabbox .autabody .lefttext .text3 p+p{
    margin-top: 10px;
  }
  .autabbox .autabody .rightimg{
    width: 670px;
    height: 670px;
  }
  .autabbox .autabody .rightimg .img1{
    left: 0;
    top: 0;
    width: 216px;
    height: 443px;
  }
  .autabbox .autabody .rightimg .img2{
    left: 227px;
    top: 0;
    width: 443px;
    height: 216px;
  }
  .autabbox .autabody .rightimg .img3{
    left: 227px;
    top: 227px;
    width: 216px;
    height: 216px;
  }
  .autabbox .autabody .rightimg .img4{
    left: 454px;
    top: 227px;
    width: 216px;
    height: 443px;
  }
  .autabbox .autabody .rightimg .img5{
    left: 0;
    top: 454px;
    width: 443px;
    height: 216px;
  }
}
@media screen and (max-width: 1240px) {
  .autabbox .autabody .rightimg{
    width: 500px;
    height: 500px;
  }
  .autabbox .autabody .rightimg .img1{
    left: 0;
    top: 0;
    width: 159px;
    height: 330px;
  }
  .autabbox .autabody .rightimg .img2{
    left: 170px;
    top: 0;
    width: 330px;
    height: 159px;
  }
  .autabbox .autabody .rightimg .img3{
    left: 170px;
    top: 170px;
    width: 160px;
    height: 160px;
  }
  .autabbox .autabody .rightimg .img4{
    left: 341px;
    top: 170px;
    width: 159px;
    height: 330px;
  }
  .autabbox .autabody .rightimg .img5{
    left: 0;
    top: 341px;
    width: 330px;
    height: 159px;
  }
}
@media screen and (max-width: 1000px) {
  .autabbox{
    padding: 20px 0;
  }
  .autabbox .tabaxus{
    overflow: auto;
  }
  .autabbox .tabaxus .tablink,
  .autabbox .tabaxus .tablink:hover{
    background: #fff;
    flex: auto;
    white-space: nowrap;
    padding: 10px 15px 8px 15px;
    border-bottom: 2px solid transparent;
    font-weight: normal;
  }
  .autabbox .tabaxus .tablink.active,
  .autabbox .tabaxus .tablink:hover{
    border-bottom-color: #004098;
    background: rgba(44, 118, 185, 0.05);
    font-weight: bold;
  }
  .autabbox .tabaxus .tablink img{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 8px 0;
  }
  .autabbox .tabaxus .tablink .txt{
    font-size: 12px;
    line-height: 15px;
    height: 30px;
    min-width: 100px;
  }
  .autabbox .tabaxus+.autabody,
  .autabbox .autabody+.autabody{
    margin-top:20px;
  }
  .autabbox .autabody{
    display: block;
  }
  .autabbox .autabody .lefttext{
    width: 100%;
    padding: 0 0 15px 0;
  }
  .autabbox .autabody .lefttext .nwzdivider{
    display: block;
    height: 20px;
  }
  .autabbox .autabody .lefttext .title2+.nwzdivider,
  .autabbox .autabody .lefttext .text1+.nwzdivider,
  .autabbox .autabody .lefttext .text2+.nwzdivider,
  .autabbox .autabody .lefttext .text3+.nwzdivider{
    height: 15px;
  }
  .autabbox .autabody .lefttext .title1{
    display: block;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 20px;
  }
  .autabbox .autabody .lefttext .title2{
    display: block;
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 20px;
  }
  .autabbox .autabody .lefttext .text1{
    display: block;
    margin: 0 0 5px 0;
    font-size: 12px;
    line-height: 20px;
  }
  .autabbox .autabody .lefttext .text1 p+p{
    margin-top: 0;
  }
  .autabbox .autabody .lefttext .text2{
    display: block;
    margin: 0 0 5px 0;
    font-size: 12px;
    line-height: 20px;
  }
  .autabbox .autabody .lefttext .text2 p{
    padding-left: 16px;
  }
  .autabbox .autabody .lefttext .text2 p+p{
    margin-top: 0;
  }
  .autabbox .autabody .lefttext .text2 p::before {
    top: 6px;
    width: 6px;
    height: 8px;
    border-radius: 6px;
  }
  .autabbox .autabody .lefttext .text3{
    display: block;
    margin: 0 0 15px 0;
    font-size: 12px;
    line-height: 20px
  }
  .autabbox .autabody .lefttext .text3 p {
    background: url(../images/icon-triangle1.svg) no-repeat left center;
    background-size: 8px;
    padding-left: 16px;
  }
  .autabbox .autabody .lefttext .text3 p+p{
    margin-top: 0;
  }
  .autabbox .autabody .rightimg{
    width: 100%;
    height: 340px;
  }
  .autabbox .autabody .rightimg .img1{
    left: 0;
    top: 0;
    width: calc(34% - 5px);
    height: 220px;
  }
  .autabbox .autabody .rightimg .img2{
    left: calc(34% + 5px);
    top: 0;
    width: calc(66% - 5px);
    height: 110px;
  }
  .autabbox .autabody .rightimg .img3{
    left: calc(34% + 5px);
    top: 120px;
    width: calc(32% - 10px);
    height: 100px;
  }
  .autabbox .autabody .rightimg .img4{
    left: calc(66% + 5px);
    top: 120px;
    width: calc(34% - 5px);
    height: 220px;
  }
  .autabbox .autabody .rightimg .img5{
    left: 0;
    top: 230px;
    width: calc(66% - 5px);
    height: 110px;
  }

.autabbox .autabody .rightimg .img1 .title,
.autabbox .autabody .rightimg .img2 .title,
.autabbox .autabody .rightimg .img3 .title,
.autabbox .autabody .rightimg .img4 .title,
.autabbox .autabody .rightimg .img5 .title{
  font-size: 10px;
  line-height: 18px;
  padding: 10px;
}
}

/*aubg*/
.nwzgj-box+.nwzgj-box.aubg{
  padding-top: 80px;
}
.aubg{
  background: url("../images/aufj-bg.png") no-repeat center;
  background-size: cover;
}
.aufjbox{
  display: flex;
  align-items: flex-start;
}
.aufjbox .leftimg{
  display: block;
  width: 40%;
}
.aufjbox .leftimg img{
  display: block;
  width: 100%;
}
.aufjbox .righttext{
  display: block;
  flex: 1;
  padding: 0 0 0 40px;
}
.aufjbox .righttext .title{
  display: block;
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 16px 0;
}
.aufjbox .righttext .fjlist{
  display: block;
  overflow: auto;
  height: 272px;
}
.aufjbox .righttext .fjlist::-webkit-scrollbar {
  z-index:11;
  width:6px;
}
.aufjbox .righttext .fjlist::-webkit-scrollbar:horizontal {
  height:6px;
}
.aufjbox .righttext .fjlist::-webkit-scrollbar-thumb {
  border-radius:5px;
  width:6px;
  background:#b4bccc
}
.aufjbox .righttext .fjlist::-webkit-scrollbar-corner {
  background:transparent;
}
.aufjbox .righttext .fjlist::-webkit-scrollbar-track {
  background:transparent;
}
.aufjbox .righttext .fjlist::-webkit-scrollbar-track-piece {
  background:transparent;
  width:6px
}
.aufjbox .righttext .fjlist .list{
  display: flex;
  align-items: center;
  height: 64px;
  background: #fff url("../images/icon-pdf.svg") no-repeat 10px center;
  background-size: 44px;
  margin: 20px 0;
  padding: 0 10px 0 78px;
}
.aufjbox .righttext .fjlist .list .listtit{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.aufjbox .righttext .fjlist .list:hover .listtit{
  color: #004098;
}
.aufjbox .righttext .fjlist .list .downbtn,
.aufjbox .righttext .fjlist .list .downbtn:hover,
.aufjbox .righttext .fjlist .list .downbtn:visited,
.aufjbox .righttext .fjlist .list .downbtn:active{
  display: block;
  width: 44px;
  height: 44px;
  background: url("../images/icon-download.svg") no-repeat center;
  background-size: 24px;
}
.aufjbox .righttext .fjlist .list:hover .downbtn,
.aufjbox .righttext .fjlist .list:hover .downbtn:hover,
.aufjbox .righttext .fjlist .list:hover .downbtn:visited,
.aufjbox .righttext .fjlist .list:hover .downbtn:active{
  background: url("../images/icon-download-b.svg") no-repeat center;
}
@media screen and (max-width: 1000px) {
  .nwzgj-box+.nwzgj-box.aubg{
    padding-top: 20px;
  }
  .aufjbox{
    display: block;
  }
  .aufjbox .leftimg{
    width: 100%;
  }
  .aufjbox .righttext{
    width: 100%;
    padding: 20px 0 0 0;
  }
  .aufjbox .righttext .title {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 10px 0;
  }
  .aufjbox .righttext .fjlist {
    height: auto;
  }
  .aufjbox .righttext .fjlist .list {
    height: auto;
    background-size: 24px;
    margin: 10px 0;
    padding: 10px 10px 10px 44px;
  }
  .aufjbox .righttext .fjlist .list .listtit {
    display: block;
    -webkit-box-orient: inherit;
    font-size: 12px;
    line-height: 20px;
  }
  .aufjbox .righttext .fjlist .list .downbtn,
  .aufjbox .righttext .fjlist .list .downbtn:hover,
  .aufjbox .righttext .fjlist .list .downbtn:visited,
  .aufjbox .righttext .fjlist .list .downbtn:active {
    width: 40px;
    height: 40px;
    background-size: 16px;
  }
}

/*aboutus-list4*/
.aboutus-list4{
  display: flex;
  flex-wrap: wrap;
}
.aboutus-list4 .list{
  display: block;
  width: calc(33.3333333333% - 20px);
  margin: 15px;
  background: #F9FAFC;
  border-radius: 0px 0px 10px 10px;
  border-top: 4px solid #004098;
  padding: 48px;
  min-height: 520px;
  transition: box-shadow .3s , transform .3s;
}
.aboutus-list4 .list:nth-child(1){
  background:#F9FAFC url("../images/culture-bg4.png") no-repeat right bottom;
  background-size: 454px;
}
.aboutus-list4 .list:nth-child(2){
  background:#F9FAFC url("../images/culture-bg2.png") no-repeat right bottom;
  background-size: 454px;
}
.aboutus-list4 .list:nth-child(3){
  background:#F9FAFC url("../images/culture-bg5.png") no-repeat right bottom;
  background-size: 454px;
}
.aboutus-list4 .list:nth-child(4){
  background:#F9FAFC url("../images/culture-bg1.png") no-repeat right bottom;
  background-size: 454px;
}
.aboutus-list4 .list:nth-child(5){
  background:#F9FAFC url("../images/culture-bg6.png") no-repeat right bottom;
  background-size: 454px;
}
.aboutus-list4 .list:nth-child(6){
  background:#F9FAFC url("../images/culture-bg3.png") no-repeat right bottom;
  background-size: 454px;
}
.aboutus-list4 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
  transform:translateY(-8px);
}
.aboutus-list4 .list:nth-child(3n+1){
  margin-left: 0;
}
.aboutus-list4 .list:nth-child(3n){
  margin-right: 0;
}
.aboutus-list4 .list .title{
  display: block;
  position: relative;
  font-weight: 700;
  font-size: 24px;
  line-height: 48px;
  padding: 0 0 33px 0;
}
.aboutus-list4 .list .title::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 48px;
  height: 3px;
  background: #139995;
}
.aboutus-list4 .list .text{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  margin: 30px 0 0 0;
}
@media screen and (max-width: 1000px) {
  .aboutus-list4{
    display: block;
  }
  .aboutus-list4 .list{
    width: 100%;
    margin: 0;
    min-height: 50px;
    padding: 16px;
  }
  .aboutus-list4 .list+.list{
    margin-top: 16px;
  }
  .aboutus-list4 .list .title{
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 12px 0;
  }
  .aboutus-list4 .list .title::before{

  }
  .aboutus-list4 .list .text{
    margin: 12px 0 0 0;
    font-size: 12px;
    line-height: 20px;
  }
}

/*aboutus-box3*/
.aboutus-box3{
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
}
.aboutus-box3 .box-img{
  display: block;
  position: relative;
}
.aboutus-box3 .box-img .img-pc,
.aboutus-box3 .box-img .img-phone{
  width: 100%;
  height: auto;
}
.aboutus-box3 .box-img .img-pc{
  display: block;
}
.aboutus-box3 .box-img .img-phone{
  display: none;
}
.aboutus-box3 .box-text{
  display: block;
  flex: 1;
  padding: 0 20px 0 0;
  max-width: 570px;
}
.aboutus-box3 .box-text .title{
  display: block;
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
}
.aboutus-box3 .box-text .text{
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
  margin: 30px 0 0 0;
}
.aboutus-box3 .box-text .text p+p{
  margin-top: 40px;
}
.aboutus-box3 .box-text .btns{
  display: block;
  margin: 40px 0 0 0;
}
.aboutus-box3 .box-text .btns .more-btn,
.aboutus-box3 .box-text .btns .more-btn:hover,
.aboutus-box3 .box-text .btns .more-btn:visited,
.aboutus-box3 .box-text .btns .more-btn:active{
  display: inline-flex;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #004098;
  align-items: center;
  cursor: pointer;
  margin:0;
}
.aboutus-box3 .box-text .btns .more-btn>span{
  display: block;
}
.aboutus-box3 .box-text .btns .more-btn .icon-right{
  display: block;
  width: 8px;
  height: 12px;
  background: url("../images/icon-right-b.svg") no-repeat center;
  background-size: 8px;
  margin: 0 0 0 6px;
  transition: transform .3s;
}
.aboutus-box3 .box-text .btns .more-btn:hover .icon-right{
  transform: translateX(8px);
}
@media screen and (max-width: 1530px) {
  .aboutus-box3{
    display: block;
  }
  .aboutus-box3 .box-img .img-pc{
    display: none;
  }
  .aboutus-box3 .box-img .img-phone{
    display: block;
  }
  .aboutus-box3 .box-text{
    max-width: 100%;
    width: 100%;
    padding: 30px 0 0 0;
  }
}
@media screen and (max-width: 1000px) {
  .aboutus-box3 .box-text{
    padding: 16px 0 0 0;
  }
  .aboutus-box3 .box-text .title {
    font-size: 16px;
    line-height: 20px;
  }
  .aboutus-box3 .box-text .text {
    font-size: 12px;
    line-height: 20px;
    margin: 12px 0 0 0;
  }
  .aboutus-box3 .box-text .text p+p {
    margin-top: 5px;
  }
  .aboutus-box3 .box-text .btns {
    margin: 12px 0 0 0;
    text-align: right;
  }
  .aboutus-box3 .box-text .btns .more-btn,
  .aboutus-box3 .box-text .btns .more-btn:hover,
  .aboutus-box3 .box-text .btns .more-btn:visited,
  .aboutus-box3 .box-text .btns .more-btn:active{
    font-size: 12px;
    line-height: 20px;
  }
  .aboutus-box3 .box-text .btns .more-btn .icon-right{
    width: 6px;
    background-size: 6px;
  }
}

/*aboutus-list5*/
.aboutus-list5{
  display: block;
}
.aboutus-list5 .list{
  display: flex;
  flex-wrap: nowrap;
  transition: box-shadow .3s;
  border-radius: 0 10px 10px 0;
}
.aboutus-list5 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.aboutus-list5 .list:first-child{
  margin-top: 20px;
}
.aboutus-list5 .list+.list{
  margin-top: 80px;
}
.aboutus-list5 .list .list-img{
  display: block;
  width: 210px;
  height: 260px;
  overflow: hidden;
}
.aboutus-list5 .list .list-img img{
  display: block;
  width: 100%;
  height: 100%;
  transition: transform .55s;
}
.aboutus-list5 .list:hover .list-img img {
  transform: scale(1.1);
}
.aboutus-list5 .list .list-text{
  display: block;
  flex: 1;
  padding: 0 0 0 40px;
}
.aboutus-list5 .list .list-text .name{
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
}
.aboutus-list5 .list:hover .list-text .name{
  color: #004098;
}
.aboutus-list5 .list .list-text .post{
  display: block;
  margin: 20px 0 0 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
.aboutus-list5 .list .list-text .text{
  display: block;
  margin: 20px 0 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
}
@media screen and (max-width: 1000px) {
  .aboutus-list5 .list+.list{
    margin-top: 20px;
  }
  .aboutus-list5 .list:first-child {
    margin-top: 4px;
  }
  .aboutus-list5 .list .list-img{
    width: 50px;
    height: auto;
  }
  .aboutus-list5 .list .list-img img{
    width: 50px;
    height: auto;
  }
  .aboutus-list5 .list .list-text {
    display: block;
    flex: 1;
    padding: 0 0 0 16px;
  }
  .aboutus-list5 .list .list-text .name{
    font-size: 16px;
    line-height: 1.75;
  }
  .aboutus-list5 .list .list-text .post{
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 1.75;
  }
  .aboutus-list5 .list .list-text .text{
    margin: 10px 0 0 0;
    font-size: 12px;
    line-height: 1.75;
  }
}

/*aboutus-list6*/
.aboutus-list6{
  display: flex;
  flex-wrap: wrap;
}
.aboutus-list6 .list{
  display: block;
  width: calc(33.33333333333% - 20px);
  margin: 30px 15px 0 15px;
  background: #F9FAFC;
  border-radius: 8px;
  transition: box-shadow .3s;
}
.bg-1 .aboutus-list6 .list{
  background: #fff;
}
.aboutus-list6 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.aboutus-list6 .list:nth-child(1),.aboutus-list6 .list:nth-child(2),.aboutus-list6 .list:nth-child(3){
  margin-top: 0;
}
.aboutus-list6 .list:nth-child(3n+1){
  margin-left: 0;
}
.aboutus-list6 .list:nth-child(3n){
  margin-right: 0;
}
.aboutus-list6 .list .list-img{
  display: block;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.aboutus-list6 .list .list-img img{
  transition: transform .55s;
  width: 100%;
  height: auto;
}
.aboutus-list6 .list:hover .list-img img{
  transform: scale(1.1);
}
.aboutus-list6 .list .list-text{
  display: block;
  border-radius: 0 0 8px 8px;
  padding: 20px;
}
.aboutus-list6 .list .list-text .title{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.aboutus-list6 .list .list-text .text{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 16px 0 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .aboutus-list6{
    display: block;
  }
  .aboutus-list6 .list{
    width: 100%;
    margin: 0;
  }
  .aboutus-list6 .list+.list{
    margin-top: 16px;
  }
  .aboutus-list6 .list .list-text{
    padding: 16px;
  }
  .aboutus-list6 .list .list-text .title {
    height: auto;
    -webkit-line-clamp: inherit;
    font-size: 12px;
    line-height: 20px;
  }
  .aboutus-list6 .list .list-text .text {
    height: auto;
    margin: 12px 0 0 0;
    -webkit-line-clamp: inherit;
    font-size: 12px;
    line-height: 20px;
  }
  .aboutus-list6 .list .list-img{
    height: auto;
  }
  .aboutus-list6 .list .list-img img{
    height: auto;
  }
}

/*aboutus-list7*/
.aboutus-list7{
  display: block;
}
.aboutus-list7 .list{
  display: flex;
  flex-wrap: nowrap;
}
.aboutus-list7 .list+.list{
  margin-top: 80px;
}
.aboutus-list7 .list .list-video{
  display: block;
  width: 55%;
  position: relative;
}
.aboutus-list7 .list .list-video video{
  width: 100%;
  height: auto;
  margin: 0;
  position: relative;
  z-index: 1;
}
.aboutus-list7 .list .list-text{
  display: block;
  flex: 1;
  margin:0;
  background: #F9FAFC;
  padding: 20px;
}
.aboutus-list7 .list .list-text .title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.7;
}
.aboutus-list7 .list .list-text .text{
  display: block;
  margin: 10px 0 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
}
@media screen and (max-width: 1200px) {
  .aboutus-list7 .list{
    display: block;
  }
  .aboutus-list7 .list .list-video{
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .aboutus-list7 .list .list-text{
    padding: 16px;
  }
  .aboutus-list7 .list+.list{
    margin-top: 16px;
  }
  .aboutus-list7 .list .list-text .title {
    font-size: 12px;
    line-height: 20px;
  }
  .aboutus-list7 .list .list-text .text {
    margin: 12px 0 0 0;
    font-size: 12px;
    line-height: 20px;
  }
}

/*our-history*/
.our-history{
  display: block;
  position: relative;
}
.our-history .history-phone{
  display: none;
}
.our-history .history-phone img{
  display: block;
  width: 100%;
  height: auto;
}
.our-history::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% + 41px);
  display: block;
  width: 100%;
  height: 1px;
  background: #727171;
}
.our-history .swiper{
  display: block;
  position: initial;
}
.our-history .swiper .swiper-wrapper{
  height: auto;
}
.our-history .swiper .swiper-button-prev{
  left: 6%;
}
.our-history .swiper .swiper-button-next{
  right: 6%;
}
.our-history .swiper .swiper-button-prev,
.our-history .swiper .swiper-button-next{
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #fff;
  border: 1px solid #d9d9d9;
  color: #000;
  top: calc(50% + 40px);
}
.our-history .swiper .swiper-button-prev:hover,
.our-history .swiper .swiper-button-next:hover{
  border: 1px solid #004098;
  color: #004098;
  box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
}
.our-history .swiper .swiper-button-prev.swiper-button-disabled,
.our-history .swiper .swiper-button-next.swiper-button-disabled,
.our-history .swiper .swiper-button-prev.swiper-button-disabled:hover,
.our-history .swiper .swiper-button-next.swiper-button-disabled:hover{
  opacity: 1;
  background: #F5F5F5;
  border-color: #d9d9d9;
  color: rgba(0,0,0,.25);
  box-shadow: none;
}
.our-history .swiper .swiper-button-prev::after,
.our-history .swiper .swiper-button-next::after{
  font-size: 16px;
}
.our-history .swiper .swiper-wrapper .swiper-slide{
  width: 370px;
  height: 500px;
  position: relative;
}
.our-history .swiper .swiper-wrapper .swiper-slide:last-child{
  width: 130px;
}
.our-history .swiper .swiper-wrapper .swiper-slide::before{
  content: "";
  display:block;
  width: 10px;
  height: 10px;
  background: #727171;
  border: 2px solid #fff;
  border-radius: 100%;
  position: absolute;
  left: 34px;
  top: calc(50% - 7px);
}
.our-history .swiper .swiper-wrapper .swiper-slide::after{
  content: "";
  display:block;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 2px solid #727171;
  border-radius: 100%;
  position: absolute;
  left: 34px;
  top: 0;
}
.our-history .swiper .swiper-wrapper .swiper-slide:nth-child(2n)::after{
  top: auto;
  bottom: 0;
}
.our-history .swiper .swiper-wrapper .swiper-slide:last-child::before{
  left: 53px;
}
.our-history .swiper .swiper-wrapper .swiper-slide:last-child::after{
  content: none;
}
.our-history .swiper .swiper-wrapper .swiper-slide .sw-time{
  display: block;
  width: 90px;
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #004098;
  position: absolute;
  top: 50%;
  margin: 20px 0 0 0;
}
.our-history .swiper .swiper-wrapper .swiper-slide:nth-child(2n) .sw-time{
  top: auto;
  bottom: 50%;
  margin: 0 0 20px 0;
}
.our-history .swiper .swiper-wrapper .swiper-slide:last-child .sw-time{
  width: 130px;
}
.our-history .swiper .swiper-wrapper .swiper-slide .sw-text{
  display: flex;
  width: 330px;
  height: 250px;
  padding: 0 0 0 30px;
  flex-flow: column;
  border-left: 1px solid rgba(114, 113, 113, 0.5);
  position: absolute;
  top: 0;
  left: 40px;
}
.our-history .swiper .swiper-wrapper .swiper-slide:last-child .sw-text{
  display: none;
  border: 0;
}
.our-history .swiper .swiper-wrapper .swiper-slide:nth-child(2n) .sw-text{
  top: auto;
  bottom: 0;
  flex-flow: column-reverse;
}
.our-history .swiper .swiper-wrapper .swiper-slide .sw-text .title{
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
.our-history .swiper .swiper-wrapper .swiper-slide .sw-text .text{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0 0 0;
}
.our-history .swiper .swiper-wrapper .swiper-slide:nth-child(2n) .sw-text .text{
  margin: 0 0 8px 0;
}
@media (min-width: 1920px) {
  .our-history .swiper .swiper-button-prev{
    left: calc(50% - 800px);
  }
  .our-history .swiper .swiper-button-next{
    right: calc(50% - 800px);
  }
}
@media screen and (max-width: 1000px) {
  .our-history .history-phone{
    display: block;
  }
  .our-history .swiper{
    display: none;
  }
  .our-history::before{
    content: none;
  }
}

/*distr-coll*/
.distr-coll.el-collapse{
  padding: 40px 40px 0 40px;
  border: 0;
}
.distr-coll .el-collapse-item+.el-collapse-item{
  margin-top: 10px;
}
.distr-coll .el-collapse-item .el-collapse-item__header{
  background: #F9FAFC;
  border: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #333;
  height: 52px;
  padding: 0 32px;
}
.distr-coll .el-collapse-item .el-collapse-item__header .item-title{
  display: block;
  flex: 1;
  text-align: center;
}
.distr-coll .el-collapse-item .el-collapse-item__arrow{
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.distr-coll .el-collapse-item .el-collapse-item__arrow.is-active {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.distr-coll .el-collapse-item .el-collapse-item__wrap{
  border: 0;
}
.distr-coll .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content{
  border: 0;
  padding: 24px 0 12px 0;
}
.distr-coll .el-collapse-item .distr-list .list{
  border-radius: 8px;
  border: 1px solid var(--20, rgba(0, 64, 152, 0.20));
  background: #fff;
}
.distr-coll .el-collapse-item .distr-list .list .list-title{
  flex-direction: column-reverse;
}
.distr-coll .el-collapse-item .distr-list .list .list-title img{
  height: auto;
  width: auto;
  margin: 0 0 10px 0;
  max-width: 100%;
  max-height: 50px;
}
@media screen and (max-width: 1000px) {
  .distr-coll.el-collapse{
    padding: 20px 15px 0 15px;
  }
  .distr-coll .el-collapse-item .el-collapse-item__header {
    background: #F9FAFC;
    border: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    color: #333;
    height: 42px;
    padding: 0 15px;
  }
  .distr-coll .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
    border: 0;
    padding:10px 0 10px 0;
  }
  .distr-coll .el-collapse-item .distr-list .list{
    border-radius: 6px;
  }
}

/*distr-list*/
.distr-list{
  display: flex;
  flex-wrap: wrap;
}
.distr-list .list{
  display: block;
  width: calc((100% - (40px * 2)) / 3);
  border-radius: 0px 0px 8px 8px;
  border-top: 4px solid #004098;
  background: #F9FAFC;
  margin: 40px 40px 0 0;
  padding: 32px;
}
.distr-list .list:nth-child(1),
.distr-list .list:nth-child(2),
.distr-list .list:nth-child(3){
  margin-top: 0;
}
.distr-list .list:nth-child(3n){
  margin-right: 0;
}
.distr-list .list .list-title{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.distr-list .list .list-title .title{
  display: block;
  flex: 1;
  position: relative;
  padding-bottom: 32px;
}
.distr-list .list .list-title .title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 48px;
  height: 3px;
  background: #139995;
  border-radius: 4px;
}
.distr-list .list .list-title .title .tit-1{
  display: block;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.distr-list .list .list-title .title .tit-2{
  display: block;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 4px 0 0 0;
}
.distr-list .list .list-title img{
  display: block;
  height: 50px;
  width: auto;
  margin: 0 0 0 1px;
}
.distr-list .list .list-city{
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  background: url("../images/icon-city.svg") no-repeat 0px 2px;
  background-size: 20px;
  padding: 0 0 0 28px;
  margin: 20px 0;
}
.distr-list .list .list-text{
  display: block;
  padding:0;
  word-break: break-all;
}
.distr-list .list .list-text .text{
  display: flex;
  align-items: flex-start;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height:24px;
}
.distr-list .list .list-text .text+.text{
  margin-top: 12px;
}
.distr-list .list .list-text .text img{
  display: block;
  width: 16px;
  height: 16px;
  margin: 5px 8px 5px 0;
}
@media screen and (max-width: 1000px) {
  .distr-list .list{
    width: 100%;
    border-top: 2px solid #004098;
    background: #F9FAFC;
    margin: 12px 0 0 0;
    padding: 16px;
  }
  .distr-list .list:nth-child(2){
    margin-top: 12px;
  }
  .distr-list .list:nth-child(3){
    margin-top: 12px;
  }
  .distr-list .list .list-title .title{
    padding-bottom: 16px;
  }
  .distr-list .list .list-title .title::after{
    height: 2px;
  }
  .distr-list .list .list-title .title .tit-1{
    font-size: 12px;
    line-height: 20px;
  }
  .distr-list .list .list-title .title .tit-2{
    font-size: 12px;
    line-height: 16px;
  }
  .distr-list .list .list-title img{
    height: 32px;
  }
  .distr-list .list .list-city{
    font-size: 12px;
    line-height: 20px;
    background: url("../images/icon-city.svg") no-repeat 0px 2px;
    background-size: 16px;
    padding: 0 0 0 24px;
    margin: 15px 0;
  }
  .distr-list .list .list-text{
    padding:0;
  }
  .distr-list .list .list-text .text{
    font-size: 12px;
    line-height: 20px;
  }
  .distr-list .list .list-text .text+.text{
    margin-top: 8px;
  }
  .distr-list .list .list-text .text img{
    width: 12px;
    height: 12px;
    margin: 4px 8px 4px 0;
  }
}

/*nwzgj-register*/
.nwzgj-register{
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../images/login-bg.png") no-repeat center;
  background-size: cover;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  overflow: auto;
}
.nwzgj-register .content{
  display: block;
  border: 1px solid rgba(0, 64, 152, 0.2);
  box-shadow: 4px 4px 10px rgba(114, 113, 113, 0.05);
  border-radius: 10px;
  background: #FFFFFF;
  width: 1000px;
}
.nwzgj-register.login-box .content{
  width: 840px;
}
.nwzgj-register .content .log-head{
  display: flex;
  align-items: center;
  height: 70px;
  padding: 0 20px;
  border-bottom: 1px solid rgba(114, 113, 113, 0.2);
}
.nwzgj-register .content .log-head img{
  display: block;
  height: auto;
  width: 120px;
}
.nwzgj-register .content .log-body{
  display: flex;
}
.nwzgj-register .content .log-body .log-left{
  display: block;
  flex: 1;
  min-height: 360px;
  padding: 20px;
  max-height: 622px;
  overflow: auto;
}
.nwzgj-register .content .log-body .log-left::-webkit-scrollbar {
  width: 7px;
  height: 1px;
}
.nwzgj-register .content .log-body .log-left::-webkit-scrollbar-thumb {
  border-radius: 7px;
  -webkit-box-shadow: 0;
  background: #d2d2d2;
}
.nwzgj-register .content .log-body .log-left::-webkit-scrollbar-track {
  -webkit-box-shadow: 0;
  border-radius:0;
  background: #ffffff;
}
.nwzgj-register .content .log-body .log-left .form-1{
  width: auto;
  margin: 0 -7px;
}
.nwzgj-register .content .log-body .log-left .form-1 .form-item.block-item{
  width: calc(100% - 14px);
}
.nwzgj-register .content .log-body .log-left .form-1 .form-item{
  width: calc(50% - 14px);
  margin: 7px;
}
.address-list{
  display: block;
  width: 100%;
}
.account-address.address-list{
  width: 820px;
  margin: 0 auto;
}
.account-address.address-list .list-head{
  padding-left: 15px;
  padding-right: 15px;
}
.address-list .list-head{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  line-height: 22px;
  margin: 13px 0;
}
.address-list .list-head .head-title,
.address-list .list-head .head-title:hover,
.address-list .list-head .head-title:active,
.address-list .list-head .head-title:visited{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  padding: 0 10px 0 0;
}
.address-list .list-head .head-title .icon{
  display: block;
  width: 8px;
  height: 8px;
  background: url("../images/icon-triangle.svg") no-repeat center;
  background-size: 4px;
  margin: 0 6px 0 0;
  transition: transform .2s;
}
.address-list.open-list .list-head .head-title .icon{
  transform: rotate(90deg);
}
.address-list .list-head .head-line{
  display: block;
  flex: 1;
  height: 1px;
  background: rgba(44, 118, 185, 0.5);
}
.address-list .list-head .head-btn{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0 0 0 10px;
}
.address-list .list-head .head-btn .btns,
.address-list .list-head .head-btn .btns:hover,
.address-list .list-head .head-btn .btns:visited,
.address-list .list-head .head-btn .btns:active{
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: #004098;
  cursor: pointer;
}
.address-list .list-head .head-btn .btns+.btns{
  margin-left: 10px;
}
.address-list .list-head .head-btn .btns .icon-add{
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/icon-add.svg") no-repeat center;
  background-size: 12px;
  margin: 0 4px 0 0;
}
.address-list .list-head .head-btn .btns .icon-delete{
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/icon-delete.svg") no-repeat center;
  background-size: 16px;
  margin: 0 4px 0 0;
}
.address-list .form-1{
  display: none;
  margin-bottom: 13px;
}
.address-list.open-list .form-1{
  display: flex;
}
.address-list .el-form1,
.address-list .el-form3{
  display: none;
}
.address-list.open-list .el-form1,
.address-list.open-list .el-form3{
  display: flex;
}
.nwzgj-register .content .log-body .log-left .check-list{
  display: block;
  margin-top: 13px;
}
.nwzgj-register .content .log-body .log-left .check-list .el-checkbox{
  display: flex;
}
.nwzgj-register .content .log-body .log-left .check-list .el-checkbox+.el-checkbox{
  margin-top: 10px;
  margin-left: 0;
}
.nwzgj-register .content .log-body .log-left .check-list .el-checkbox .el-checkbox__label{
  font-size: 12px;
  color: rgba(114, 113, 113, 0.8);
}
.nwzgj-register .content .log-body .log-left .check-list  .el-checkbox__input.is-checked+.el-checkbox__label {
  color: rgba(114, 113, 113, 0.8);
}
.nwzgj-register .content .log-body .log-left .check-list .el-checkbox .el-checkbox__label .el-link {
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
}
.nwzgj-register .content .log-body .log-left .check-list .list{
  display: flex;
  align-items: center;
  line-height: 14px;
  color: rgba(114, 113, 113, 0.8);
  font-size: 12px;
}
.nwzgj-register .content .log-body .log-left .check-list .list+.list{
  margin-top: 12px;
}
.nwzgj-register .content .log-body .log-left .check-list .list input[type=checkbox]{
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #727171;
  border-radius: 8px;
  margin: 0 8px 0 0;
}
.nwzgj-register .content .log-body .log-left .check-list .list a,
.nwzgj-register .content .log-body .log-left .check-list .list a:visited,
.nwzgj-register .content .log-body .log-left .check-list .list a:active{
  display: block;
  line-height: 12px;
  color: #004098;
  cursor: pointer;
}
.nwzgj-register .content .log-body .log-left .check-list .list a:hover{
  text-decoration: underline;
}
.nwzgj-register .content .log-body .log-left .text{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin:20px 0 10px 0;
}
.nwzgj-register .content .log-body .log-left .btn,
.nwzgj-register .content .log-body .log-left .btn:visited,
.nwzgj-register .content .log-body .log-left .btn:active{
  display: block;
  text-align: center;
  width: 312px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #004098;
  color: #fff;
  background: #004098;
  cursor: pointer;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  transition: box-shadow .3s;
  margin: 20px 0 0 0;
}
.nwzgj-register .content .log-body .log-left .form-1+.btn,
.nwzgj-register .content .log-body .log-left .form-1+.btn:visited,
.nwzgj-register .content .log-body .log-left .form-1+.btn:active{
  margin-top: 13px;
}
.nwzgj-register.login-box .content .log-body .log-left .btn,
.nwzgj-register.login-box .content .log-body .log-left .btn:visited,
.nwzgj-register.login-box .content .log-body .log-left .btn:active{
  width: 100%;
}
.nwzgj-register .content .log-body .log-left .btn:hover{
  box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
}
.nwzgj-register .content .log-body .log-left .btn.disabled,
.nwzgj-register .content .log-body .log-left .btn.disabled:visited,
.nwzgj-register .content .log-body .log-left .btn.disabled:active,
.nwzgj-register .content .log-body .log-left .btn.disabled:hover{
  background: #CCD9EA;
  border-color: #CCD9EA;
  cursor:not-allowed;
  box-shadow: none;
}
.nwzgj-register .content .log-body .log-left .forget-password{
  display: block;
  text-align: center;
  padding: 10px 0;
}
.nwzgj-register .content .log-body .log-left .forget-password .btn-link,
.nwzgj-register .content .log-body .log-left .forget-password .btn-link:visited,
.nwzgj-register .content .log-body .log-left .forget-password .btn-link:active{
  display: inline-block;
  margin: 0 auto;
  color: #004098;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
}
.nwzgj-register .content .log-body .log-left .forget-password .btn-link:hover{
  color: #004098;
}
.nwzgj-register .content .log-body .log-left .form-btn{
  display: block;
  width: 50%;
  margin: 20px  0 0 0;
}
.nwzgj-register .content .log-body .log-left .el-form1+.form-btn{
  margin-top: 10px;
}
.nwzgj-register .content .log-body .log-left .title+.el-form1,
.nwzgj-register .content .log-body .log-right .title+.el-form1{
  margin-top: 20px;
}
.nwzgj-register.login-box .content .log-body .log-left .form-btn{
  width: 100%;
}
.nwzgj-register .content .log-body .log-left .form-btn .el-button{
  display: block;
  width: 100%;
}
.nwzgj-register .content .log-body .log-right{
  display: block;
  width: 320px;
  padding: 20px;
  border-left: 1px solid rgba(114, 113, 113, 0.2);
}
.nwzgj-register.login-box .content .log-body .log-right{
  width: 50%;
}
.nwzgj-register .content .log-body .log-left .title,
.nwzgj-register .content .log-body .log-right .title{
  display: block;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #000;
  padding: 0 0 24px 0;
  position: relative;
  margin: 0 0 13px 0;
}
.nwzgj-register .content .log-body .log-left .title::before,
.nwzgj-register .content .log-body .log-right .title::before{
  content: "";
  display: block;
  width: 28px;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.nwzgj-register .content .log-body .log-left .title::before{
  background: #004098;
}
.nwzgj-register .content .log-body .log-right .title::before{
  background: #139995;
}
.nwzgj-register .content .log-body .log-right .text{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 12px;
  margin:20px 0;
}
.nwzgj-register .content .log-body .log-right .btn,
.nwzgj-register .content .log-body .log-right .btn:visited,
.nwzgj-register .content .log-body .log-right .btn:active{
  display: block;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 38px;
  border: 1px solid #004098;
  color: #004098;
  font-size: 14px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
  transition: color .3s , background .3s , box-shadow .3s;
}
.nwzgj-register .content .log-body .log-right .btn:hover{
  color: #fff;
  background: #004098;
  box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
}
.nwzgj-register .content .log-body .log-right .form-btn{
  display: block;
}
.nwzgj-register .content .log-body .log-right .form-btn .el-button{
  display: block;
  width: 100%;
}
.nwzgj-register .content .log-body .log-right .phone-btn{
  display: none;
}
.nwzgj-register .content .log-body .log-right .phone-btn .el-button{
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 40px;
  font-weight: 700;
  font-size: 16px;
  padding: 0;
  border: 0;
}
.nwzgj-register.register-success .content .log-body{
  height: 500px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.nwzgj-register.register-success .content .log-body .title{
  display: flex;
  flex-flow: row;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #004098;
}
.nwzgj-register.register-success .content .log-body .title .icon-check{
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/icon-check.svg") no-repeat center;
  background-size: 24px;
  margin: 0 12px 0 0;
}
.nwzgj-register.register-success .content .log-body .text{
  display: block;
  width: 416px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #727171;
  text-align: left;
  margin: 26px  0 40px 0;
}
.nwzgj-register.register-success .content .log-body .btn,
.nwzgj-register.register-success .content .log-body .btn:visited,
.nwzgj-register.register-success .content .log-body .btn:active{
  display: block;
  width: 260px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  border: 1px solid #e3e3e3;
  font-weight: 700;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  border-radius: 8px;
  transition: border-color .3s , color .3s , box-shadow .3s;
}
.nwzgj-register.register-success .content .log-body .btn:hover{
  border-color: #004098;
  color: #004098;
  box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
}
.nwzgj-register .content .log-copyright{
  display: flex;
  flex-flow: column;
  align-items: center;
  border-top: 1px solid rgba(114, 113, 113, 0.2);
  height: 70px;
  justify-content: center;
}
.nwzgj-register .content .log-copyright p{
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #727171;
}
.nwzgj-register .content .log-copyright p span,.nwzgj-register .content .log-copyright p a{
  margin: 0 5px;
}
.nwzgj-register .content .log-copyright p a,
.nwzgj-register .content .log-copyright p a:visited,
.nwzgj-register .content .log-copyright p a:active{
  color: #727171;
  cursor: pointer;
  text-decoration: underline;
}
.nwzgj-register .content .log-copyright p a:hover{
  color: #004098;
}
.nwzgj-register .content .back-btn{
  display: none;
}
@media screen and (max-width: 1000px) {
  .nwzgj-register{
    background: #fff;
    display: block;
    padding: 65px 0 25px 0;
  }
  .nwzgj-register .content,
  .nwzgj-register.login-box .content{
    border: 0;
    box-shadow: none;
    width: 100%;
    border-radius: 0;
  }
  .nwzgj-register .content .log-copyright{
    display: none;
  }
  .nwzgj-register .content .log-head{
    border: 0;
    justify-content: center;
    height: 60px;
    margin: 0 0 16px 0;
  }
  .nwzgj-register .content .log-head img{
    width: 190px;
  }
  .nwzgj-register .content .log-body{
    display: block;
  }
  .nwzgj-register .content .log-body .log-left,
  .nwzgj-register.login-box .content .log-body .log-right,
  .nwzgj-register .content .log-body .log-right{
    border: 0;
    width: 100%;
    min-height: 40px;
    padding-bottom: 0;
  }
  .nwzgj-register .content .log-body .log-left{
    max-height: 100%;
  }
  .nwzgj-register .content .log-body .log-left .title,
  .nwzgj-register .content .log-body .log-right .title{
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
  }
  .nwzgj-register .content .log-body .log-left .title::before,
  .nwzgj-register .content .log-body .log-right .title::before{
    content: none;
  }
  .nwzgj-register .content .log-body .log-right .title{
    display: none;
  }
  .nwzgj-register .content .log-body .log-right .text{
    display: none;
  }
  .nwzgj-register .content .log-body .log-right .btn,
  .nwzgj-register .content .log-body .log-right .btn:visited,
  .nwzgj-register .content .log-body .log-right .btn:active{
    display: none;
  }
  .nwzgj-register .content .log-body .log-right .phone-btn{
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
  }
  .nwzgj-register .content .log-body .log-left .btn,
  .nwzgj-register .content .log-body .log-left .btn:visited,
  .nwzgj-register .content .log-body .log-left .btn:active{
    width: 100%;
  }
  .nwzgj-register .content .log-body .log-right .phone-btn .qh-btn,
  .nwzgj-register .content .log-body .log-right .phone-btn .qh-btn:hover,
  .nwzgj-register .content .log-body .log-right .phone-btn .qh-btn:visited,
  .nwzgj-register .content .log-body .log-right .phone-btn .qh-btn:active{
    color: #004098;
    padding: 0 0 0 10px;
    font-weight: 700;
  }
  .nwzgj-register .content .log-body .log-left .form-1 .form-item{
    width: calc(100% - 14px);
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .nwzgj-register .content .log-body .log-left .btn,
  .nwzgj-register .content .log-body .log-left .btn:visited,
  .nwzgj-register .content .log-body .log-left .btn:active{
    height: 60px;
    line-height: 58px;
  }
  .address-list .list-head{
    justify-content: space-between;
  }
  .address-list .list-head .head-line{
    display: none;
  }
  .nwzgj-register .content .log-body .log-left .check-list .list+.list{
    margin-top: 24px;
  }
  .nwzgj-register .content .log-body .log-left .el-form1+.check-list{
    margin-top: 0;
  }
  .nwzgj-register .content .log-body .log-left .check-list{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .nwzgj-register .content .back-btn{
    display: inline-block;
    position: absolute;
    left: 0;
    top: 25px;
    width: 40px;
    height: 40px;
    background: url("../images/icon-left.svg") no-repeat center;
    background-size: 16px;
    margin: 0 0 40px 13px;
  }
  .nwzgj-register.register-success .content .log-body{
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    margin-top: 85px;
  }
  .nwzgj-register.register-success .content .log-body .text{
    width: 100%;
  }
  .nwzgj-register.register-success .content .log-body .btn,
  .nwzgj-register.register-success .content .log-body .btn:visited,
  .nwzgj-register.register-success .content .log-body .btn:active{
    height: 60px;
    line-height: 58px;
  }
  .nwzgj-register .content .log-body .log-left .form-btn{
    width: 100%;
  }
  .nwzgj-register .content .log-body .log-left .check-list .el-checkbox+.el-checkbox{
    margin-top: 24px;
  }
  .nwzgj-register .content .log-body .log-right .form-btn .pc-btn{
    display: none;
  }
  .nwzgj-register .content .log-body .log-left .text+.el-form1{
    margin-top: 14px;
  }
  .nwzgj-register .content .log-body .log-left .el-form1+.form-btn {
    margin-top: 0;
  }
  .account-address.address-list{
    width: 100%;
  }
  .account-address.address-list .list-head{
    padding-left: 0;
    padding-right: 0;
  }
}

/*nwzgj-dialog*/
.nwzgj-dialog{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(36, 36, 36, 0.5);
  position: fixed;
  z-index: 5;
  left: 0;
  top: 0;
}
.nwzgj-dialog .dialog-box{
  background: #FFFFFF;
  box-shadow: 0px 1.2px 3.6px rgba(0, 0, 0, 0.11), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
  border-radius: 10px;
  width: 490px;
}
.nwzgj-dialog .dialog-box .confirm-content{
  padding: 50px 60px;
}
.nwzgj-dialog .dialog-box .confirm-content .text{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #242424;
}
.nwzgj-dialog .dialog-box .confirm-content .btn{
  display: block;
  text-align: center;
  margin: 24px 0 0 0;
}
.nwzgj-dialog .dialog-box .confirm-content .btn .confirm-btn,
.nwzgj-dialog .dialog-box .confirm-content .btn .confirm-btn:visited,
.nwzgj-dialog .dialog-box .confirm-content .btn .confirm-btn:active{
  display: inline-block;
  margin: 0 auto;
  padding: 0 10px;
  min-width: 96px;
  text-align: center;
  height: 40px;
  line-height: 38px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: border-color .3s , color .3s , box-shadow .3s;
}
.nwzgj-dialog .dialog-box .confirm-content .btn .confirm-btn:hover{
  border-color: #004098;
  color: #004098;
  box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
}
.nwzgj-dialog.country-dialog .dialog-box{
  width: 935px;
}
.nwzgj-dialog .dialog-box .dialog-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.nwzgj-dialog .dialog-box .dialog-header .close-btn,
.nwzgj-dialog .dialog-box .dialog-header .close-btn:visited,
.nwzgj-dialog .dialog-box .dialog-header .close-btn:active{
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  cursor: pointer;
  color: rgba(0 0 0 / 60%);
}
.nwzgj-dialog .dialog-box .dialog-header .close-btn:hover{
  color: #004098;
}
.nwzgj-dialog .dialog-box .dialog-header+.dialog-body{
  padding-top: 0;
}
.nwzgj-dialog .dialog-box .dialog-body{
  padding: 40px;
}
.country-list{
  display: flex;
  flex-wrap: wrap;
}
.country-list .list{
  display: block;
  width: calc(20% - 16px);
  margin: 40px 10px 0 10px;
}
.country-list .list:nth-child(1),
.country-list .list:nth-child(2),
.country-list .list:nth-child(3),
.country-list .list:nth-child(4),
.country-list .list:nth-child(5){
  margin-top: 0;
}
.country-list .list:nth-child(5n+1){
  margin-left: 0;
}
.country-list .list:nth-child(5n){
  margin-right: 0;
}
.country-list .list .list-link,
.country-list .list .list-link:visited,
.country-list .list .list-link:active{
  display: inline-block;
  width: auto;
  max-width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  cursor: pointer;
}
.country-list .list .list-link:hover{
  color: #004098;
}
.country-list .list .list-link.active{
  color: #004098;
  font-weight: 700;
}
.country-list+.country-select{
  margin-top: 60px;
}
.country-select{
  display: block;
}
.country-select .text{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.country-select .title{
  display: block;
  margin: 10px 0 0 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.country-select .select-box{
  display: flex;
  margin: 10px  0 0 0;
}
.country-select .select-box .el-select{
  width: 350px;
  margin-right: 10px;
}
.country-select .select-box .el-select+.el-button{
  padding-left: 10px;
  padding-right: 10px;
  min-width: 126px;
  text-align: center;
}
.country-select .select-box select{
  display: block;
  height: 40px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  width: 350px;
  padding: 0 10px;
  line-height: 38px;
  margin: 0 15px 0 0;
}
.country-select .select-box .btn,
.country-select .select-box .btn:visited,
.country-select .select-box .btn:active{
  display: block;
  padding: 0 10px;
  min-width: 126px;
  text-align: center;
  height: 40px;
  line-height: 38px;
  border-radius: 8px;
  background: #004098;
  border: 1px solid #004098;
  color: #fff;
  cursor: pointer;
  transition: box-shadow .3s;
}
.country-select .select-box .btn:hover{
  box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
}
@media screen and (max-width: 1000px) {
  .nwzgj-dialog{
    padding-left: 20px;
    padding-right: 20px;
  }
  .nwzgj-dialog .dialog-box{
    width: 100%;
  }
  .nwzgj-dialog.country-dialog .dialog-box{
    width: 100%;
  }
  .nwzgj-dialog .dialog-box .confirm-content{
    padding: 30px;
  }
  .nwzgj-dialog .dialog-box .dialog-header{
    padding: 30px;
  }
  .nwzgj-dialog .dialog-box .dialog-header+.dialog-body {
    padding-top: 0;
  }
  .nwzgj-dialog .dialog-box .dialog-body {
    padding: 30px;
  }
  .country-list .list {
    display: block;
    width: calc(50% - 10px);
    margin: 20px 10px 0 10px;
  }
  .country-list .list:nth-child(3),
  .country-list .list:nth-child(4),
  .country-list .list:nth-child(5){
    margin-top: 20px;
  }
  .country-list .list:nth-child(5n+1){
    margin-left: auto;
  }
  .country-list .list:nth-child(5n){
    margin-right: auto;
  }
  .country-list .list:nth-child(2n+1){
    margin-left: 0;
  }
  .country-list .list:nth-child(2n){
    margin-right: 0;
  }
  .nwzgj-dialog.country-dialog .dialog-box .dialog-header+.dialog-body{
    max-height: calc(100vh - 120px);
    min-height:300px;
    overflow: auto;
  }
  .country-select .select-box select{
    height: 60px;
    flex: 1;
    width: 100%;
    line-height: 58px;
    margin: 0 10px 0 0;
  }
  .country-select .select-box .btn,
  .country-select .select-box .btn:visited,
  .country-select .select-box .btn:active{
    min-width: 50px;
    height: 60px;
    line-height: 58px;
  }
  .country-list+.country-select {
    margin-top: 40px;
  }
  .country-select .select-box .el-select+.el-button{
    min-width: 87px;
  }
}

/*home-list1*/
.home-list1{
  display: flex;
  flex-wrap: wrap;
}
.home-list1 .list{
  display: block;
  background: #F9FAFC;
  width: calc(33.3333333333% - 20px);
  border-radius: 8px;
  margin: 30px 15px 0 15px;
  transition: box-shadow .3s;
}
.bg-1 .home-list1 .list{
  background: #fff;
}
.home-list1 .list:nth-child(3n+1){
  margin-left: 0;
}
.home-list1 .list:nth-child(3n){
  margin-right: 0;
}
.home-list1 .list:nth-child(1),
.home-list1 .list:nth-child(2),
.home-list1 .list:nth-child(3){
  margin-top: 0;
}
.home-list1 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.home-list1 .list .list-img{
  display: block;
  width: 100%;
  height: 144px;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.home-list1 .list .list-img img{
  display: block;
  width: 100%;
  height: 100%;
  transition: transform .55s;
}
.home-list1 .list:hover .list-img img{
  transform: scale(1.1);
}
.home-list1 .list .list-cont{
  display: block;
  padding: 20px;
  border-radius: 0 0 8px 8px;
}
.home-list1 .list .list-cont .title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-list1 .list .list-cont .title a,
.home-list1 .list .list-cont .title a:visited,
.home-list1 .list .list-cont .title a:active{
	display: block;
	height: 36px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333;
	cursor: pointer;
}
.home-list1 .list .list-cont .title a:hover,
.home-list1 .list:hover .list-cont .title a{
  color: #004098;
}
@media screen and (max-width: 1000px) {
  .home-list1{
    display: block;
    columns: 2;
  }
  .home-list1 .list{
    width: 100%;
    margin: 0 0 12px 0 !important;
  }
  .home-list1 .list:nth-child(1),
  .home-list1 .list:nth-child(2),
  .home-list1 .list:nth-child(3){
    margin-top: 12px;
  }
  .home-list1 .list:nth-child(4),
  .home-list1 .list:nth-child(5),
  .home-list1 .list:nth-child(6),
  .home-list1 .list:nth-child(7){
    margin-top: 12px;
  }
  .home-list1 .list:nth-child(1) .list-img,
  .home-list1 .list:nth-child(2) .list-img,
  .home-list1 .list:nth-child(3) .list-img{
    height: 94px;
  }
  .home-list1 .list:nth-child(4) .list-img,
  .home-list1 .list:nth-child(5) .list-img,
  .home-list1 .list:nth-child(6) .list-img,
  .home-list1 .list:nth-child(7) .list-img{
    height: 51px;
  }
  .home-list1 .list .list-img img {
    height: 100%;
  }
  .home-list1 .list .list-cont{
    padding: 16px;
  }
  .home-list1 .list .list-cont .title{
    white-space: normal;
    font-size: 12px;
    line-height: 16px;
    height: 32px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .home-list1 .list .list-cont .title a, .home-list1 .list .list-cont .title a:visited, .home-list1 .list .list-cont .title a:active{
		display: block;
		white-space: normal;
		height: 32px;
		overflow: initial;
  }
}

/*home-list2*/
.home-list2{
  display: flex;
  flex-wrap: wrap;
}
.home-list2 .list{
  display: block;
  background: #F9FAFC;
  width: calc(25% - 22.5px);
  border-radius: 8px;
  margin: 30px 15px 0 15px;
  border: 1px solid rgba(114, 113, 113, 0.2);
  transition: box-shadow .3s;
}
.bg-1 .home-list2 .list{
  background: #fff;
  border: none;
}
.home-list2 .list:nth-child(4n+1){
  margin-left: 0;
}
.home-list2 .list:nth-child(4n){
  margin-right: 0;
}
.home-list2 .list:nth-child(1),
.home-list2 .list:nth-child(2),
.home-list2 .list:nth-child(3),
.home-list2 .list:nth-child(4){
  margin-top: 0;
}
.home-list2 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.home-list2 .list .list-img{
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.home-list2 .list .list-img img{
  display: block;
  width: 100%;
  height: auto;
  transition: transform .55s;
}
.home-list2.new-event-list .list .list-img{
  height: 176px;
}
.home-list2.new-event-list .list .list-img img{
  width: 100%;
  height: 100%;
}
.home-list2 .list:hover .list-img img{
  transform: scale(1.1);
}
.home-list2 .list .list-cont{
  display: block;
  padding: 20px;
  border-radius: 0 0 8px 8px;
}
.home-list2 .list .list-cont .sm-title{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
}
.home-list2 .list .list-cont .sm-title a,
.home-list2 .list .list-cont .sm-title a:hover,
.home-list2 .list .list-cont .sm-title a:visited,
.home-list2 .list .list-cont .sm-title a:active{
	display: block;
	height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #999;
	cursor: pointer;
}
.home-list2 .list .list-cont .title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-list2 .list .list-cont .title a,
.home-list2 .list .list-cont .title a:hover,
.home-list2 .list .list-cont .title a:visited,
.home-list2 .list .list-cont .title a:active{
	display: block;
	height: 22px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}
.home-list2 .list .list-cont .title-2{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  height: 44px;
}
.home-list2 .list .list-cont .title-2 a,
.home-list2 .list .list-cont .title-2 a:hover,
.home-list2 .list .list-cont .title-2 a:visited,
.home-list2 .list .list-cont .title-2 a:active{
	display: block;
	height: 44px;
	color: #333;
	cursor: pointer;
}
.home-list2 .list .list-cont .text{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  height: 66px;
  margin:16px 0;
  color: #666;
}
.home-list2 .list .list-cont .text a,
.home-list2 .list .list-cont .text a:hover,
.home-list2 .list .list-cont .text a:visited,
.home-list2 .list .list-cont .text a:active{
	display: block;
	height: 66px;
	color: #666;
	cursor: pointer;
}
.home-list2 .list .list-cont .btns{
  display: block;
  padding: 16px 0 0 0;
  margin: 16px 0 0 0;
  border-top: 1px solid rgba(114, 113, 113, 0.2);
}
.home-list2 .list .list-cont .btns .btn,
.home-list2 .list .list-cont .btns .btn:hover,
.home-list2 .list .list-cont .btns .btn:active,
.home-list2 .list .list-cont .btns .btn:visited{
  display: block;
  width: 100%;
  height: 22px;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #004098;
  cursor: pointer;
  background: url("../images/icon-right2.svg") no-repeat right center;
  background-size: 16px;
}
@media screen and (max-width: 1000px) {
  .home-list2{
    display: flex;
  }
  .home-list2 .list{
    width: calc(50% - 6px);
    margin: 12px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .home-list2.new-event-list .list{
    width: 100%;
  }
  .home-list2 .list:nth-child(4n+1){
    margin-left: auto;
  }
  .home-list2 .list:nth-child(4n){
    margin-right: auto;
  }
  .home-list2 .list:nth-child(2n+1){
    margin-right: 6px;
  }
  .home-list2 .list:nth-child(2n){
    margin-left: 6px;
  }
  .home-list2.new-event-list .list:nth-child(2n+1){
    margin-right: 0;
  }
  .home-list2.new-event-list .list:nth-child(2n){
    margin-left: 0;
  }
  .home-list2 .list:nth-child(1),
  .home-list2 .list:nth-child(2){
    margin-top:0px;
  }
  .home-list2 .list:nth-child(3),
  .home-list2 .list:nth-child(4) {
    margin-top:12px;
  }
  .home-list2.new-event-list .list:nth-child(1){
    margin-top:0px;
  }
  .home-list2.new-event-list .list:nth-child(2),
  .home-list2.new-event-list .list:nth-child(3),
  .home-list2.new-event-list .list:nth-child(4) {
    margin-top:12px;
  }
  .home-list2 .list .list-img{
    height: auto;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
  }
  .home-list2.new-event-list .list .list-img{
    height: auto;
  }
  .home-list2.new-event-list .list .list-img img{
    height: auto;
  }
  .home-list2 .list .list-cont{
    padding: 16px;
  }
  .home-list2 .list .list-cont .sm-title{
    white-space: normal;
    font-size: 12px;
    line-height: 18px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
  }
  .home-list2 .list .list-cont .sm-title a,
  .home-list2 .list .list-cont .sm-title a:hover,
  .home-list2 .list .list-cont .sm-title a:visited,
  .home-list2 .list .list-cont .sm-title a:active{
  		display: block;
  		white-space: normal;
  		height: 36px;
  		overflow: initial;
  }
  .home-list2 .list .list-cont .title{
    white-space: normal;
    font-size: 12px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
  }
  .home-list2 .list .list-cont .title a,
  .home-list2 .list .list-cont .title a:hover,
  .home-list2 .list .list-cont .title a:visited,
  .home-list2 .list .list-cont .title a:active{
  		display: block;
  		white-space: normal;
  		height: 40px;
  		overflow: initial;
  }
  .home-list2 .list .list-cont .title-2{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
    font-size: 12px;
    line-height: 20px;
  }
  .home-list2.new-event-list .list .list-cont .title-2{
    -webkit-line-clamp: inherit;
    height: auto;
    font-size: 12px;
    line-height: 20px;
  }
  .home-list2 .list .list-cont .title-2 a,
  .home-list2 .list .list-cont .title-2 a:hover,
  .home-list2 .list .list-cont .title-2 a:visited,
  .home-list2 .list .list-cont .title-2 a:active{
  	height: auto;
  }
  .home-list2 .list .list-cont .text{
    display: none;
    height: auto;
    font-size: 12px;
    line-height: 20px;
    margin: 12px 0;
  }
  .home-list2.new-event-list .list .list-cont .text{
    -webkit-line-clamp: inherit;
    height: auto;
    font-size: 12px;
    line-height: 20px;
    margin: 12px 0;
  }
  .home-list2 .list .list-cont .btns{
    padding: 12px 0 0 0;
    margin: 12px 0 0 0;
  }
  .home-list2 .list .list-cont .btns .btn,
  .home-list2 .list .list-cont .btns .btn:hover,
  .home-list2 .list .list-cont .btns .btn:active,
  .home-list2 .list .list-cont .btns .btn:visited{
    font-size: 12px;
    line-height: 20px;
	height: 20px;
  }
}

/*home-box1*/
.home-box1{
  display: flex;
  height: 460px;
  width: 100%;
  background: url("../images/home-bg1.png") no-repeat center;
  background-size: 1440px;
  border-radius:8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 80px 0 194px 0;
  transition: background-size .4s;
}
.home-box1:hover{
  background-size: 1800px;
}
.home-box1 .title{
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #fff;
}
.home-box1 .title h1{
  display: inline-block;
  font-size: 36px;
  line-height: 44px;
  color: #fff;
}
.home-box1 .text{
  display: block;
  text-align: center;
  margin: 20px 0 0 0;
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.8);
}
.home-box1 .el-button,.home-box1 .el-button:hover,.home-box1 .el-button:focus{
  display: block;
  margin: 32px 0 0 0;
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  background: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  padding: 8px 24px;
  color: #fff;
}
.home-box1 .el-button:hover{
  background:#fff;
  color:#004098;
  box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
}
@media screen and (max-width: 1000px) {
  .home-box1{
    height: auto;
    padding: 40px 0 70px 0;
    background-size: cover;
  }
  .home-box1 .title{
    font-size: 16px;
    line-height: 24px;
  }
  .home-box1 .title h1{
    font-size: 16px;
    line-height: 24px;
  }
  .home-box1 .text{
    margin: 8px 0 0 0;
    font-size: 14px;
    line-height: 22px;
  }
  .home-box1 .el-button,.home-box1 .el-button:hover,.home-box1 .el-button:focus{
    margin: 32px 0 0 0;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 24px;
  }
  .home-box1 .el-button:hover{
    box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
  }
}


/*el-dialog 弹框组件*/
.v-modal{
  opacity: .5;
  background: rgb(36, 36, 36);
}
.el-dialog__wrapper .el-dialog{
  box-shadow: 0px 1.2px 3.6px rgb(0 0 0 / 11%), 0px 6.4px 14.4px rgb(0 0 0 / 13%);
  border-radius: 10px;
}
.el-dialog__wrapper .el-dialog .el-dialog__header{
  padding: 40px;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
.el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__title{
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn{
  top: 0;
  right: 0;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}
.el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn i{
  color: rgba(0 0 0 / 60%);
  font-size: 16px;
}
.el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn:hover i{
  color:#004098;
}
.el-dialog__wrapper .el-dialog .el-dialog__header+.el-dialog__body{
  padding-top: 0;
}
.el-dialog__wrapper .el-dialog .el-dialog__body{
  padding: 40px;
  color: #333;
}
.el-dialog__wrapper .el-dialog .el-dialog__body+.el-dialog__footer{
  padding-top: 0;
}
.el-dialog__wrapper .el-dialog .el-dialog__footer {
  padding: 40px;
}
.el-dialog__wrapper .el-dialog .el-dialog__footer .el-button{
  padding: 10px 15px;
}
@media screen and (max-width: 1000px) {
  .el-dialog__wrapper .el-dialog .el-dialog__header,
  .el-dialog__wrapper .el-dialog .el-dialog__body,
  .el-dialog__wrapper .el-dialog .el-dialog__footer{
    padding: 30px;
  }
}

/*dialog-1*/
.dialog-1 .el-dialog{
  width: 490px;
  margin-top: calc(50vh - 112px) !important;
  margin-bottom: 0px;
}
.dialog-1 .el-dialog .el-dialog__header{
  display: none;
}
.dialog-1 .el-dialog .el-dialog__body .dialog-content{
  padding: 50px 20px 10px 20px;
}
.dialog-1 .el-dialog .el-dialog__body .dialog-content .text {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #242424;
}
.dialog-1 .el-dialog .el-dialog__body .dialog-content .btn-box{
  display: block;
  text-align: center;
  margin: 24px 0 0 0;
}
@media screen and (max-width: 1000px) {
  .dialog-1 .el-dialog{
    width: calc(100% - 40px);
  }
  .dialog-1 .el-dialog .el-dialog__body .dialog-content{
    padding: 30px 0 0 0;
  }
}

/*dialog-2*/
.dialog-2 .el-dialog{
  width: 935px;
  margin-top: calc(50vh - 282px) !important;
  margin-bottom: 0px;
}
@media screen and (max-width: 1000px) {
  .dialog-2 .el-dialog{
    width: calc(100% - 40px);
    margin-top: 20px !important;
    margin-bottom: 20px;
  }
  .dialog-2 .el-dialog .el-dialog__body{
    max-height: calc(100vh - 120px);
    min-height: 300px;
    overflow: auto;
  }
  .dialog-2 .el-dialog .el-dialog__body .dialog-content{
    padding: 30px 0 0 0;
  }
}

/*cookies-dialog*/
.cookies-dialog .el-dialog{
  width: 935px;
  margin-top: calc(50vh - 162px) !important;
  margin-bottom: 0px;
}
.cookies-dialog .el-dialog .el-dialog__header{
  display: none;
}
.cookies-dialog .el-dialog .el-dialog__body{
  padding: 60px 40px !important;
}
.cookies-dialog .el-dialog .el-dialog__body .dialog-content{
  padding: 0;
}
.cookies-dialog .el-dialog .el-dialog__body .dialog-content .title {
  display: block;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #333;
  margin: 0 0 40px 0;
}
.cookies-dialog .el-dialog .el-dialog__body .dialog-content .text {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #333;
}
.cookies-dialog .el-dialog .el-dialog__body .dialog-content .text .el-link{
  font-size: 16px;
  line-height: 32px;
  color: #004098;
  text-decoration: underline;
}
.cookies-dialog .el-dialog .el-dialog__body .dialog-content .text .el-link::after,
.cookies-dialog .el-dialog .el-dialog__body .dialog-content .text .el-link:hover::after{
  content: none;
}
.cookies-dialog .el-dialog .el-dialog__body .dialog-content .btn-box{
  display: block;
  margin: 40px 0 0 0;
}
@media screen and (max-width: 1000px) {
  .cookies-dialog .el-dialog{
    width: calc(100% - 40px) !important;
    margin-top: 100px !important;
  }
  .cookies-dialog .el-dialog .el-dialog__body{
    padding: 30px 30px !important;
  }
  .cookies-dialog .el-dialog .el-dialog__body .dialog-content .title {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 20px 0;
  }
  .cookies-dialog .el-dialog .el-dialog__body .dialog-content .text {
    font-size: 12px;
    line-height: 20px;
  }
  .cookies-dialog .el-dialog .el-dialog__body .dialog-content .text .el-link{
    font-size: 12px;
    line-height: 20px;
  }
  .cookies-dialog .el-dialog .el-dialog__body .dialog-content .btn-box {
    display: block;
    margin: 20px 0 0 0;
  }
  .cookies-dialog .el-dialog .el-dialog__body .dialog-content .btn-box .el-button{
    width: 100%;
    text-align: center;
  }
}

/*cookies-dialogs*/
.cookies-dialogs{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(36, 36, 36, 0.5);
  position: fixed;
  z-index: 5;
  left: 0;
  top: 0;
}
.cookies-dialogs .dialog-box{
  background: #FFFFFF;
  box-shadow: 0px 1.2px 3.6px rgb(0 0 0 / 11%), 0px 6.4px 14.4px rgb(0 0 0 / 13%);
  border-radius: 10px;
  width: 935px;
}
.cookies-dialogs .dialog-box .dialog-content{
  padding: 60px 40px;
}
.cookies-dialogs .dialog-box .dialog-content .title {
  display: block;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #333;
  margin: 0 0 40px 0;
}
.cookies-dialogs .dialog-box .dialog-content .text {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #333;
}
.cookies-dialogs .dialog-box .dialog-content .text a,
.cookies-dialogs .dialog-box .dialog-content .text a:hover,
.cookies-dialogs .dialog-box .dialog-content .text a:visited,
.cookies-dialogs .dialog-box .dialog-content .text a:active{
  font-size: 16px;
  line-height: 32px;
  color: #004098;
  text-decoration: underline;
  cursor: pointer;
}
.cookies-dialogs .dialog-box .dialog-content .btn-box {
  display: block;
  margin: 40px 0 0 0;
}
.cookies-dialogs .dialog-box .dialog-content .btn-box .btn,
.cookies-dialogs .dialog-box .dialog-content .btn-box .btn:hover,
.cookies-dialogs .dialog-box .dialog-content .btn-box .btn:visited,
.cookies-dialogs .dialog-box .dialog-content .btn-box .btn:active{
  display: inline-block;
  background: #004098;
  color: #fff;
  font-size: 14px;
  padding: 0 20px;
  line-height: 40px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}
.cookies-dialogs .dialog-box .dialog-content .btn-box .btn:hover{
  box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
}
@media screen and (max-width: 1000px) {
  .cookies-dialogs .dialog-box{
    width: calc(100% - 40px);
  }
  .cookies-dialogs .dialog-box .dialog-content{
    padding: 30px 30px;
  }
  .cookies-dialogs .dialog-box .dialog-content .title {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 20px 0;
  }
  .cookies-dialogs .dialog-box .dialog-content .text {
    font-size: 12px;
    line-height: 20px;
  }
  .cookies-dialogs .dialog-box .dialog-content .text a,
  .cookies-dialogs .dialog-box .dialog-content .text a:hover,
  .cookies-dialogs .dialog-box .dialog-content .text a:visited,
  .cookies-dialogs .dialog-box .dialog-content .text a:active{
    font-size: 12px;
    line-height: 20px;
  }
  .cookies-dialogs .dialog-box .dialog-content .btn-box {
    display: block;
    margin: 20px 0 0 0;
  }
  .cookies-dialogs .dialog-box .dialog-content .btn-box .btn,
  .cookies-dialogs .dialog-box .dialog-content .btn-box .btn:hover,
  .cookies-dialogs .dialog-box .dialog-content .btn-box .btn:visited,
  .cookies-dialogs .dialog-box .dialog-content .btn-box .btn:active {
    width: 100%;
    text-align: center;
    line-height: 40px;
  }
}

/*el-table*/
body .el-table{
  color: #333;
  font-size: 16px;
}
body .el-table .cell {
  word-break: break-word;
  line-height: 28px;
  padding-left: 3px;
  padding-right: 3px;
}
body .el-table .el-button,
body .el-table .el-link{
  font-size: 16px;
}
body .el-table th.el-table__cell{
  background: rgba(44, 118, 185, 0.05);
  border-top: 1px solid rgba(0, 64, 152, 0.2);
}
body .el-table thead {
  color: #727171;
  font-weight: 700;
  font-size: 16px;
}
.el-table tr:last-child>td.el-table__cell{
  border-bottom: 0;
}
body .el-table td.el-table__cell,
body .el-table th.el-table__cell.is-leaf {
  border-color: rgba(0, 64, 152, 0.2);
}
body .el-table th.el-table__cell>.cell {
  padding-left: 3px;
  padding-right: 3px;
}
body .el-table.no-padding th.el-table__cell>.cell {
  padding-left: 0 !important;
  padding-right: 0px !important;
}
body .el-table.no-padding .cell{
  padding-left: 0 !important;
  padding-right: 0px !important;
}
body .el-table-column--selection .cell {
  padding-left: 3px;
  padding-right: 3px;
}
body .el-table::before{
  height: 0;
}
.el-table .el-table__cell.is-right .cell{
  text-align: right;
}
.el-table .el-input-number{
  width: 110px;
  line-height: 30px;
  height: 32px;
}
.el-table .el-input-number .el-input__inner{
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
}
.el-table .el-input-number .el-input-number__decrease,
.el-table .el-input-number .el-input-number__increase{
  width: 30px;
  height: 30px;
}
.el-table .el-input-number .el-input-number__decrease i,
.el-table .el-input-number .el-input-number__increase i{
  line-height: 30px;
}
.el-table .el-input-number .el-input__inner {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 1000px) {
  .el-table .el-input-number{
    width: 80px;
    line-height: 22px;
    height: 24px;
  }
  .el-table .el-input-number .el-input-number__decrease,
  .el-table .el-input-number .el-input-number__increase{
    width: 24px;
    height: 24px;
  }
  .el-table .el-input-number .el-input-number__decrease i,
  .el-table .el-input-number .el-input-number__increase i{
    line-height: 22px;
  }
  .el-table .el-input-number .el-input-number__decrease~ .el-input .el-input__inner{
    padding-left: 24px;
    padding-right: 24px;
    height: 24px;
    line-height: 24px;
  }
  .el-table .el-table__cell{
    padding: 16px 0;
  }
  body .el-table .cell {
    padding-left: 10px;
    padding-right: 0;
  }
}

/*special-table1*/
.special-table1{

}
.el-table.special-table1 tr>td:first-child .cell,
.el-table.special-table1 tr>th:first-child .cell{
  padding-left: 20px;
}
.el-table.special-table1 tr>td:last-child .cell,
.el-table.special-table1 tr>th:last-child .cell{
  padding-right: 20px;
}
.el-table.special-table1 th.el-table__cell{
  background: #fff;
  border-top: 0;
  color: #333;
}
.special-table1 .el-table__expanded-cell{
  padding: 0;
}
.el-table.special-table1 tr.expanded td.el-table__cell{
  border-bottom: 0;
  background: #F9FAFC;
}
.el-table.special-table1 tr td.el-table__expanded-cell{
  background: #F9FAFC !important;
}
.el-table.special-table1 .no-expand .el-table__expand-icon{
  display: none;
}
.el-table.special-table1 .el-table__expand-icon{
  display: inline-block;
  width: auto;
  color: #004098;
  font-size: 16px;
  padding: 0 20px 0 0;
  font-weight: 700;
  line-height: 16px;
}
.el-table.special-table1 .el-table__expand-icon::before{
  content: "Expand";
}
.el-table.special-table1 .el-table__expand-icon.el-table__expand-icon--expanded::before{
  content: "Hide";
}
.el-table.special-table1 .el-table__expand-icon,
.el-table.special-table1 .el-table__expand-icon.el-table__expand-icon--expanded{
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.el-table.special-table1 .el-table__expand-icon i{
  font-weight: 700;
  right: 0;
  left: auto;
  margin-left: 0;
  margin-right: 0;
  top: calc(50% - 5px);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.el-table.special-table1 .el-table__expand-icon.el-table__expand-icon--expanded i{
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.special-table1 .el-table__expanded-cell>.el-table{
  width: calc(100% - 180px);
  margin-left: 180px;
  font-size: 14px;
  background: #F9FAFC;
}
.special-table1 .el-table__expanded-cell>.el-table tr>td:first-child .cell,
.special-table1 .el-table__expanded-cell>.el-table tr>th:first-child .cell{
  padding-left: 10px;
}
.special-table1 .el-table__expanded-cell>.el-table tr>td:last-child .cell,
.special-table1 .el-table__expanded-cell>.el-table tr>th:last-child .cell{
  padding-right: 10px;
}
.special-table1 .el-table__expanded-cell>.el-table th.el-table__cell,
.special-table1 .el-table__expanded-cell>.el-table td.el-table__cell{
  background: #F9FAFC;
}
.special-table1 .el-table__expanded-cell>.el-table th.el-table__cell{
  color: #727171;
}
.expand-btn{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 20px 20px 20px;
}
.expand-btn .left-btn .el-button.el-button--text,
.expand-btn .left-btn .el-button.el-button--text:hover,
.expand-btn .left-btn .el-button.el-button--text:focus,
.expand-btn .left-btn .el-button.el-button--text:visited{
  color: #ED6D00 !important;
  font-weight: 700;
}
.expand-btn .el-button{
  display: flex;
  align-items: center;
}
.expand-btn .el-button [class*=el-icon-]+span {
  margin-left: 15px;
}
.el-button .el-icon-collect {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/icon-collect1.svg") no-repeat center;
  background-size: 20px;
}
.el-button.active .el-icon-collect {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/icon-collect2.svg") no-repeat center;
  background-size: 20px;
}
.el-button .el-icon-cart {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/icon-cart-w.svg") no-repeat center;
  background-size: 20px;
}
@media screen and (max-width: 1000px) {
  .expand-btn {
    display: block;
    padding: 0;
  }
  .expand-btn .el-button{
    width: 100%;
    justify-content: center;
    border: 0;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    padding: 0 10px;
  }
  .el-button .el-icon-collect,
  .el-button.active .el-icon-collect,
  .el-button .el-icon-cart{
    width: 14px;
    height: 14px;
    background-size: 14px;
  }
}

/*product-img*/
.product-img{
  display: block;
  width: 120px;
  height: 120px;
}
@media screen and (max-width: 1000px) {
  .product-img{
    width: 80px;
    height: auto;
  }
}

/*product-name*/
.product-name{
  display: block;
}
.product-name .title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.product-name .explain{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.product-name .text{
  display: flex;
  flex-wrap: wrap;
  margin: 4px  0 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #727171;
}
.product-name .text .txt{
  display: block;
  width: auto;
  padding: 0 20px 0 0;
  margin: 0 20px 0 0;
  position: relative;
}
.product-name .text .txt::after{
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 4.5px);
  display: block;
  width: 1px;
  height: 9px;
  background: rgba(0, 64, 152, 0.2);
}
.product-name .text .txt:last-child{
  padding-right: 0;
}
.product-name .text .txt:last-child::after{
  content: none;
}
@media screen and (max-width: 1000px) {
  .product-name .title{
    display: flex;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    align-items: flex-start;
  }
  .product-name .title span{
    display: block;
    flex: 1;
  }
  .product-name .title .close{
    display: block;
    line-height: 22px;
    color: #000;
  }
  .product-name .title .close i{
    line-height: 22px;
  }
  .product-name .explain{
    font-size: 12px;
    line-height: 20px;
  }
  .product-name .text{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 0 0;
  }
  .product-name .text .txt{
    display: block;
    width: auto;
    padding: 0 8px;
    position: relative;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    color: #666;
    background: rgba(114, 113, 113, 0.1);
    border-radius: 4px;
    margin: 0 4px 10px 0;
  }
  .product-name .text .txt::after{
    content: none;
  }
  .product-name .text .txt:first-child{
    padding-left:8px;
  }
  .product-name .text .txt:last-child{
    padding-right: 8px;
  }
  .product-name .el-input__inner{
    height: 40px;
  }
  .product-name .btn-box{
    display: block;
    margin: 10px 0 0 0;
    text-align: right;
  }
  .product-name .btn-box .el-button{
    padding: 0;
    line-height: 22px;
  }
  .product-name .explain+.price-pcs,
  .product-name .title+.price-pcs{
    margin-top: 10px;
  }
  .product-name .title+.explain{
    margin-top: 8px;
  }
  .product-name .explain{
    font-size: 12px;
    line-height: 20px;
  }
  .product-name .price-pcs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
  }
  .product-name .price-pcs+.price-pcs{
    margin-top: 10px;
  }
  .product-name .txt-zp{
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    color: #727171;
  }
  .product-name .price-pcs.align-right{
    justify-content: flex-end;
  }
  .product-name .price-pcs .txt{
    display: block;
    width: auto;
    padding: 0 8px;
    position: relative;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    color: #666;
    background: rgba(114, 113, 113, 0.1);
    border-radius: 4px;
    margin: 0;
  }
  .product-name .price-pcs .el-button{
    line-height: 20px;
    padding: 0;
    font-size: 12px;
  }
  .product-name .el-tag{
    margin: 10px 4px 0 0;
  }
  .product-name .price-pcs .el-tag{
    margin-top: 0;
  }
  .yh-sel{
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
  }
  .yh-sel .el-input__inner{
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    font-size: 12px;
  }
  .yh-sel .el-input__icon{
    line-height: 30px;
  }
}

/*quantity-box*/
.quantity-box{
  display: flex;
  justify-content: space-between;
}

/*button1*/
.button1{
  font-weight: 700 !important;
  font-size: 14px !important;
}
.button1 i{
  font-weight: 700 !important;
}
.button1 .el-icon--right {
  margin-left:10px;
}
@media screen and (max-width: 1000px) {
  .button1{
    font-size: 12px !important;
  }
}

/*button2*/
.button2,.button2:focus,.button2:active,.button2:visited{
  color: rgba(0,0,0,0.6) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
.button2:hover{
  color: #004098 !important;
}
.button2 i{
  font-weight: 700 !important;
}

/*button3*/
.el-button.el-button--primary.button3,
.el-button.el-button--primary.button3:hover,
.el-button.el-button--primary.button3:focus{
  background: #2C76B9;
  border-color: #2C76B9;
}

/*button4*/
.button4{
	min-width: 200px;
}
.el-form2 .el-form-item .el-form-item__content .el-button.button4{
	width: auto;
}
@media screen and (max-width: 1000px) {
.el-form2 .el-form-item .el-form-item__content .el-button.button4{
	width: 100%;
}
}

/*button5*/
.button5{
	min-width: 104px;
}
.el-form2 .el-form-item .el-form-item__content .el-button.button5{
	width: 104px;
}
@media screen and (max-width: 1000px) {
.el-form2 .el-form-item .el-form-item__content .el-button.button5{
	width: 100%;
}
}


/*el-pagination-box*/
.el-pagination-box{
  display: flex;
  justify-content: center;
  margin: 20px 0 0 0;
}

/*el-pagination*/
.el-pagination .el-pager li{
  width: 32px;
  height: 32px;
  min-width: 20px;
  line-height: 30px;
  border: 1px solid rgba(114, 113, 113, 0.2);
  border-radius: 8px;
  margin: 0 4px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
}
.el-pagination .el-pager li.active+li {
  border-left: 1px solid rgba(114, 113, 113, 0.2);
}
.el-pagination .el-pager li.active,
.el-pagination .el-pager li.active:hover{
  color:#fff;
  background: #004098;
  border-color: #004098;
}
.el-pagination .el-pager li:hover,
.el-pagination .el-pager li.active+li:hover{
  color: #004098;
  border-color: #004098;
}
.el-pagination .el-pagination__editor.el-input .el-input__inner{
  height: 32px;
  line-height: 30px;
}
body .el-pagination .btn-next,
body .el-pagination .btn-prev{
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #f3f3f3;
  color: #666;
  padding: 0;
  border-radius: 8px;
}
body .el-pagination .btn-next:hover,
body .el-pagination .btn-prev:hover{
  background: rgba(0 64 152 / 5%);
  color: #004098;
}
body .el-pagination button:disabled,
body .el-pagination button:disabled:hover{
  color: #C0C4CC;
  background: #f3f3f3;
}
body .el-pagination .el-pagination__jump{
  color: #333;
}

/*apply-pc*/
.apply-pc{
  display: block;
  margin: 30px 0 0 0;
}
.apply-pc .box-title{
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 30px 0;
}
.apply-pc .box-search{
  display: flex;
  justify-content: flex-end;
  margin: 0 0 30px 0;
}
.apply-pc .box-search .el-input-group{
  width: 468px;
}
.el-input-group .el-input__inner{
  border-right: 0;
}
.el-input-group .el-input__inner:hover+.el-input-group__append{
  border-color: #c0c4cc;
}
.el-input-group .el-input__inner:focus+.el-input-group__append{
  border-color: #004098;
}
.el-input-group .el-input-group__append{
  background: transparent;
  padding: 0;
  border-radius: 0 8px 8px 0;
}
.el-input-group .el-input-group__append .el-button{
  border: 0;
  color: #004098;
  margin: 0;
  padding: 12px 10px;
}
.el-input-group .el-input-group__append .el-button:hover{
  box-shadow: none;
  border: 0;
  color: #004098;
}
.el-input-group .el-input-group__append .el-button i{
  font-weight: 700;
}
.apply-pc .box-btn{
  display: flex;
  justify-content: flex-end;
  margin: 30px 0 0 0;
}
.apply-pc .box-btn .el-button{
  min-width: 200px;
}
@media screen and (max-width: 1000px) {
  .apply-pc{
    display: none;
  }
}

/*apply-phone*/
.apply-phone{
  display: none;
  margin: 20px 0 0 0;
}
.apply-phone .box-title{
  display: block;
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.apply-phone .box-search{
  display: flex;
  justify-content: flex-end;
  margin: 0 0 20px 0;
}
.apply-phone .box-search .el-input-group{
  width: 100%;
}
.apply-phone .box-btn{
  display: flex;
}
.apply-phone .box-btn .el-button{
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .apply-phone{
    display: block;
  }
  .apply-phone .box-title{
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 12px 0;
  }
  .apply-phone .el-table tr>td:first-child .cell,
  .apply-phone .el-table tr>th:first-child .cell{
    padding-left: 0;
  }
  .apply-phone .el-table tr>td:last-child .cell,
  .apply-phone .el-table tr>th:last-child .cell{
    padding-right: 0;
  }
}

/*invoice-page*/
.invoice-page{
  width: 100%;
  min-height: 400px;
  background: #F9FAFC;
  padding: 30px 5%;
}
.invoice-page .invoice-content{
  background: #fff;
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  min-height: 600px;
  padding: 40px  60px;
}
.invoice-head{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.invoice-head+.invoice-list2{
  margin-top: 40px;
}
.invoice-head+.invoice-head{
  margin-top: 80px;
}
.invoice-head .left{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #727171;
}
.invoice-head .left .bold{
  color: #333;
}
.invoice-head .left .blue-title{
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #2C76B9;
}
.invoice-head .left .black-title-sm{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0 0 0;
}
.invoice-head .right{
  display: block;
}
.invoice-head .right .logo{
  display: block;
  width: 145px;
  height: 50px;
  background: url("../images/logo1-b.svg") no-repeat center;
  background-size: 145px;
  margin: 0 auto;
}
.invoice-head .right .text{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0 0 0;
  color: #727171;
}
.invoice-head .right.right-text{
  display: flex;
  justify-content: flex-end;
}
.invoice-head .right.right-text .text-list{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #727171;
}
.invoice-head .right.right-text .text-list+.text-list{
  margin-left: 40px;
}
.invoice-head .right.right-text .text-list .bold{
  color: #333;
}
.in-list-1{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.in-list-1 .logo{
  display: block;
  width: 143px;
  height: 44px;
  background: url(../images/logo1-b.svg) no-repeat center;
  background-size: 143px;
  margin: 0 0 40px 0;
}
.in-list-1 .text{
  font-size: 20px;
  font-style: italic;
  line-height: 24px;
  letter-spacing: 0.1px;
}
.in-list-1 .text .blue{
  color: #004098;
}
.in-list-2{
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.in-list-2 .text-1{
  display: block;
  width: 185px;
  color: #2C76B9;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.1px;
}
.in-list-2 .text-2,
.in-list-2 .text-3{
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
}
.in-list-2 .text-2 .text-list,
.in-list-2 .text-3 .text-list{
  display: flex;
}
.in-list-2 .text-2 .text-list+.text-list,
.in-list-2 .text-3 .text-list+.text-list{
  margin-top: 14px;
}
.in-list-2 .text-2 .text-list .clum,
.in-list-2 .text-3 .text-list .clum{
  font-weight: bold;
  margin-right: 20px;
}
.in-list-2 .text-2 .text-list .clum{
  width: 118px;
}
.in-list-2 .text-3 .text-list .clum{
  width: 75px;
}
.in-list-border{
  padding: 40px 0;
  border-top: 1px dashed rgba(44, 118, 185, 0.50);
}
.in-list-border.last-list{
  padding-bottom: 0;
}
.in-new-table{
  width: 100%;
  border-top: 1px solid rgba(0, 64, 152, 0.20);
  border-left: 1px solid rgba(0, 64, 152, 0.20);
}
.in-new-table tr td{
  border-bottom: 1px solid rgba(0, 64, 152, 0.20);
  border-right: 1px solid rgba(0, 64, 152, 0.20);
  font-size: 16px;
  line-height: 28px;
  padding: 10px 10px;
}
.in-new-table .big-size{
  font-size: 20px;
}
.in-list-3{
  display: block;
}
.in-new-table tr td .in-list-3{
  margin: 12px 8px;
}
.in-list-3 .blue-title{
  display: block;
  color: #004098;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.1px;
}
.in-list-3 .text{
  display: block;
  margin: 20px 0 0 0;
  font-size: 14px;
  line-height: 22px;
}
.in-list-3 .text p+p{
  margin-top: 10px;
}
.in-list-3 .text p span+span{
  padding-left: 4px;
}
.in-list-4{
  display: block;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.1px;
}
.phone-list{
  display: none;
}
.in-list-border.last-list .btn-box{
  display: flex;
  justify-content: end;
  margin-top: 1rem;
}
.in-list-border.last-list .btn-box.btn-box-new{
  justify-content: flex-start;
  margin-top: 40px;
}
.in-list-border.last-list .btn-box.btn-box-new .el-button{
  width: 320px;
}
@media screen and (max-width: 1000px) {
  .invoice-page {
    padding: 16px 16px 16px 16px;
    position: inherit;
    height: auto;
  }
  .invoice-page .invoice-content {
    padding: 12px;
  }
  .pc-table{
    display: none;
  }
  .phone-list{
    display: block;
  }
  .phone-list .in-list-3+.in-list-3{
    margin-top: 12px;
  }
  .phone-list .in-list-3 .blue-title{
    font-size: 14px;
    line-height: 22px;
    color: #2C76B9;
  }
  .phone-list .in-list-3 .text {
    margin: 12px 0 0 0;
    font-size: 12px;
    line-height: 20px;
  }
  .phone-list .in-list-3 .text+.text{
    margin-top: 8px;
  }
  .phone-list .in-list-3 .text p{
    display: flex;
    justify-content: space-between;
  }
  .phone-list .in-list-3 .text p+p{
    margin-top: 4px;
  }
  .phone-list .in-list-3 .text p>span:first-child{
    width: 80px;
    color: #333;
    font-weight: normal !important;
  }
  .phone-list .in-list-3 .text p>span:last-child{
    flex: 1;
    text-align: right;
    color: #727171;
  }
  .in-list-border {
    padding: 12px 0;
    overflow: auto;
  }
  .in-list-1 .logo {
    display: block;
    width: 78px;
    height: 24px;
    background: url(../images/logo1-b.svg) no-repeat center;
    background-size: 78px;
    margin: 0;
  }
  .in-list-1 .text {
    display:block;
    flex: 1;
    font-size: 12px;
    font-style: italic;
    line-height: 24px;
    letter-spacing: 0;
    text-align: right;
    padding: 0 0 0 16px;
  }
  .in-list-2{
    display: block;
    padding: 12px 0;
  }
  .in-list-2 .text-1{
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 12px 0;
    text-align: right;
  }
  .in-list-2 .text-1 p{
    display: inline;
  }
  .in-list-2 .text-2{
    width: 100%;
    font-size: 12px;
    line-height: 20px;
  }
  .in-list-2 .text-3{
    width: 100%;
    font-size: 12px;
    line-height: 20px;
  }
  .in-list-2 .text-2+.text-3{
    margin-top: 4px;
  }
  .in-list-2 .text-2 .text-list,
  .in-list-2 .text-3 .text-list {
    display: flex;
    justify-content: space-between;
  }
  .in-list-2 .text-2 .text-list+.text-list,
  .in-list-2 .text-3 .text-list+.text-list {
    margin-top: 4px;
  }
  .in-list-2 .text-2 .text-list .clum,
  .in-list-2 .text-3 .text-list .clum{
    width: 100px;
    margin-right: 0;
  }
  .in-list-2 .text-2 .text-list .clum+span,
  .in-list-2 .text-3 .text-list .clum+span{
    flex: 1;
    text-align: right;
  }
  .in-new-table{
    width: 1000px;
  }
  .in-new-table tr td {
    font-size: 12px;
    line-height: 20px;
    padding: 5px 5px;
  }
  .in-new-table .big-size {
    font-size: 16px;
  }
  .in-list-border.last-list .btn-box {
    margin-top: 12px;
  }
  .in-list-border.last-list .btn-box.btn-box-new {
    margin-top: 16px;
  }
  .in-list-border.last-list .btn-box.btn-box-new .el-button {
    width: auto;
    flex: 1;
  }
}

/*privacy-page*/
.privacy-page{
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: auto;
  padding: 150px 16px;
}
.privacy-page .privacy-content{
  display: block;
  margin: 0 auto;
  max-width: 1200px;
}
.privacy-page .privacy-content .big-title{
  display: block;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  margin: 0 0 50px 0;
  text-align: center;
}
.privacy-page .privacy-content .small-title{
  display: block;
  font-weight: 700;
  font-size: 34px;
  line-height: 60px;
  margin: 0 0 20px 0;
}
.privacy-page .privacy-content .mini-title{
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  margin: 0 0 20px 0;
}
.privacy-page .privacy-content .text{
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
  color: #666;
  margin: 0 0 20px 0;
}
.privacy-page .privacy-content .text.text-black{
  font-weight: 700;
  color: #333;
}
.privacy-page .privacy-content .text .point-p{
  position: relative;
  padding-left: 27px;
}
.privacy-page .privacy-content .text .point-p::before{
  content: "";
  position: absolute;
  left: 10px;
  top: 15px;
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #666;
}
.privacy-page .privacy-content .text.text-black .point-p::before{
  background: #333;
}
.privacy-page .privacy-content .privacy-table{
  width: 100%;
  border-top: 1px solid #ccd9ea;
  border-left:1px solid #ccd9ea;
  margin: 0 0 20px 0;
}
.privacy-page .privacy-content .privacy-table thead tr th{
  border-bottom: 1px solid #ccd9ea;
  border-right:1px solid #ccd9ea;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  text-align: left;
  vertical-align: middle;
  color: #666;
  padding: 8px 18px;
}
.privacy-page .privacy-content .privacy-table tbody tr td{
  border-bottom: 1px solid #ccd9ea;
  border-right:1px solid #ccd9ea;
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
  text-align: left;
  vertical-align: middle;
  color: #666;
  padding: 8px 18px;
}
@media screen and (max-width: 1000px) {
  .privacy-page {
    padding: 20px 20px 5px 20px;
  }
  .privacy-page .privacy-content .big-title{
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 12px 0;
    text-align: left;
  }
  .privacy-page .privacy-content .small-title{
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 12px 0;
  }
  .privacy-page .privacy-content .mini-title{
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 12px 0;
  }
  .privacy-page .privacy-content .text{
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 12px 0;
  }
  .privacy-page .privacy-content .text .point-p::before{
    width: 4px;
    height: 4px;
    top: 8px;
  }
  .privacy-page .privacy-content .privacy-table{
    margin: 0 0 12px 0;
  }
  .privacy-page .privacy-content .privacy-table thead tr th{
    font-size: 12px;
    line-height: 20px;
    padding:5px 10px;
  }
  .privacy-page .privacy-content .privacy-table tbody tr td{
    font-size: 12px;
    line-height: 20px;
    padding:5px 10px;
  }
}

/*bold*/
.bold{
  font-weight: 700;
}
.el-button.bold{
  font-weight: 700 !important;
}

/*invoice-list1*/
.invoice-list1{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 80px 0 40px 0;
}
.invoice-list1 .left,.invoice-list1 .right{
  display: block;
}
.invoice-list1 .blue-title{
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #2C76B9;
  margin: 0 0 20px 0;
}
.invoice-list1 .black-title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.invoice-list1 .intro{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.invoice-list1 .text{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #727171;
}
.invoice-list1 .right .text .txt{
  justify-content: flex-end;
}
.invoice-list1 .text .txt{
  display: flex;
  flex-wrap: wrap;
}
.invoice-list1 .text .txt+.txt{
  margin-top: 10px;
}
.invoice-list1 .text .txt span+span{
  margin-left: 4px;
}
.invoice-list1 .text .txt .dark{
  color: #333333;
}

/*invoice-list2*/
.invoice-list2{
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
  border-top:1px dashed rgba(44, 118, 185, 0.5);
}
.invoice-list2 .list{
  display: block;
}
.invoice-list2 .list+.list{
  margin-left: 30px;
}
.invoice-list2 .list .blue-title{
  display: block;
  margin: 0 0 20px 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  color: #2C76B9;
  min-height: 32px;
}
.invoice-list2 .list .title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.invoice-list2 .list .title+.text{
  margin-top: 20px;
}
.invoice-list2 .list .text+.text{
  margin-top: 10px;
}
.invoice-list2 .list .text{
  display: flex;
  flex-wrap: wrap;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #727171;
}
.invoice-list2 .list .text span+span{
  margin-left: 4px;
}
.invoice-list2 .list .text .dark{
  color: #333333;
}

/*item-inform*/
.item-inform{
  display: block;
  padding: 40px 0;
  border-top:1px dashed rgba(44, 118, 185, 0.5);
}
.item-inform .title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.invoice-table{
  width: 100%;
  border: 0;
  font-size: 16px;
  color: #333;
}
.invoice-table thead th{
  border: 0;
  line-height: 28px;
  padding: 12px 3px;
  color: #727171;
  font-weight: 700;
  text-align: left;
}
.invoice-table thead tr>th:first-child{
  padding-left: 20px;
}
.invoice-table thead tr>th:last-child{
  padding-right: 20px;
}
.invoice-table tbody td{
  border: 0;
  line-height: 28px;
  padding: 12px 3px;
}.invoice-table tbody tr>td:first-child{
   padding-left: 20px;
 }
.invoice-table tbody tr>td:last-child{
  padding-right: 20px;
}
.align-left{
  text-align: left !important;
}
.align-center{
  text-align: center !important;
}
.align-right{
  text-align: right !important;
}
.total-list{
  margin:20px 0 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #F8F8F8;
  padding: 12px 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #727171;
}
.total-list .list+.list{
  margin-left: 40px;
}
.total-list .list {
  display: flex;
  flex-wrap: wrap;
}
.total-list .list .dark{
  color: #333;
}
.total-list .list span+span{
  margin-left: 4px;
}

/*invoice-text*/
.invoice-text{
  display: block;
  padding: 40px 0 0 0;
  border-top:1px dashed rgba(44, 118, 185, 0.5);
}
.invoice-text .title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.invoice-text .text{
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #727171;
}
.invoice-text .text+.title{
  margin-top: 40px;
}
.invoice-text .title+.text,
.invoice-text .title+.title{
  margin-top: 20px;
}
.invoice-text .btn-box{
  display: flex;
  justify-content: flex-end;
}
.invoice-text .btn-box{
	display: flex;
}

/*orders-table-pc*/
.orders-table-pc{
  display: block;
  margin: 14px 0 0 0;
  border: 1px solid rgba(0, 64, 152, 0.2);
}
.orders-table-pc.no-border{
  border: 0;
}
.orders-table-pc.no-head .el-table .el-table__header-wrapper,
.orders-table-pc.no-head .el-table .el-table__fixed-header-wrapper,
.el-table.no-head .el-table__header-wrapper,
.el-table.no-head .el-table__fixed-header-wrapper{
  display: none;
}
.el-table.no-border td.el-table__cell,
.el-table.no-border th.el-table__cell.is-leaf{
  border: 0;
}
.el-table.no-border th.el-table__cell {
  background: transparent;
}
.orders-table-pc .el-table tr>td:first-child .cell,
.orders-table-pc .el-table tr>th:first-child .cell{
  padding-left: 20px;
}
.orders-table-pc .el-table tr>td:last-child .cell,
.orders-table-pc .el-table tr>th:last-child .cell{
  padding-right: 20px;
}
.orders-table-pc .table-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(44, 118, 185, 0.05);
  padding: 12px 20px;
}
.orders-table-pc .table-head .head-left{
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #727171;
  flex-wrap: wrap;
}
.orders-table-pc .table-head .head-left a,
.orders-table-pc .table-head .head-left span{
  white-space: nowrap;
  margin-right: 40px;
}
.orders-table-pc .table-head .head-left a,
.orders-table-pc .table-head .head-left a:visited,
.orders-table-pc .table-head .head-left a:active{
  color:#004098 ;
}
.orders-table-pc .table-head .head-left a:hover{
  text-decoration: underline;
  color:#004098 ;
}
.orders-table-pc .table-head .head-left .time{
  display: block;
  height: 22px;
  line-height: 20px;
  border: 1px solid rgba(19, 153, 149, 0.2);
  border-radius: 8px;
  padding: 0 5px;
  font-weight: 400;
  font-size: 12px;
  color: #999;
}
.orders-table-pc .table-head .head-left .time i{
  padding: 0 5px 0 0;
}
.orders-table-pc .table-head .head-right{
  display: flex;
}
.orders-table-pc .table-head .head-right .el-button,
.orders-table-pc .table-foot .el-button{
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
}
.orders-table-pc .table-foot{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  min-height: 54px;
  background: rgba(114, 113, 113, 0.05);
  color: #727171;
  padding: 12px 20px;
}
.orders-table-pc .table-foot .text.block{
  width: 100%;
  text-align: right;
  margin-top: 12px;
}
.orders-table-pc .table-foot .text{
  display: block;
  margin-top: 0;
}
.orders-table-pc .table-foot .text.coun{
	flex: 1;
	white-space: nowrap;
}
.table-foot .text.lab-tev{
  color: #2C76B9;
  font-weight: bold !important;
}
.orders-table-pc .table-foot .text.lab-tev i{
  padding: 0 4px 0 0;
}
.orders-table-pc .table-foot .text+.text,
.orders-table-pc .table-foot .text+.el-button{
  margin-left: 40px;
}
.orders-table-pc .table-foot .text .figure{
  color: #333;
  font-weight: 700;
}
.orders-table-pc .table-foot .text .figure.thin{
  font-weight: 400;
}
.orders-table-pc .table-foot .text span+span,
.orders-table-pc .table-foot .text span+.el-link{
  margin-left: 4px;
}
.orders-table-pc .table-foot .text .el-link{
  font-weight: 700;
}
.orders-card .orders-table-pc .table-foot.new-table-foot{
  flex-direction: column;
  height: auto;
  padding: 32px 20px;
  align-items: flex-end;
}
.orders-card .orders-table-pc .table-foot.new-table-foot .text{
  display: flex;
  font-size: 16px;
  line-height: 24px;
  width: 300px;
  align-items: center;
  color: #333;
}
.orders-card .orders-table-pc .table-foot.new-table-foot .text+.text{
  margin-top: 10px;
}
.orders-card .orders-table-pc .table-foot.new-table-foot .text .clum{
  display: block;
  width:200px;
  text-align: left;
}
.orders-card .orders-table-pc .table-foot.new-table-foot .text .txts{
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}
.orders-card .orders-table-pc .table-foot.new-table-foot .text .figure{
  display: block;
  flex: 1;
  font-size: 18px;
  font-weight: 400;
  text-align: right;
}
.orders-card .orders-table-pc .table-foot.new-table-foot .text  .total{
  display: block;
  flex: 1;
  font-size: 18px;
  font-weight: 700;
  color: #004098;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  text-align: right;
}
.orders-table-pc .table-operate{
  margin: 30px 0 0 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background: rgba(114, 113, 113, 0.05);
  height: 64px;
  padding: 0 0 0 20px;
  align-items: center;
}
.orders-table-pc .table-operate .oper-right{
  display: flex;
  justify-content: flex-end;
}
.orders-table-pc .table-operate .oper-right .el-button{
  border-radius: 0;
  height: 64px;
  font-size: 20px;
  padding: 0 24px;
  line-height: 62px;
}
.orders-table-pc .table-operate .oper-right .el-button+.el-button{
  margin-left: 0;
}
.orders-card.order-status .titles{
  display: flex;
  align-items: center;
  color: #333;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.1px;
  margin: 0 0 30px 0;
}
.orders-card.order-status .titles i{
  padding: 0 8px 0 0;
  font-size: 28px;
  font-weight: bold;
}
.orders-card.order-status .titles .el-icon-circle-check{
  color: #004098;
}
.orders-card.order-status .titles .el-icon-time{
  color: #ed6d00;
}
.orders-card.order-status .titles .el-icon-remove-outline{
  color: #727171;
}
.orders-card.order-status .order-steps{

}
.orders-card.order-status .order-steps .el-timeline-item__node--normal{
  width: 10px;
  height: 10px;
  left: 0px;
  top: 4px;
}
.orders-card.order-status .order-steps .el-timeline-item__node{
  background: #C9CDD4;
}
.orders-card.order-status .order-steps .el-timeline-item.active .el-timeline-item__node{
  background: #004098;
}
.orders-card.order-status .order-steps .el-timeline-item__tail {
  position: absolute;
  left: 5px;
  top: 22px;
  height: calc(100% - 26px);
  border-left: 1px solid #E5E6EB;
}
.orders-card.order-status .order-steps .el-timeline-item.active .el-timeline-item__tail{
  border-color: #004098;
}
.orders-card.order-status .order-steps .el-timeline-item__timestamp.is-top {
  margin-bottom: 0;
  padding-top: 0;
}
.orders-card.order-status .order-steps .el-timeline-item__timestamp {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.orders-card.order-status .order-steps .el-timeline-item__content{
  min-height: 38px;
}
.orders-card.order-status .order-steps .el-timeline-item__content .mstext{
  color: #86909C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.order-line-steps{
  display: block;
}
.order-line-steps .step-item{
  display: block;
  position: relative;
  padding: 0 0 20px 26px;
}
.order-line-steps .step-item::before{
  position: absolute;
  left: 0px;
  top: 8px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #C9CDD4;
}
.order-line-steps .step-item::after{
  position: absolute;
  left: 5px;
  top: 26px;
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 26px);
  background: #E5E6EB;
}
.order-line-steps .step-item.active::before,
.order-line-steps .step-item.active::after{
  background: #004098;
}
.order-line-steps .step-item:last-child::after{
  content: none;
}
.order-line-steps .step-item .item-time{
  display: block;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.order-line-steps .step-item .item-text{
  display: block;
  color: #86909C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  min-height: 40px;
}
@media screen and (max-width: 1210px) {
  .orders-table-pc .table-head{
    height: auto;
    padding: 10px 20px;
  }
  .orders-table-pc .table-head .head-left{
    align-items: flex-start;
    flex-wrap: wrap;
  }.orders-table-pc .table-head .head-left span,
   .orders-table-pc .table-head .head-left a{
     margin-right: 30px;
   }
  .orders-table-pc .table-head .head-left span+span,
  .orders-table-pc .table-head .head-left a+span,
  .orders-table-pc .table-head .head-left span+a{
    margin-left: 0;
  }
}
@media screen and (max-width: 1000px) {
  .orders-table-pc{
    display: none;
  }
  .order-line-steps .step-item{
    padding: 0 0 5px 26px;
  }
  .order-steps .el-timeline-item {
    padding-bottom: 5px;
  }
  .orders-card.order-status .titles{
    display: flex;
    align-items: center;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.1px;
    margin: 0 0 6px 0;
  }
  .orders-card.order-status .titles i{
    font-size: 14px;
    line-height: 22px;
  }
}

/*orders-table-phone*/
.orders-table-phone{
  display: none;
  margin: 14px 0 0 0;
  border: 1px solid rgba(0, 64, 152, 0.2);
}
.orders-table-phone.no-border{
  border: 0;
}
.orders-table-phone.no-head .el-table .el-table__header-wrapper,
.orders-table-phone.no-head .el-table .el-table__fixed-header-wrapper{
  display: none;
}
.el-table.no-border td.el-table__cell,
.el-table.no-border th.el-table__cell.is-leaf{
  border: 0;
}
.el-table.no-border th.el-table__cell {
  background: transparent;
}
.orders-table-phone .el-table tr>td:first-child .cell,
.orders-table-phone .el-table tr>th:first-child .cell{
  padding-left: 10px;
}
.orders-table-phone .el-table tr>td:last-child .cell,
.orders-table-phone .el-table tr>th:last-child .cell{
  padding-right: 10px;
}
.orders-table-phone.no-border .el-table tr>td:first-child .cell,
.orders-table-phone.no-border .el-table tr>th:first-child .cell{
  padding-left: 0;
}
.orders-table-phone.no-border .el-table tr>td:last-child .cell,
.orders-table-phone.no-border .el-table tr>th:last-child .cell{
  padding-right: 0;
}
.orders-table-phone .table-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: rgba(44, 118, 185, 0.05);
  padding:10px 10px;
}
.orders-table-phone .table-head .head-left{
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #727171;
}
.orders-table-phone .table-head .head-left a,
.orders-table-phone .table-head .head-left a:visited,
.orders-table-phone .table-head .head-left a:active{
  color:#004098 ;
}
.orders-table-phone .table-head .head-left a:hover{
  text-decoration: underline;
  color:#004098 ;
}
.orders-table-phone .table-head .time{
  display: block;
  height: 22px;
  line-height: 20px;
  border: 1px solid rgba(19, 153, 149, 0.2);
  border-radius: 8px;
  padding: 0 5px;
  font-weight: 400;
  font-size: 12px;
  color: #999;
}
.orders-table-phone .table-head .time i{
  padding: 0 5px 0 0;
}
.orders-table-phone .table-head .head-right{
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  justify-content: center;
}
.orders-table-phone .table-head .head-right .el-button{
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
  width: 60px;
}
.orders-table-phone .table-head .head-right .el-button+.el-button{
  margin-top: 12px;
  margin-left: 0;
}
.orders-table-phone .table-foot{
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: rgba(114, 113, 113, 0.05);
  color: #727171;
  padding: 10px 10px;
  flex-flow: column;
}
.orders-table-phone .table-foot.white-bg{
  background: #fff;
  padding: 0;
}
.orders-table-phone .table-foot .el-button{
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
}
.orders-table-phone .table-foot .text{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  margin-top: 0;
  text-align: right;
}
.orders-table-phone .table-foot .btns{
  margin-top: 10px;
}
.orders-table-phone .table-foot .text .figure{
  font-weight: 700;
}
.orders-table-phone .table-foot .text .figure.thin{
  font-weight: 400;
}
.orders-table-phone .table-foot .text span+span,
.orders-table-phone .table-foot .text span+.el-link{
  margin-left: 4px;
}
.orders-table-phone .table-foot .text .el-link{
  font-weight: 700;
}
.orders-table-phone .table-operate{
  margin: 30px 0 0 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background: #F8F8F8;
  height: 68px;
  padding: 0 0 0 16px;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 3;
}
.orders-table-phone .table-operate .oper-right{
  display: flex;
  justify-content: flex-end;
}
.orders-table-phone .table-operate .oper-right .el-button{
  border-radius: 0;
  height: 68px;
  font-size: 14px;
  padding: 0 14px;
  line-height: 62px;
  font-weight: 700;
}
.orders-table-phone .table-operate .oper-right .el-button+.el-button{
  margin-left: 0;
}
@media screen and (max-width: 1000px) {
.orders-table-phone{
	display: block;
}
.cart-title{
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-weight: bold;
}
.cart-title.padding-top{
	padding-top: 16px;
}
.orders-table-phone .table-head .head-right .el-button{
	padding: 0 4px;
	width: 74px;
}
.orders-table-phone.no-border .el-table.zp-table .el-table__header-wrapper tr>td:first-child .cell,
.orders-table-phone.no-border .el-table.zp-table .el-table__header-wrapper tr>th:first-child .cell{
	padding-left: 10px;
}

.phone-content .el-input-group.el-input-group1{
	width: 100%;
}
.phone-content .el-input-group.el-input-group1 .el-input__inner {
    background: #fff;
	border-top: 2px solid #D0D7E1;
	border-bottom: 2px solid #D0D7E1;
	border-left: 2px solid #D0D7E1;
	border-right: 0;
}
.phone-content  .el-input-group.el-input-group1 .el-input-group__append{
	border-color: #004098;
	background: #004098;
}
.phone-content  .el-input-group.el-input-group1 .el-input-group__append .el-button,
.phone-content  .el-input-group.el-input-group1 .el-input-group__append .el-button:hover,
.phone-content  .el-input-group.el-input-group1 .el-input-group__append:hover .el-button {
    color: #fff !important;
    background: #004098 !important;
    padding: 12px 18px;
}
.phone-content  .el-input-group .el-input__inner:hover+.el-input-group__append{
    border-color: #004098;
}
.phone-content .cart-title+.el-input-group.el-input-group1{
	margin-top: 10px;
}
.phone-content .el-input-group.el-input-group1+.el-table{
	margin-top: 20px;
}
.phyhq{
	border-top: 1px solid #C9D1DB;
	padding: 15px 0 0 0;
}
}

/*pc-content*/
.pc-content{
  display: block;
}
.pc-content .head-title{
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin: 10px 0 18px 0;
}
@media screen and (max-width: 1000px) {
  .pc-content{
    display: none !important;
  }
}

/*phone-content*/
.phone-content{
  display: none;
}
.phone-content .head-title{
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin: 30px 0 8px 0;
}
.xlsx-box{
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.xlsx-box .el-select{
  width: 100%;
}
.xlsx-box .el-select .el-input__inner,
.xlsx-box .el-select .el-input__inner:focus,
.xlsx-box .el-select .el-input__inner:hover{
  height: 45px;
  background: #F3F9FE !important;
  border-color: #F3F9FE !important;
  color: #004098 !important;
}
.xlsx-box .el-select .el-input__inner::-webkit-input-placeholder{
  color: #004098 !important;
}
.xlsx-box .el-select .el-input__inner::-moz-input-placeholder{
  color: #004098 !important;
}
.xlsx-box .el-select .el-input__inner::-ms-input-placeholder{
  color: #004098 !important;
}
.xlsx-box .el-select .el-input .el-select__caret{
  color: #004098 !important;
}
.xlsx-box .el-input-group{
  margin: 10px 0 0 0;
}
.xlsx-box .el-input-group .el-input__inner{
  height: 45px;
}
@media screen and (max-width: 1000px) {
  .phone-content{
    display: block;
  }
  .phone-content .el-table {
    display: table !important;
  }
}

/*orders-card*/
.orders-card{
  display: block;
}
.orders-card+.orders-card{
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px dashed rgba(44, 118, 185, 0.5);
}
.orders-card .big-title{
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 30px;
}
.orders-card .blue-title{
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  color: #2C76B9;
  margin-bottom: 20px;
}
.orders-card .small-title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}
.orders-card .text{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #727171;
  margin-top: 10px;
}
.orders-card .text span+span{
  margin-left: 4px;
}
.orders-card .text .dark{
  color: #333;
}
.orders-card .orders-list{
  display: flex;
  flex-wrap: wrap;
}
.orders-card .orders-list .text{
  width: calc(33.33333333% - 20px);
  margin-left: 15px;
  margin-right:15px;
}
.orders-card .orders-list>.text:nth-child(3n+1){
  margin-left: 0;
}
.orders-card .orders-list>.text:nth-child(3n){
  margin-right: 0;
}
.orders-card .orders-list .list{
  flex: 1;
}
.orders-card .orders-list .list+.list{
  margin-left: 20px;
}
.orders-card .orders-list .list .text{
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.orders-card .orders-table-pc .table-foot .text+.text{
  margin-top: 0;
}
@media screen and (max-width: 1000px) {
  .orders-card+.orders-card {
    margin-top: 12px;
    padding-top: 12px;
  }
  .orders-card .big-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
  }
  .orders-card .small-title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
  }
  .orders-card .blue-title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
  }
  .orders-card .orders-list{
    flex-wrap: wrap;
  }
  .orders-card .orders-list .list{
    width: 100%;
    flex: auto;
  }
  .orders-card .orders-list .list+.list{
    margin-left: 0;
    margin-top: 10px;
  }
  .orders-card .orders-list .text {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-top: 2px;
  }
  .orders-card .orders-list .text:first-child{
    margin-top: 0;
  }
}

/*cart-card-pc*/
.cart-card-pc{
  display: block;
  background: #fff;
  padding: 32px;
}
.cart-card-pc+.cart-card-pc{
  margin-top: 40px;
}
.cart-card-pc .redact-text{
  display: block;
  margin: 0 0 40px 0;
}
.cart-card-pc .redact-text .el-link,
.cart-card-pc .redact-text .el-link:hover{
  font-weight: 700;
}
.cart-card-pc .card-head{
  display: block;
  margin: 0 0 40px 0;
}
.cart-card-pc .card-head.flex-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cart-card-pc .card-head.flex-head .el-input-group.el-input-group1 .el-input__inner {
    background: #fff;
    border-top: 2px solid #D0D7E1;
	border-bottom: 2px solid #D0D7E1;
	border-left: 2px solid #D0D7E1;
	border-right: 0;
}
.cart-card-pc .card-head.flex-head .el-input-group.el-input-group1 .el-input-group__append .el-button,
.cart-card-pc .card-head.flex-head .el-input-group.el-input-group1 .el-input-group__append .el-button:hover,
.cart-card-pc .card-head.flex-head .el-input-group.el-input-group1 .el-input-group__append:hover .el-button {
    color: #fff !important;
    background: #004098 !important;
    padding: 12px 18px;
}
.cart-card-pc .card-head.flex-head .el-input-group .el-input__inner:hover+.el-input-group__append{
    border-color: #004098;
}
.cart-card-pc .card-head.small{
  margin-bottom: 30px;
}
.cart-card-pc .card-head .title{
  display: block;
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
}
.cart-card-pc .card-head.small .title{
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 44px;
}
.cart-card-pc .card-head .hint{
  display: block;
  margin: 10px 0 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #FF0000;
}
.cart-card-pc .card-head .hint.ltext{
	font-size: 16px;
	color: #333;
}
.cart-card-pc .card-head .hint.ltext .nu{
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
}
.el-table.cart-empty .el-table__empty-block{
  height: 420px !important;
  background: url("../images/cart-empty.png") no-repeat center;
  background-size: 200px;
}
.el-table.cart-empty .el-table__empty-block .el-table__empty-text{
  display: none;
}
.cart-card-pc .button-box{
  text-align: center;
  margin-top: 40px;
}
.cart-card-pc .button-box .el-button{
  color: #727171;
}
.cart-card-pc .button-box .el-button:hover{
  color: #004098;
}
@media screen and (max-width: 1000px) {
  .cart-card-pc{
    padding: 16px;
  }
  .cart-card-pc .card-head .title {
    font-size: 16px;
    line-height: 20px;
  }
  .cart-card-pc .card-head .hint {
    font-size: 12px;
    line-height: 18px;
  }
  .cart-card-pc .card-head {
    margin-bottom: 12px;
  }
  .cart-card-pc .redact-text{
    margin-bottom: 12px;
  }
  .cart-card-pc .el-table{
    display: none;
  }
}

/*cart-card-phone*/
.cart-card-phone{
  display: none;
}
.cart-card-phone+.cart-card-phone{
  margin-top: 2px;
  padding-top: 12px;
  position: relative;
}
.cart-card-phone+.cart-card-phone::before{
  content: "";
  display: block;
  width: calc(100% + 32px);
  background: rgba(0, 64, 152, 0.15);
  height: 2px;
  position: absolute;
  left: -16px;
  top: 0;
}
.cart-card-phone .card-head{
  display: block;
  margin: 0 0 4px 0;
}
.cart-card-phone .card-head .title{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #004098;
}
.cart-card-phone  .el-table+.button-box{
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .cart-card-phone{
    display: block;
  }
}

/*check-out-list*/
.check-out-list{
  display: flex;
  flex-wrap: nowrap;
}
.check-out-list .list-form-box{
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.check-out-list .list-form-box .list-form{
  width: calc(50% - 15px);
  flex: auto;
}
.check-out-list .list-form-box .el-form-item.item-block{
  width: 100%;
}
.check-out-list .list-form{
  flex: 1;
}
.check-out-list .list-form .list-head{
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px 0;
}
.check-out-list .list-form .list-head .title{
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 20px;
  position: relative;
  white-space: nowrap;
}
.check-out-list .list-form .list-head .operate .el-checkbox{
	margin: 9px 0 9px 5px;
    background: #2c76b9;
    padding: 6px 8px;
    border-radius: 4px;
}
body .check-out-list .list-form .list-head .operate .el-checkbox .el-checkbox__input .el-checkbox__inner,
body .check-out-list .list-form .list-head .operate .el-checkbox .el-checkbox__input:hover .el-checkbox__inner,
body .check-out-list .list-form .list-head .operate .el-checkbox .el-checkbox__input.is-focus .el-checkbox__inner{
	border-color:#fff;
	background: #fff;
}
body .check-out-list .list-form .list-head .operate .el-checkbox .el-checkbox__input .el-checkbox__inner::after{
	border-color: #2c76b9;
}
body .check-out-list .list-form .list-head .operate .el-checkbox .el-checkbox__label{
	color: #fff;
}
.check-out-list .list-form .list-head .title::before{
  content: "";
  display: block;
  width: 28px;
  height: 4px;
  background: #2C76B9;
  position: absolute;
  left: 0;
  bottom: 0;
}
.check-out-list .list-form .el-form3{
  width: 100%;
}
.check-out-list .list-form .el-form3 .el-form-item.item-block,
.check-out-list .list-form .el-form3 .el-form-item{
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.check-out-list .list-form .address-text{
  display: block;
  margin: 5px 0 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  background: #F9FAFC;
  border-radius: 8px;
  width: 100%;
  padding: 10px 20px;
}
.check-out-list .list-form+.list-form{
  margin-left: 25px;
}
.check-out-list .list-summary{
  display: block;
  width: 320px;
  height: 649px;
  border: 1px solid #D1D1D8;
  border-radius: 8px;
  margin: 0 0 0 25px;
  padding: 20px;
}
.check-out-list .list-summary .title{
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 32px 0;
}
.check-out-list .list-summary .text-list1{
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.check-out-list .list-summary .text-list1 .el-tag{
  margin: 0 16px 0 0;
}
.check-out-list .list-summary .coupon-text{
  display: block;
  margin-top: 24px;
}
.check-out-list .list-summary .coupon-text .tit{
  display: block;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.check-out-list .list-summary .coupon-text .txt-list{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.check-out-list .list-summary .coupon-text .txt-list .el-button.el-button--primary.is-plain,
.check-out-list .list-summary .coupon-text .txt-list .el-button.el-button--primary.is-plain:hover,
.check-out-list .list-summary .coupon-text .txt-list .el-button.el-button--primary.is-plain:focus,
.check-out-list .list-summary .coupon-text .txt-list .el-button.el-button--primary.is-plain:active{
  padding: 9px 16px;
  border: 1px solid var(--v, #004098);
  background: var(--20, rgba(44, 118, 185, 0.20));
  height: auto;
  box-shadow: none;
}
.check-out-list .list-summary .coupon-text .txt-list .el-button span{
  display: flex;
  align-items: center;
}
.check-out-list .list-summary .coupon-text .txt-list .el-button img{
  display: block;
  margin: 0 10px 0 0;
  width: 18px;
}
.check-out-list .list-summary .coupon-text .txt-list .el-button .txt1{
  display: block;
  color: #004098;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 0 5px 0 0;
}
.check-out-list .list-summary .coupon-text .txt-list .el-button .txt2{
  display: block;
  color: #001246;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.check-out-list .list-summary .coupon-text .txt-list .total{
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.1px;
}
.check-out-list .list-summary .text-list1+.text-list1{
  margin-top: 24px;
}
.check-out-list .list-summary .text-list1 .figure{
  font-weight: 700;
}
.check-out-list .list-summary .el-divider--horizontal{
  margin: 32px 0;
  background-color: #D1D1D8;
}
.check-out-list .list-summary .text-list2{
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #004098;
  margin: 0 0 24px 0;
}
.check-out-list .list-summary .text-list2 .figure{
  font-size: 24px;
}
.check-out-list .list-summary .big-button{
  display: block;
  width: 100%;
}
.check-out-list .list-summary .big-button+.big-button{
	margin-left: 0;
	margin-top: 12px;
}
@media screen and (max-width: 1455px) {
  .check-out-list{
    flex-wrap: wrap;
  }
  .check-out-list .list-summary{
    width: 100%;
    margin-left: 0;
    height: auto;
  }
}
@media screen and (max-width: 1000px) {
  .check-out-list .list-form{
    margin-left: 0;
    width: 100%;
    flex: auto;
  }
  .check-out-list .list-form+.list-form{
    margin-left: 0;
  }
  .check-out-list .list-summary{
    padding: 16px;
  }
  .check-out-list .list-form .list-head{
	flex-flow: column;
  }
  .check-out-list .list-form .list-head .title {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 12px;
  }
  .check-out-list .list-form .list-head .operate .el-checkbox{
    margin: 10px 0 0 0;
  }
  .check-out-list .list-summary .title {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 12px 0;
  }
  .check-out-list .list-summary .text-list1{
    font-size: 12px;
    line-height: 20px;
  }
  .check-out-list .list-summary .text-list1+.text-list1 {
    margin-top: 10px;
  }
  .check-out-list .list-summary .el-divider--horizontal {
    margin: 16px 0;
  }
  .check-out-list .list-summary .text-list2{
    margin-bottom: 16px;
  }
  .check-out-list .list-summary .coupon-text .tit {
    font-size: 12px;
    line-height: 20px;
  }
  .check-out-list .list-summary .coupon-text .txt-list {
    margin-top: 10px;
  }
  .check-out-list .list-summary .coupon-text .txt-list .total {
    font-size: 14px;
    line-height: 20px;
  }
  .check-out-list .list-summary .text-list2 .figure {
    font-size: 16px;
  }
  .check-out-list .list-form-box .list-form{
    width:100%;
  }
}

/*cart-operate-pc*/
.cart-operate-pc{
  display: flex;
  height: 78px;
  justify-content: space-between;
  background: #fff;
  margin: 14px 0 0 0;
  align-items: center;
}
.cart-operate-pc.big-height{
  height: 112px;
}
.cart-operate-pc .flex-left{
  display: block;
  padding: 0 0 0 32px;
}
.cart-operate-pc .flex-left .el-input-group.el-input-group1 .el-input__inner {
    background: #fff;
    border-top: 2px solid #D0D7E1;
	border-bottom: 2px solid #D0D7E1;
	border-left: 2px solid #D0D7E1;
	border-right: 0;
}
.cart-operate-pc .flex-left .el-input-group.el-input-group1 .el-input-group__append .el-button,
.cart-operate-pc .flex-left .el-input-group.el-input-group1 .el-input-group__append .el-button:hover,
.cart-operate-pc .flex-left .el-input-group.el-input-group1 .el-input-group__append:hover .el-button {
    color: #fff !important;
    background: #004098 !important;
    padding: 12px 18px;
	font-size: 14px;
}
.cart-operate-pc .flex-left .el-input-group .el-input__inner:hover+.el-input-group__append{
    border-color: #004098;
}
.cart-operate-pc .flex-left .el-input-group.el-input-group1 .el-input-group__append {
    border-color: #004098;
    background: #004098;
}
.cart-operate-pc .flex-left .el-button{
  font-size: 16px;
}
.cart-operate-pc .flex-right{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.cart-operate-pc .flex-right .text-flex{
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
}
.cart-operate-pc .flex-right .text-flex .text-list{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.cart-operate-pc .flex-right .text-flex .text-list+.text-list{
  margin-top: 10px;
}
.cart-operate-pc .flex-right .text-flex .text-list .list{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.cart-operate-pc .flex-right .text-flex .text-list .list+.list{
  margin-left: 15px;
}
.cart-operate-pc .flex-right .text-flex .text-list .list .figure1{
  font-weight: 700;
}
.cart-operate-pc .flex-right .text-flex .text-list .list .figure2{
  font-weight: 700;
  font-size: 22px;
}
.cart-operate-pc .flex-right .text-flex .text-list .list span+span{
  margin-left: 4px;
}
.cart-operate-pc .flex-right .text-flex .text{
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #727171;
  margin: 10px 0 0 0;
}
.cart-operate-pc .flex-right .text-flex+.el-button{
  margin-left:20px;
}
.cart-operate-pc .flex-right .el-button{
  height: 78px;
  font-size: 22px;
  border-radius: 0;
  padding: 0 20px;
}
.cart-operate-pc.big-height .flex-right .el-button{
  height: 112px;
}
@media screen and (max-width: 1300px) {
.cart-operate-pc .flex-right .text-flex .text-list+.text-list {
    margin-top: 5px;
}
.cart-operate-pc .flex-right .text-flex .text-list {
    flex-wrap: wrap;
}
.cart-operate-pc .flex-right .text-flex+.el-button {
    margin-left: 10px;
}
.cart-operate-pc .flex-right .text-flex{
	padding-left: 10px;
}
.cart-operate-pc .flex-right .text-flex .text-list .list {
    font-size: 14px;
    line-height: 22px;
}
.cart-operate-pc .flex-right .text-flex .text-list .list .figure2 {
    font-size: 18px;
}
.cart-operate-pc .flex-right .text-flex .text {
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0 0 0;
}
}
@media screen and (max-width: 1000px) {
.cart-operate-pc{
	display: none;
}
}

/*product-box1*/
.product-box1{
  display: block;
}
.product-box1+.product-box1{
  margin-top: 80px;
}
.product-box1 .box-title{
  display: block;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  margin: 0 0 10px  0;
  text-align: left;
}
.product-box1 .box-list{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.product-box1 .box-list .list-card{
  display: block;
  width: calc(33.333333333% - 20px);
  margin: 30px 15px 0 15px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 20px;
  min-height: 307px;;
}
.product-box1 .box-list .list-card:nth-child(3n+1){
  margin-left: 0;
}
.product-box1 .box-list .list-card:nth-child(3n){
  margin-right: 0;
}
.product-box1 .box-list .list-card .list-title{
  display: flex;
  background: #F9FAFC;
  border-radius: 8px;
  height: 60px;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 16px;
}
.product-box1 .box-list .list-card.open-card .list-title{
  height: auto;
}
.product-box1 .box-list .list-card .list-title img{
  display: block !important;
  width: 40px;
  height: 40px;
  margin: 0 16px 0 0;
}
.product-box1 .box-list .list-card .list-title span,
.product-box1 .box-list .list-card .list-title a{
  display: block;
  flex: 1;
}
.product-box1 .box-list .list-card .list-title a,
.product-box1 .box-list .list-card .list-title a:visited,
.product-box1 .box-list .list-card .list-title a:active{
  color: #333;
  cursor: pointer;
}
.product-box1 .box-list .list-card .list-title a:hover{
  color: #004098;
  text-decoration: underline;
}
.product-box1 .box-list .list-card .list-title *{
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product-box1 .box-list .list-card.open-card .list-title *{
  white-space: break-spaces;
  word-break: break-word;
}
.product-box1 .box-list .list-card .list-text{
  display: block;
  height: 168px;
  overflow: hidden;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #004098;
}
.product-box1 .box-list .list-card.open-card .list-text{
  height: auto;
}
.product-box1 .box-list .list-card .list-text .text{
  margin: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product-box1 .box-list .list-card.open-card .list-text .text{
  white-space: break-spaces;
}
.product-box1 .box-list .list-card .list-text .text a,
.product-box1 .box-list .list-card .list-text .text a:hover,
.product-box1 .box-list .list-card .list-text .text a:visited,
.product-box1 .box-list .list-card .list-text .text a:active{
  color: #004098;
  cursor: pointer;
}
.product-box1 .box-list .list-card .list-text .text a:hover{
  text-decoration: underline;
}
.product-box1 .box-list .list-card .list-btn{
  display: flex;
  justify-content: flex-end;
  padding: 16px 0 0 0;
  border-top: 1px solid rgba(114, 113, 113, 0.2);
}
.product-box1 .box-list .list-card .list-btn .el-button{
  height: 22px;
  line-height: 22px;
  padding: 0;
  border: 0;
}
.product-box1 .box-list .list-card .list-btn .el-button::before{
  content: "More";
}
.product-box1 .box-list .list-card.open-card .list-btn .el-button::before{
  content: "Less";
}
.product-box1 .box-list .list-card .list-btn .el-button i{
  padding-left: 8px;
}
.product-box1 .box-list .list-card.open-card .list-btn .el-button i{
  display: inline-block;
  transform: rotate(-180deg);
  padding-left: 0;
  padding-right: 8px;
}
@media screen and (max-width: 1000px) {
  .product-box1+.product-box1 {
    margin-top: 16px;
  }
  .product-box1 .box-title{
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    text-align: center;
  }
  .product-box1 .box-list .list-card{
    width: 100%;
    margin: 12px 0 0 0;
    position: relative;
    padding: 16px 16px 16px 16px;
    min-height: 50px;
  }
  .product-box1 .box-list .list-card.open-card{
    padding-bottom: 0;
  }
  .product-box1 .box-list .list-card .list-title{
    padding: 10px 32px 10px 10px;
    height: auto;
    font-size: 14px;
    line-height: 22px;
  }
  .product-box1 .box-list .list-card.open-card .list-title{
    padding: 10px 10px;
  }
  .product-box1 .box-list .list-card .list-title * {
    white-space: break-spaces;
    word-break: break-word;
    display: block !important;
  }
  .product-box1 .box-list .list-card .list-title img{
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
  }
  .product-box1 .box-list .list-card .list-text{
    height: 0;
    max-height:0;
    font-size: 12px;
    line-height: 20px;
  }
  .product-box1 .box-list .list-card.open-card .list-text{
    max-height: 100%;
    height: auto;
  }
  .product-box1 .box-list .list-card .list-text .text{
    white-space: break-spaces;
  }
  .product-box1 .box-list .list-card .list-btn{
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px;
    border: 0;
    z-index: 1;
  }
  .product-box1 .box-list .list-card.open-card .list-btn{
    border-top: 1px solid rgba(114, 113, 113, 0.2);
    position: inherit;
    padding: 16px 0;
    left: 0;
    top: 0;
    z-index: 0;
  }
  .product-box1 .box-list .list-card .list-btn .el-button{
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    border: 0;
    font-size: 12px;
    font-weight: bold;
  }
  .product-box1 .box-list .list-card.open-card .list-btn .el-button{
    height: 20px;
    line-height: 20px;
    padding: 0;
    border: 0;
    font-size: 12px;
    font-weight: bold;
  }
  .product-box1 .box-list .list-card .list-btn .el-button::before{
    content: none;
  }
  .product-box1 .box-list .list-card.open-card .list-btn .el-button::before{
    content: "Less";
  }
  .product-box1 .box-list .list-card .list-btn .el-button i{
    font-size: 12px;
    padding: 0 0 0 0;
  }
  .product-box1 .box-list .list-card.open-card .list-btn .el-button i{
    font-size: 12px;
    padding: 0 5px 0 0;
  }
}

/*product-list1*/
.product-list1{
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.product-list1 .list{
  display: flex;
  position: relative;
  width: calc(33.3333333333333% - 20px);
  margin: 30px 15px 0 15px;
  background: #F9FAFC;
  border-radius: 8px;
  padding: 20px;
  transition: box-shadow .3s;
  flex-direction: column;
  justify-content: space-between;
}
.bg-1 .product-list1 .list{
  background: #FFFFFF;
}
.product-list1 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.product-list1 .list:nth-child(1),
.product-list1 .list:nth-child(2),
.product-list1 .list:nth-child(3){
  margin-top: 0;
}
.product-list1 .list:nth-child(3n+1){
  margin-left: 0;
}
.product-list1 .list:nth-child(3n){
  margin-right: 0;
}
.product-list1 .list .list-title{
  display: block;
  margin: 0 0 16px 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.product-list1 .list .list-cont{
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
.product-list1 .list .list-text{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  height: 176px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(114, 113, 113, 0.8);
}
.product-list1 .list .list-btn{
  border-top: 1px solid rgba(114, 113, 113, 0.2);
  padding-top: 16px;
  margin-top: 16px;
}
.product-list1 .list .list-btn .el-button{
  display: block;
  width: 100%;
  height: 22px;
  line-height: 22px;
  padding: 0;
  font-weight: 700;
}
.product-list1 .list .list-btn .el-button span{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-list1 .list .list-btn .el-button i{
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .product-list1 .list{
    width: 100%;
    margin: 6px 0;
    padding: 16px;
  }
  .product-list1 .list:nth-child(1),
  .product-list1 .list:nth-child(2),
  .product-list1 .list:nth-child(3){
    margin-top:10px;
  }
  .product-list1 .list .list-title{
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 12px 0;
    height: auto;
    white-space: normal;
  }
  .product-list1 .list .list-text{
    height: auto;
    -webkit-line-clamp: inherit;
    font-size: 12px;
    line-height: 16px;
  }
  .product-list1 .list .list-btn {
    padding-top: 12px;
    margin-top: 12px;
  }
  .product-list1 .list .list-btn .el-button {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
  }
}

/*product-list2*/
.product-list2{
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.product-list2 .list{
  display: block;
  position: relative;
  width: calc(25% - 22.5px);
  margin: 30px 15px 0 15px;
  background: #F9FAFC;
  border-radius: 8px;
  transition: box-shadow .3s;
}
.product-list2 .list:nth-child(1),
.product-list2 .list:nth-child(2),
.product-list2 .list:nth-child(3),
.product-list2 .list:nth-child(4){
  margin-top:0;
}
.bg-1 .product-list2 .list{
  background: #FFFFFF;
}
.product-list2 .list:hover{
  box-shadow:0 8px 16px 0 rgba(7,12,20,.08);
}
.product-list2 .list:nth-child(4n+1){
  margin-left: 0;
}
.product-list2 .list:nth-child(4n){
  margin-right: 0;
}
.product-list2 .list .list-img{
  display: block;
  height: 260px;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.product-list2 .list .list-img img{
  display: block;
  width: 100%;
  height: 100%;
  transition: transform .55s;
  border-radius: 8px 8px 0 0;
}
.product-list2 .list:hover .list-img img{
  transform: scale(1.1);
}
.product-list2 .list .list-text{
  display: flex;
  margin: 20px 0;
  padding: 0 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  border-radius: 0 0 8px 8px;
}
.product-list2 .list .list-text .title,
.product-list2 .list .list-text .title:hover,
.product-list2 .list .list-text .title:visited,
.product-list2 .list .list-text .title:active{
  flex: 1;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product-list2 .list .list-text .btn-download{
  display: block;
  margin: 0 0 0 30px;
  width: 26px;
  height: 26px;
  background: rgba(0, 64, 152, 0.2) url("../images/icon-download1.svg") no-repeat center;
  background-size: 16px;
  border-radius: 8px;
  cursor: pointer;
}
.product-list2 .list .list-text .btn-download:hover{
  background: rgba(0, 64, 152, 0.4) url("../images/icon-download1.svg") no-repeat center;
  background-size: 16px;
}
@media screen and (max-width: 1000px) {
  .product-list2 .list{
    width: 100%;
    margin: 10px 0;
  }
  .product-list2 .list:nth-child(1),
  .product-list2 .list:nth-child(2),
  .product-list2 .list:nth-child(3),
  .product-list2 .list:nth-child(4){
    margin-top:10px;
  }
  .product-list2 .list .list-img{
    height: auto;
  }
  .product-list2 .list .list-img img{
    height: auto;
  }
  .product-list2 .list .list-text{
    height: auto;
  }
  .product-list2 .list .list-text .title{
    -webkit-line-clamp: inherit;
  }
}

/*product-box2*/
.product-box2{
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.product-box2 .box-img{
  display: block;
  width: 380px;
  margin-left: 60px;
}
.product-box2 .box-img img{
  display: block;
  width: 380px;
}
.product-box2 .box-text{
  display: block;
  flex: 1;
  max-width: 770px;
}
.product-box2 .box-text .title{
  display: block;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  margin: 0;
}
.product-box2 .box-text .title+.text{
  margin-top: 40px;
}
.product-box2 .box-text .text{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
}
@media screen and (max-width: 1000px) {
  .product-box2{
    display: block;
  }
  .product-box2 .box-img{
    display: none;
    width: 100%;
  }
  .product-box2 .box-img img{
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .product-box2 .box-text{
    display: block;
    width: 100%;
    margin:0;
    max-width: 100%;
    background: #F9FAFC;
    padding: 8px;
    border-radius: 8px;
  }
  .product-box2 .box-text .title {
    font-size: 12px;
    line-height: 16px;
  }
  .product-box2 .box-text .title+.text{
    margin-top: 5px;
  }
  .product-box2 .box-text .text{
    font-size: 12px;
    line-height: 16px;
  }
}

/*product-box-pc*/
.product-box-pc{
  display: flex;
  flex-wrap: nowrap;
}
.product-box-pc .box-side{
  display: block;
  width: 312px;
}
.product-box-pc .box-side .el-tree{

}
.product-box-pc .box-side .el-tree>.el-tree-node+.el-tree-node{
  margin-top: 10px;
}
.product-box-pc .box-side .el-tree .el-tree-node__content{
  padding: 7px 0;
  flex-flow: row-reverse;
  height: auto;
}
.product-box-pc .box-side .el-tree .el-tree-node__content:hover,
.product-box-pc .box-side .el-tree .el-tree-node:focus>.el-tree-node__content{
  background: transparent;
}
.product-box-pc .box-side .el-tree .el-tree-node__content:hover>.el-tree-node__label{
  color: #004098;
}
.product-box-pc .box-side .el-tree .el-tree-node__content>.el-tree-node__label{
  flex: 1;
  line-height: 22px;
  color: #727171;
  font-weight: 700;
}
.product-box-pc .box-side .el-tree .el-tree-node.is-expanded>.el-tree-node__content>.el-tree-node__label{
  color: #004098;
}
.product-box-pc .box-side .el-tree .el-icon-caret-right:before{
  content: "\e6df";
}
.product-box-pc .box-side .el-tree .el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.product-box-pc .box-side .el-tree .el-tree-node__expand-icon.is-leaf{
  color: transparent;
}
.product-box-pc .box-side .el-tree .el-tree-node__expand-icon{
  font-weight: bold;
  color: #727171;
  margin-right: 10px;
}
.product-box-pc .box-side .el-tree .el-tree-node.is-expanded>.el-tree-node__content>.el-tree-node__expand-icon{
  color: #004098;
}
.product-box-pc .box-side .el-tree .el-tree-node{
  white-space: normal;
}
.product-box-pc .box-side .el-tree>.el-tree-node>.el-tree-node__content{
  padding: 11px 0;
  border-left: 3px solid transparent;
}
.product-box-pc .box-side .el-tree>.el-tree-node.is-expanded>.el-tree-node__content{
  background: rgba(44, 118, 185, 0.1) !important;
  border-left: 3px solid #004098;
}
.product-box-pc .box-side .el-tree>.el-tree-node>.el-tree-node__content:hover{
  background: rgba(44, 118, 185, 0.1) !important;
}
.product-box-pc .box-side .el-tree>.el-tree-node:focus>.el-tree-node__content{
  background: transparent;
}
.product-box-pc .box-side .el-tree>.el-tree-node.is-expanded>.el-tree-node__children{
  background: #F3F9FE;
  padding: 7px 0;
}
.product-box-pc .box-side .el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__expand-icon{
  font-size: 14px;
}
.product-box-pc .box-side .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content{
  padding-left: 28px !important;
}
.product-box-pc .box-side .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content{
  padding-left: 74px !important;
}
.product-box-pc .box-side .el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__label{
  color: #5F6D7E;
  font-size: 18px;
  font-weight: 700;
  padding-left: 25px;
}
.product-box-pc .box-side .el-tree .el-tree-node .el-tree-node.is-current>.el-tree-node__content>.el-tree-node__label{
  color: #004098;
}
.product-box-pc .box-side .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content>.el-tree-node__label{
  font-size: 14px;
}
.product-box-pc .box-side .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content>.el-tree-node__label{
  font-size: 12px;
}
.product-box-pc .box-side .filtrate-box{
  display: block;
  margin: 72px 0 0 0;
}
.product-box-pc .box-side .filtrate-box .title{
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 14px 0;
}
.product-box-pc .box-side .filtrate-box .check-group{
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  align-items: flex-start;
  max-height: 204px;
  overflow: hidden;
  margin: 0 0 2px 0;
}
.product-box-pc .box-side .filtrate-box.open-filtrate .check-group{
  max-height: 100%;
}
.product-box-pc .box-side .filtrate-box .check-group .el-checkbox{
  display: inline-flex;
  margin: 10px 0;
  font-weight: 700;
}
.product-box-pc .box-side .filtrate-box .open-more{
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
}
.product-box-pc .box-side .filtrate-box.open-filtrate .open-more .el-icon-arrow-down{
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.product-box-pc .box-side .el-collapse{
  border: 0;
}
.product-box-pc .box-side .el-collapse .el-collapse-item__header{
  border-bottom:0;
  border-left: 3px solid transparent;
  height: 46px;
  line-height: 46px;
  color: #5F6D7E;
  font-weight: 600;
  font-size: 18px;
  padding-left: 25px;
}
.product-box-pc .box-side .el-collapse .el-collapse-item__header.is-active{
  border-left-color: #004098;
  color: #004098;
  background: #F3F9FE;
}
.product-box-pc .box-side .el-collapse .el-collapse-item__wrap{
  border: 0;
}
.product-box-pc .box-side .el-collapse .el-collapse-item__arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.product-box-pc .box-side .el-collapse .el-collapse-item__arrow.is-active{
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.product-box-pc .box-side .el-collapse .el-collapse-item__content{
  margin: 0;
  padding:10px 15px 10px 50px;
}
.product-box-pc .box-side .el-collapse .el-collapse-item__content .item-link{
  display: block;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  color: #727171;
  padding: 10px 0;
}
.product-box-pc .box-side .el-collapse .el-collapse-item__content .item-link a,
.product-box-pc .box-side .el-collapse .el-collapse-item__content .item-link a:visited,
.product-box-pc .box-side .el-collapse .el-collapse-item__content .item-link a:active{
  color: #727171;
  cursor: pointer;
}
.product-box-pc .box-side .el-collapse .el-collapse-item__content .item-link a:hover{
  color: #004098;
}
.product-box-pc .box-side .el-collapse .el-collapse-item__content .item-link.active a{
  color: #004098;
}
.product-box-pc .box-side+.box-content{
  margin-left: 30px;
  width: calc(100% - 342px);
}
.product-box-pc .box-content{
  display: block;
  flex: 1;
}
.filtrate-card{
  padding: 20px 0;
  background: #F9FAFC;
  border: 1px solid rgba(0, 64, 152, 0.2);
  border-radius: 8px;
  margin: 0 0 30px 0;
}
.filtrate-card .title{
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
  padding: 0 20px;
}
.filtrate-card .text{
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
.filtrate-card .text .el-tag{
  margin:10px 10px 0 10px ;
  background: #FFFFFF;
  border: 1px solid rgba(114, 113, 113, 0.2);
  border-radius: 8px;
  color: #333;
  height: 28px;
  line-height: 26px;
}
.filtrate-card .text .el-tag .el-tag__close{
  color:  #727171;
  font-weight: 700;
}
.filtrate-card .text .el-tag .el-tag__close:hover{
  background: #ccc;
  color: #fff;
}
.filtrate-search{
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px 0;
}
.filtrate-search .el-select{
  width: calc(25% - 15px);
  margin: 0 10px 20px 10px;
}
.filtrate-search .el-select:nth-child(4n+1){
  margin-left: 0;
}
.filtrate-search .el-select:nth-child(4n){
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .product-box-pc{
    display: none;
  }
  .filtrate-search{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 10px 0;
    flex-direction: column;
  }
  .filtrate-search .el-select{
    width: 100%;
    margin: 0 0 20px 0;
  }
  .filtrate-search .el-button{
    display: block;
    width: 100%;
  }
  .check-group {
    max-height: calc(100vh - 150px);
    overflow: auto;
  }
  .check-group .el-checkbox{
    display: flex;
    margin-right: 0;
    padding: 8px 0;
  }
}

/*product-box-phone*/
.product-box-phone{
  display: none;
}
.screen-box{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.screen-box .button-sort{
  background: #F3F9FE;
  border: 0;
  color: #004098;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  display: block;
  flex: 1;
}
.screen-box .button-sort span{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.screen-box .button-filt{
  background: #F3F9FE;
  border: 0;
  color: #004098;
  height: 40px;
  line-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.screen-box .button-filt img{
  display: block;
  width: 14px;
}
@media screen and (max-width: 1000px) {
  .product-box-phone{
    display: block;
  }
  .screen-box .el-button+.el-button{
    margin-left: 4px;
  }
}

/*detail-box*/
.detail-box{
  display: flex;
  flex-wrap: nowrap;
}
.detail-box .left-img {
  display: block;
  width:450px;
  margin:0;
}
.detail-box .left-img .tb-booth {
  border:1px solid rgba(0, 64, 152, 0.2);
  position:relative;
  z-index:1;
  height:450px;
  width:450px;
  box-sizing:border-box;
  border-radius: 8px;
}
.detail-box .left-img .tb-s310 a{
  height:448px;
  width:448px;
}
.detail-box .left-img .tb-s310 img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
}
.detail-box .left-img .tb-pic a{
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.detail-box .left-img .tb-pic a .el-image {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.detail-box .left-img .tb-pic a img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align:middle;
  border-radius: 8px;
}
.detail-box .left-img .tb-thumb {
  margin:20px 0 0;
  overflow:hidden;
}
.detail-box .left-img .tb-thumb li {
  border: 1px solid rgba(0, 64, 152, 0.2);
  float:left;
  height:70px;
  width:70px;
  margin:0;
  overflow:hidden;
  padding:0;
  box-sizing: border-box;
  border-radius: 8px;
}
.detail-box .left-img .tb-thumb li.tb-selected {
  border: 1px solid rgba(0, 64, 152, 0.5);
}
.detail-box .left-img .tb-thumb li+li{
  margin-left:25px;
}
.detail-box .left-img .tb-thumb li div {
  border-radius: 8px;
}
.detail-box .left-img .tb-s40, .detail-box .left-img .tb-s40 a {
  width:68px;
  height:68px;
}
.detail-box .left-img .tb-thumb .tb-selected div {
  background-color:#FFFFFF;
  border:medium none;
  padding: 0;
}
div.zoomDiv {
  z-index:999;
  position:absolute;
  top:0px;
  left:0px;
  width:200px;
  height:200px;
  background:#ffffff;
  border:1px solid #CCCCCC;
  display:none;
  text-align:center;
  overflow:hidden;
}
div.zoomMask {
  position:absolute;
  background:url("../images/mask.png") repeat scroll 0 0 transparent;
  cursor:move;
  z-index:1;
}
.detail-box .left-img+.right-text{
  margin-left: 80px;
}
.detail-box .right-text{
  display: block;
  flex: 1;
}
.detail-box .right-text .porduct-name{
  display: block;
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
}
.detail-box .right-text .price{
  display: block;
  margin: 24px 0 0 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
.detail-box .right-text .text-list1{
  display: block;
  margin: 48px 0 0 0;
}
.detail-box .right-text .text-list1 .list{
  display: flex;
  flex-wrap: nowrap;
}
.detail-box .right-text .text-list1 .list+.list{
  margin-top: 14px;
}
.detail-box .right-text .text-list1 .list .clum{
  display: block;
  width: 75px;
  font-weight: 700;
  font-size: 16px;
  line-height: 40px;
}
.detail-box .right-text .text-list1 .list .radio-group{
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.detail-box .right-text .text-list1 .list .el-radio{
  margin: 0 0 10px 15px;
  padding: 7px 15px 0 15px;
}
.detail-box .right-text .text-list1 .list .el-radio .el-radio__label {
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  color: #333;
  padding: 0;
}
.detail-box .right-text .text-list1 .list .el-radio .el-radio__input.is-checked+.el-radio__label {
  color: #004098;
}
.detail-box .right-text .text-list1 .list .el-radio .el-radio__inner{
  display: none;
}
.detail-box .right-text .text-list2{
  display: block;
  margin: 40px 0 0 0;
}
.detail-box .right-text .text-list2 .list{
  display: flex;
}
.detail-box .right-text .text-list2 .list .clum{
  display: block;
  width: 65px;
  font-weight: 700;
  font-size: 16px;
  line-height: 40px;
}
.detail-box .right-text .text-list2 .list .group{
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.detail-box .right-text .text-list2 .list .group .el-input-number{
  width: 160px;
}
.detail-box .right-text .text-list2 .list .group .input-number-box{
  width: 160px;
  height: 52px;
}
.detail-box .right-text .text-list2 .list .group .input-number-box input {
  height: 52px;
  line-height: 50px;
  width: 160px;
}
.detail-box .right-text .text-list2 .list .group .input-number-box .left-icon i,
.detail-box .right-text .text-list2 .list .group .input-number-box .right-icon i {
  line-height: 50px;
}
.detail-box .right-text .text-list2 .list .el-input-number{
  margin: 0 10px 10px 10px;
}
.detail-box .right-text .text-list2 .list .el-input-number .el-input-number__decrease,
.detail-box .right-text .text-list2 .list .el-input-number .el-input-number__increase{
  height: 50px;
}
.detail-box .right-text .text-list2 .list .el-input-number .el-input-number__decrease i,
.detail-box .right-text .text-list2 .list .el-input-number .el-input-number__increase i{
  line-height: 50px;
}
.detail-box .right-text .text-list2 .list .el-input__inner{
  height: 52px;
  line-height: 52px;
}
.detail-box .right-text .text-list2 .list .el-button{
  height: 52px;
  margin: 0 10px 10px 10px;
}
.detail-box .right-text .text-list2 .list-del{
	display: flex;
	align-items: center;
	margin: 37px 0 0 0;
	color: #333;
	font-size: 16px;
	line-height: 20px;
}
.detail-box .right-text .text-list2 .list-del img{
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 16px 0 0;
}
.detail-box .right-text .text-list2 .list-btn{
  display: block;
  margin: 20px  0 0 0;
}
.detail-box .right-text .text-list2 .list-btn .el-button{
  color: #ED6D00 !important;
  font-weight: 700;
  font-size: 16px;
  padding: 0;
}
.detail-box .right-text .text-list2 .list-btn .el-button [class*=el-icon-]+span {
  margin-left: 15px;
}
.detail-box .right-text .el-button{
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .detail-box{
    display: none;
  }
}

/*detail-box*/
.detail-box .left-img .small-img {
  position: relative;
}

.detail-box .left-img .small-img .left-arrow,
.detail-box .left-img .small-img .right-arrow {
  position: absolute;
  top: 0;
  display: block;
  width: 35px;
  height: 68px;
  line-height: 64px;
  font-size: 40px;
  color: #ccc;
  font-family: Consolas;
  cursor: pointer;
  -moz-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

.detail-box .left-img .small-img .left-arrow {
  left: 0;
  text-align: left;
}

.detail-box .left-img .small-img .right-arrow {
  right: 0;
  text-align: right;
}

.detail-box .left-img .small-img .left-arrow:hover,
.detail-box .left-img .small-img .right-arrow:hover {
  color: #999;
}

.detail-box .left-img .small-img .limit {
  color: #eee;
}

.detail-box .left-img .small-img .limit:hover {
  color: #eee;
}

.detail-box .left-img .small-img .img-box {
  margin: 15px 35px 0;
  width: 386px;
  height: 64px;
  overflow: hidden;
  position: relative;
}

.detail-box .left-img .small-img .img-box .offset-box {
  position: absolute;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.detail-box .left-img .small-img .img-box .item {
  display: inline-flex;
  width: 64px;
  height: 64px;
  font-size: 0;
  line-height: 64px;
  text-align: center;
  border: 1px solid rgba(0,64,152,.4);
  margin-left: 15px;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  padding: 0;
}

.detail-box .left-img .small-img .img-box .item:first-child {
  margin-left: 0;
}

.detail-box .left-img .small-img .img-box .item.active,
.detail-box .left-img .small-img .img-box .item:hover {
  border: 1px solid rgba(0,64,152,.8);
}

.detail-box .left-img .small-img .img-box .item img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  border-radius: 8px;
}


/*detail-phone*/
.detail-phone{
  display: none;
}
.detail-phone .swiper img{
  width: 100%;
}
.detail-phone .swiper .swiper-pagination {
  background: rgba(114, 113, 113, 0.2);
  border-radius: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  padding: 0 16px;
  width: auto;
  left: auto;
  right: 30px;
  bottom: 30px;
  color: #17183B;
  font-size: 12px;
}
.detail-phone .porduct-name{
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  border-bottom: 1px solid rgba(114, 113, 113, 0.20);
  padding: 12px 0;
}
.detail-phone .price-btns{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 0 0;
}
.detail-phone .price-btns .price{
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
}
.detail-phone .price-btns .el-button{
  display: inline-flex;
  align-items: center;
  color: #ED6D00 !important;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  padding: 0;
}
.detail-phone .price-btns .el-button .el-icon-collect {
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/icon-collect1.svg") no-repeat center;
  background-size: 14px;
}
.detail-phone .price-btns .el-button.active .el-icon-collect {
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/icon-collect2.svg") no-repeat center;
  background-size: 14px;
}
.detail-phone .price-btns .el-button [class*=el-icon-]+span {
  margin-left: 4px;
}
.detail-phone .list-text{
  display: block;
  margin: 12px 0 0 0;
}
.detail-phone .list-text .clum{
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.detail-phone .list-text .radio-group{
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.detail-phone .list-text .el-radio{
  margin: 8px 8px 0 0 !important;
  padding: 4px 8px;
  height: auto;
  border-radius: 4px;
}
.detail-phone .list-text .el-radio .el-radio__label {
  display: inline-block;
  font-size: 12px;
  line-height:16px;
  color: #333;
  padding: 0;
}
.detail-phone .list-text .el-radio .el-radio__input.is-checked+.el-radio__label {
  color: #004098;
}
.detail-phone .list-text .el-radio .el-radio__inner{
  display: none;
}
.detail-phone .list-text .el-input-number .el-input__inner{
  height: 40px;
}
.detail-phone .flex-text{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px 0 0 0;
}
.detail-phone .flex-text .input-number-box input,
.detail-phone .flex-text .el-input-number{
  width: 160px;
}
.detail-phone .flex-text .el-input-number .el-input__inner{
  height: 24px;
  line-height: 24px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
}
.detail-phone .flex-text .el-input-number .el-input-number__decrease,
.detail-phone .flex-text .el-input-number .el-input-number__increase {
  height: 22px;
  width: 24px;
}
.detail-phone .flex-text .el-input-number .el-input-number__decrease i,
.detail-phone .flex-text .el-input-number .el-input-number__increase i{
  line-height: 22px;
}
.detail-phone .flex-text .clum{
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.detail-phone .list-del{
	display: flex;
	align-items: center;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	color: #333;
	font-size: 12px;
	line-height: 20px;
	border-top: 1px solid rgba(114, 113, 113, 0.20);
}
.detail-phone .list-del img{
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 8px 0 0;
}
@media screen and (max-width: 1000px) {
  .detail-phone{
    display: block;
  }
  body .detail-phone .flex-text .el-input-number .el-input-number__decrease,
  body .detail-phone .flex-text .el-input-number .el-input-number__increase {
    line-height: 22px;
  }
  body .detail-phone .flex-text .el-input-number{
    height: 24px;
  }
  body .detail-phone .flex-text .el-input-number .el-input{
    height: 24px;
    line-height: 22px;
  }
}

/*phone-fixed-btn*/
.phone-fixed-btn{
  display: none;
  flex-wrap: nowrap;
  padding:10px 16px;
  border-top: 1px solid rgba(0, 64, 152, 0.2);
  background: #fff;
  position: fixed;
  bottom: 0;
  z-index: 3;
  left: 0;
  width: 100%;
}
.phone-fixed-btn .el-button{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .phone-fixed-btn{
    display: flex;
  }
}

/*el-radio*/
body .el-radio.is-bordered{
  border-radius: 8px;
}
body .el-radio.is-bordered.is-checked {
  border-color: #004098;
  background: rgba(0, 64, 152, 0.1);
}
body .el-radio__input.is-checked+.el-radio__label {
  color: #004098;
}

/*article-box*/
.article-box{
  display: block;
}
.article-box *{
  max-width: 100%;
}
.article-box table{
  border-left: 1px solid #333;
  border-top: 1px solid #333;
}
.article-box table td,
.article-box table th{
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}
.article-title{
  display: flex;
  align-items: center;
  padding: 40px 0;
}
.article-title img{
  display: block;
  width: 20px;
}
.article-title .tit{
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  padding: 0 20px 0 12px;
  color: #004098;
}
.article-title .point{
  display: block;
  flex: 1;
  height: 2px;
  background: url("../images/line-bg1.png") repeat-x left center;
  background-size: 8px;
}
@media screen and (max-width: 1000px) {
  .article-box{
    padding: 16px 0 0 0;
  }
  .article-box *{
    text-align: left !important;
    text-wrap: wrap !important;
  }
  .article-box img{
    display: block !important;
    max-width: 100% !important;
    width: auto;
    height: auto !important;
  }
  .article-title{
    padding: 20px 0 12px 0;
  }
  .article-title img{
    display: block;
    width: 12px;
    height: auto !important;
  }
  .article-title .tit{
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    padding: 0 4px 0 4px;
    color: #004098;
  }
}

/*fj-box*/
.fj-box{
  display: block;
  margin: 20px  0 0 0;
}
.fj-box .article-title{
  padding-top: 20px;
  padding-bottom: 10px;
}
.fj-box .title{
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  position: relative;
  padding: 0 0 0 15px;
}
.fj-box .title:before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  display: block;
  width: 5px;
  height: 20px;
  background: #004098;
}
.fj-list{
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
}
.fj-list .list{
  display: block;
  margin: 10px 60px 10px 0;
}
.fj-list .list img{
  display: block;
  height: 60px;
  margin: 0 auto;
}
.fj-list .list .txt{
  display: block;
  margin: 10px 0 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .fj-box .title{
    font-size: 16px;
    line-height: 20px;
  }
  .fj-box .title:before {
    top: calc(50% - 8px);
    width: 3px;
    height: 16px;
  }
  .fj-list {
    padding: 20px 0;
  }
  .fj-list .list {
    display: block;
    margin: 5px 10px 5px 0;
  }
  .fj-list .list img {
    height: 24px;
  }
  .fj-list .list .txt {
    margin: 4px 0 0 0;
    font-size: 10px;
    line-height: 14px;
  }
}

/*explain-text*/
.explain-text{
  display: block;
  background: rgba(114, 113, 113, 0.05);
  padding: 10px 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #727171;
  margin: 20px 0 0 0;
}
@media screen and (max-width: 1000px) {
  .explain-text{
    padding: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin: 12px 0 0 0;
  }
}

/*big-search*/
.big-search{
  width: 100% !important;
  max-width: 986px;
  margin: 0 auto;
  height: 78px;
}
.big-search .el-input__inner{
  height: 78px;
  font-size: 16px;
  border-color: #004098 !important;
}
.big-search .el-input-group__append{
  width: 160px;
  background: #004098 !important;
  border-color: #004098 !important;
}
.big-search .el-input-group__append .el-button,
.big-search .el-input-group__append .el-button:hover,
.big-search .el-input-group__append .el-button:focus,
.big-search .el-input-group__append .el-button:visited,
.big-search .el-input-group__append .el-button:active{
  background: transparent;
  color: #fff !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
}
@media screen and (max-width: 1000px) {
  .big-search{
    height: 40px;
  }
  .big-search .el-input__inner{
    height: 40px;
    font-size: 12px;
    border-color: #004098 !important;
  }
  .big-search .el-input-group__append{
    width: 90px;
    background: #004098 !important;
    border-color: #004098 !important;
  }
  .big-search .el-input-group__append .el-button,
  .big-search .el-input-group__append .el-button:hover,
  .big-search .el-input-group__append .el-button:focus,
  .big-search .el-input-group__append .el-button:visited,
  .big-search .el-input-group__append .el-button:active{
    font-size: 12px;
    line-height: 20px;
    padding: 9px 10px;
  }
}

/*search-empty*/
.search-empty{
  display: block;
  padding: 160px 0;
  text-align: center;
}
.search-empty img{
  display: block;
  margin: 0 auto;
  width: 185px;
  opacity: 0.5;
}
.search-empty .text{
  display: block;
  text-align: center;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  margin: 40px 0 0 0;
}

/*full-dialog*/
.full-dialog{
}
@media screen and (max-width: 1000px) {
  .el-dialog__wrapper.full-dialog .el-dialog{
    width: 100% !important;
    height: 100%;
    margin: 0 !important;
    border-radius: 0;
  }
  .el-dialog__wrapper.full-dialog  .el-dialog .el-dialog__header,
  .el-dialog__wrapper.full-dialog  .el-dialog .el-dialog__body,
  .el-dialog__wrapper.full-dialog  .el-dialog .el-dialog__footer{
    padding: 16px 20px;
  }
  .el-dialog__wrapper.full-dialog .el-dialog .el-dialog__header .el-dialog__title {
    font-size: 16px;
  }
  .el-dialog__wrapper.full-dialog .el-dialog .el-dialog__body{
    max-height: 100%;
    overflow: auto;
  }
  .el-dialog__wrapper.full-dialog .el-dialog .el-dialog__header+.el-dialog__body{
    padding-top: 0;
    max-height: calc(100% - 64px);
  }
  .el-dialog__wrapper.full-dialog .el-dialog .el-dialog__body+.el-dialog__footer{
    padding-top: 0;
  }
}

/*sort-collapse*/
.sort-collapse{

}
.sort-collapse .el-collapse-item__header{
  font-weight: 700;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
}
.sort-collapse .el-collapse-item__content {
  padding-bottom: 12px;
}
.sort-collapse .item-link{
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  padding: 10px 0;
}
.sort-collapse .item-link+.item-link{
  margin-top: 0;
}
.sort-collapse .item-link.active{
  color: #004098;
}
.sort-collapse .item-link a,
.sort-collapse .item-link a:visited,
.sort-collapse .item-link a:active,
.sort-collapse .item-link a:hover{
  color: #333;
}
.sort-collapse .item-link.active a{
  color: #004098;
}
@media screen and (max-width: 1000px) {
  .sort-collapse .el-collapse-item__header{
    font-weight: 700;
    font-size: 12px;
    height: 40px;
    line-height: 20px;
    padding: 10px 0;
    color: #5F6D77;
    border-color: #EAEBF0;
  }
}

/*sort-tree*/
.sort-tree{

}
.sort-tree .el-tree-node__content{
  flex-flow: row-reverse;
  border-bottom: 1px solid #EAEBF0;
  padding: 10px 0;
  height: auto;
  line-height: 20px;
  font-size: 12px;
  color: #5F6D77;
  font-weight: bold;
}
.sort-tree .el-tree-node__content>.el-tree-node__expand-icon{
  margin-right: 10px;
}
.sort-tree .el-tree-node__children .el-tree-node__children .el-tree-node__content{
  border-bottom: 0;
}
.sort-tree .el-tree-node__content .el-tree-node__label{
  display: block;
  flex: 1;
  padding: 0 16px;
  font-size: 12px;
  white-space: break-spaces;
}
.sort-tree .el-icon-caret-right{
  color: #09121f;
}
.sort-tree .el-icon-caret-right:before {
  content: "\e6df";
}
.sort-tree .el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sort-tree .is-expanded{
  background: #F3F9FE;
}
.sort-tree .el-tree-node__content:hover,
.sort-tree .el-upload-list__item:hover {
  background-color: inherit;
}
.sort-tree .el-tree-node:focus>.el-tree-node__content {
  background-color: inherit;
}
.sort-tree .is-expanded>.el-tree-node__content{
  color: #004098;
  position: relative;
}
.sort-tree>.is-expanded>.el-tree-node__content,
.sort-tree>.is-expanded:focus>.el-tree-node__content,
.sort-tree>.is-expanded>.el-tree-node__content:hover{
  background: rgba(44, 118, 185, 0.10);
}
.sort-tree>.is-expanded>.el-tree-node__content::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 3px;
  height: 100%;
  background: #004098;
}

/*porduct-list*/
.porduct-list{
  display: block;
}
.porduct-list .list{
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0;
}
.porduct-list .list+.list{
  border-top: 1px solid rgba(0, 64, 152, 0.2);
}
.porduct-list .list .list-img{
  display: block;
  width: 80px;
}
.porduct-list .list .list-img img{
  display: block;
  width: 80px;
}
.porduct-list .list .list-img+.list-text{
  width: calc(100% - 100px);
  margin-left: 20px;
}
.porduct-list .list .list-text{
  display: block;
  width: 100%;
}
.porduct-list .list .list-text .title{
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}
.porduct-list .list .list-text .text{
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  margin: 10px 0 0 0;
}
.porduct-list .list .list-text .lables{
  display: flex;
  flex-wrap: wrap;
}
.porduct-list .list .list-text .lables .lab{
  display: block;
  width: auto;
  padding: 0 8px;
  position: relative;
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  color: #666;
  background: rgba(114, 113, 113, 0.1);
  border-radius: 4px;
  margin: 10px 4px 0 0;
}
.porduct-list .list .more-box{
  display: none;
  width: 100%;
}
.porduct-list .list.open .more-box{
  display: block;
  margin-top: 12px;
}
body .porduct-list .list.open .more-box .el-table td.el-table__cell,
body .porduct-list .list.open .more-box .el-table th.el-table__cell.is-leaf {
  border-color: rgba(114, 113, 113, 0.10);
}
body .porduct-list .list.open .more-box .el-table th.el-table__cell{
  background: transparent;
  color: #727171;
  font-weight: normal;
}
body .porduct-list .list.open .more-box .el-table .el-table__cell{
  padding: 6px 0;
}
body .porduct-list .list.open .more-box .el-table .el-table__cell .el-button{
  padding: 0;
  font-size: 12px;
  border: 0;
}
body .porduct-list .list.open .more-box .el-table td.el-table__cell>.cell,
body .porduct-list .list.open .more-box  .el-table th.el-table__cell>.cell{
  padding-left: 0;
  padding-right: 0;
  font-size: 10px;
  line-height: 14px;
}
.porduct-list .list .more-box .more-list{
  display: block;
  margin: 10px 0 0 0;
  background: #F9FAFC;
  border-radius: 8px;
  padding: 16px;
}
.porduct-list .list .more-box .more-list .text{
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.porduct-list .list .more-box .more-list .text+.text{
  margin-top: 10px;
}
.porduct-list .list .more-box .more-list .text+.price{
  margin-top: 10px;
}
.porduct-list .list .more-box .more-list .price{
  display: block;
  text-align: right;
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
}
.porduct-list .list .more-box .more-list .price+.el-input-number{
  margin-top: 10px;
}
.porduct-list .list .more-box .more-list .el-input-number{
  width: 100%;
}
.porduct-list .list .more-box .more-list .el-input-number .el-input-number__decrease,
.porduct-list .list .more-box .more-list .el-input-number .el-input-number__increase{
  border: 0;
  background: #fff;
}
.porduct-list .list .more-box .more-list .el-input-number .el-input__inner{
  height: 40px;
}
.porduct-list .list .btnbox{
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 12px 0 0 0;
}
.porduct-list .list .more-button{
  margin:0;
  display: flex;
  width: auto;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  padding: 0;
  border: 0;
}
.porduct-list .list .more-button:before{
  content: "Expand";
}
.porduct-list .list.open .more-button:before{
  content: "Hide";
}
.porduct-list .list .more-button i{
  padding: 0 0 0 8px;
  font-weight: 700;
}
.porduct-list .list.open .more-button i{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  padding: 0 8px 0 0;
}

/*input-number-box*/
.input-number-box{
  display: inline-block;
  position: relative;
}
.input-number-box .left-icon,.input-number-box .right-icon{
  display: block;
  width: 30px;
  text-align: center;
  position: absolute;
  top: 1px;
  line-height: 30px;
  padding: 0;
  color: #333;
  cursor: pointer;
}
.input-number-box .left-icon.disabled,.input-number-box .right-icon.disabled{
  color: #bbb;
  cursor: no-drop;
}
.input-number-box .left-icon i,.input-number-box .right-icon i{
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
}
.input-number-box .left-icon{
  left: 0;
}
.input-number-box .right-icon{
  right: 0;
}
.input-number-box input{
  display: block;
  width: 110px;
  height: 32px;
  line-height: 30px;
  border: 1px solid #DCDFE6;
  border-radius: 8px;
  padding: 0 30px;
  text-align: center;
  font-size: 14px;
}
.input-number-box input:hover{
  border-color: #c0c4cc;
}
.input-number-box input:focus{
  border-color: #004098;
}
@media screen and (max-width: 1000px) {
  .input-number-box .left-icon,.input-number-box .right-icon{
    width: 24px;
    line-height: 24px;
  }
  .input-number-box .left-icon i,.input-number-box .right-icon i{
    line-height: 22px;
    font-size: 12px;
  }
  .input-number-box input{
    width: 80px;
    height: 24px;
    line-height: 22px;
    padding: 0 24px;
    font-size: 10px;
    border-radius: 4px;
  }
}

/*payment-box*/
.payment-box{
  display: block;
}
.cart-card-pc.payment-box .payment-card{
	border-radius: 8px;
	border: 1px solid #D1D1D8;
	background: #FFF;
	margin: 0;
}
.cart-card-pc.payment-box .payment-card+.payment-card{
	margin-top: 40px;
}
.payment-box .p-price{
	display: flex;
	margin: 0 0 40px 0;
	align-items: center;
	color: #333;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
}
.payment-box .p-price .price{
	color: #004098;
	font-size: 32px;
	padding-left: 5px;
}
.payment-card{
  display: block;
  background: #fff;
  padding: 60px;
  margin: 0 0 14px 0;
}
.payment-card .s-title{
	display: flex;
	align-items: center;
	color: #333;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	margin: 0 0 40px 0;
}
.payment-card .s-title .st{
	display: block;
	padding: 4px 8px;
	border-radius: 4px;
	background: rgba(114, 113, 113, 0.20);
	color: #333;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	margin: 0 10px 0 0;
}
.payment-card .p-text1{
	display: block;
	color: #333;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
}
.payment-card .affirm-text{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.payment-card .affirm-text .affirm-left{
  display: flex;
}
.payment-card .affirm-text .affirm-left .el-icon-circle-check{
  color: #004098;
  font-size: 60px;
}
.payment-card .affirm-text .affirm-left .left-text{
  display: block;
  padding: 0 0 0 40px;
}
.payment-card .affirm-text .affirm-left .left-text .title{
  display: block;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 10px 0;
}
.payment-card .affirm-text .affirm-left .left-text .text{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.payment-card .affirm-text .affirm-right{
  display: flex;
  justify-content: flex-end;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
}
.payment-card .affirm-text .affirm-right .prices1{
  font-weight: 700;
  color: #000;
  font-size: 24px;
  padding-left: 10px;
}
.payment-card .affirm-text+.mess-text{
  margin-top: 40px;
}
.payment-card .mess-text{
  display: block;
  padding: 14px;
  background: rgba(44, 118, 185, 0.05);
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
}
.payment-card .method-title{
  display: block;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 20px 0;
}
.payment-card .radio-group {
  display: flex;
  flex-wrap: wrap;
}
.payment-card .radio-group .el-radio{
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  padding: 0 20px;
  height: 72px;
  border-radius: 8px;
  margin: 20px 20px 0 0;
  display: flex;
  align-items: center;
  min-width: 164px;
}
.payment-card .radio-group .el-radio+.el-radio,
.payment-card .radio-group .el-radio.is-bordered+.el-radio.is-bordered{
  margin-left: 0;
}
.payment-card .radio-group .el-radio .el-radio__input .el-radio__inner{
  display: none;
}
.payment-card .radio-group .el-radio .el-radio__label{
  display: flex;
  padding-left: 0;
  align-items: center;
  font-size: 16px;
}
.payment-card .radio-group .el-radio .el-radio__label .el-icon-circle-check{
  display: block;
  font-size: 18px;
  margin: 4px 11px 0 0;
}
.payment-card .radio-group .el-radio.is-checked .el-radio__label .el-icon-circle-check:before {
  content: "\e79c";
}
.payment-card .radio-group .el-radio .el-radio__label img{
  display: block;
  height: 28px;
  margin: 0 4px 0 0;
}
.payment-card .p-btn{
	display: block;
	margin: 40px 0 0 0;
}
.payment-card .p-btn .el-button{
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	padding: 0 32px;
	height: 60px;
	line-height: 58px;
}
.payment-box .dis-button{
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  padding: 0 32px;
  height: 60px;
  line-height: 58px;
}
.payment-box  .payment-text{
  display: block;
  margin: 14px 0 0 0;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.payment-box  .payment-text a{
  color: #004098;
  font-weight: 700;
  cursor: pointer;
}
.payment-box  .payment-text a:hover{
  text-decoration: underline;
}
@media screen and (max-width: 1000px) {
.cart-card-pc.payment-box .payment-card{
	margin: 0;
}
.cart-card-pc.payment-box .payment-card+.payment-card{
	margin-top: 10px;
}
.payment-box .p-price{
	margin: 0 0 12px 0;
	font-size: 14px;
	line-height: 28px;
}
.payment-box .p-price .price{
	font-size: 20px;
}
.payment-card{
	padding: 16px;
    margin: 0 0 16px 0;
}
.payment-card .s-title{
	font-size: 14px;
	line-height: 26px;
	margin: 0 0 16px 0;
}
.payment-card .s-title .st{
	font-size: 12px;
	line-height: 20px;
	margin: 0 5px 0 0;
}
.payment-card .p-text1{
	font-size: 12px;
	line-height: 20px;
}
.payment-card .affirm-text{
    flex-flow: column;
}
  .payment-card .affirm-text .affirm-left .el-icon-circle-check {
    font-size: 40px;
}
.payment-card .affirm-text .affirm-left{
    flex-flow: column;
    align-items: center;
}
.payment-card .affirm-text .affirm-left .left-text{
    padding: 10px 0 0 0;
}
.payment-card .affirm-text .affirm-left .left-text .title{
    font-size: 16px;
    line-height: 24px;
}
.payment-card .affirm-text .affirm-left .left-text .text{
    font-size: 12px;
    line-height: 20px;
}
.payment-card .affirm-text .affirm-right{
    margin: 10px 0 0 0;
    font-size: 12px;
    line-height: 20px;
}
.payment-card .affirm-text .affirm-right .prices1 {
    font-size: 16px;
    padding-left: 10px;
}
.payment-card .affirm-text+.mess-text{
    margin-top: 12px;
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
}
.payment-card .method-title {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px 0;
}
.payment-card .radio-group .el-radio {
    font-size: 12px;
    margin: 6px 10px 0 0;
    min-width: 50px;
    padding: 0 15px;
    height: 60px;
}
.payment-box .dis-button {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    padding: 0 16px;
    height: 50px;
    line-height: 48px;
}
.payment-card .radio-group .el-radio .el-radio__label{
    font-size: 12px;
    line-height: 20px;
}
.payment-card .radio-group .el-radio .el-radio__label img{
    height: auto !important;
    width: 45px !important;
    margin: 0;
}
.payment-card .radio-group .el-radio .el-radio__label img+span{
    padding-left: 5px;
}
.payment-card .radio-group .el-radio .el-radio__label .el-icon-circle-check {
    margin: 0 5px 0 0;
}
.payment-card .p-btn {
    margin: 16px 0 0 0;
}
.payment-card .p-btn .el-button{
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	padding: 0 16px;
	height:44px;
	line-height: 42px;
}
.payment-box .payment-text {
    font-size: 12px;
    line-height: 20px;
}
}

/*message-box*/
.message-box{
  position: fixed;
  z-index: 2;
  top: 100px;
  display: flex;
  width: 100%;
  justify-content: center;
}
.message-box .text{
  border-radius: 8px;
  padding: 10px 20px;
  line-height: 1.75;
  font-size: 14px;
  border: 1px solid #ddd;
  color: #333;
  background: #fff;
}
.message-box.success .text{
  background: #f0f9eb url("../images/icon-check-green.svg") no-repeat 20px 12px;
  background-size: 18px;
  border-color: #e1f3d8;
  color: #67c23a;
  padding-left: 50px;
}
.message-box.error .text{
  background: #fef0f0 url("../images/icon-error.svg") no-repeat 20px 12px;
  background-size: 18px;
  border-color: #fde2e2;
  color: #f56c6c;
  padding-left: 50px;
}

/*loading-box*/
.loading-box{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: rgba(0 0 0 / 60%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-box .text{
  color: #fff;
  font-size: 14px;
  line-height: 1.75;
}

/*fixed-box*/
.fixed-box{
  position: fixed;
  display: block;
  height: auto;
  right: 35px;
  bottom: 50px;
  z-index: 2;
}
.udesk-client-btn{
  z-index: 2 !important;
}
.fixed-box .list{
  display: flex;
  flex-flow: column;
}
.fixed-box .list li{
  display: block;
  list-style: none;
  position: relative;
}
.fixed-box .list li .link,
.fixed-box .list li .link:hover,
.fixed-box .list li .link:visited,
.fixed-box .list li .link:active{
  display: flex;
  width: 81px;
  height: 81px;
  background: #fff;
  box-shadow: 0px 4px 10px rgb(171 171 171 / 24%);
  border-radius: 0;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
  color: #727171;
  margin-left: 19px;
}
.fixed-box .list>li:first-child .link{
  border-radius: 8px 8px 0 0;
}
.fixed-box .list>li:last-child .link{
  border-radius: 0 0 8px 8px;
}
.fixed-box .list li .link img{
  display: block;
  width: 24px;
  height: 24px;
}
.fixed-box .list li .hover-text{
  display: none;
  position: absolute;
  right: 100px;
  top: 0;
  background: #fff;
  padding: 10px 28px 30px 24px;
  border: 1px solid #98b0d1;
  box-shadow: 0px 0px 10px rgba(41, 43, 64, 0.2);
  border-radius: 8px;
  white-space: nowrap;
}
.fixed-box .list li .hover-text:before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: " ";
  border-width: 7px;
  right: -7px;
  bottom: 34px;
  margin-left: -7px;
  border-right-width: 0;
  border-left-color: #fff;
  z-index: 9;
}
.fixed-box .list li .hover-text:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: " ";
  border-width: 7px;
  right: -8px;
  bottom: 34px;
  margin-left: -7px;
  border-right-width: 0;
  border-left-color: #86a4cd;
}
.fixed-box .list li:hover .hover-text{
  display: block;
}
.fixed-box .list li .hover-text .title{
  display: block;
  min-width: 195px;
  color: #727171;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.fixed-box .list li .hover-text .text{
  display: block;
  min-width: 195px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin: 2px 0 0 0;
}
.fixed-box .list li .hover-text img{
  width: 71px;
}
.fixed-box .list+.top-btn{
  margin-top: 20px;
}
.fixed-box .top-btn,
.fixed-box .top-btn:hover,
.fixed-box .top-btn:visited,
.fixed-box .top-btn:active{
  display: flex;
  width: 81px;
  height: 81px;
  background: #fff;
  box-shadow: 0px 4px 10px rgb(171 171 171 / 24%);
  border-radius: 8px;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
  color: #333333;
  margin-left: 19px;
}
.fixed-box .top-btn img{
  display: block;
  width: 24px;
  height: 24px;
}
.fixed-box .dbtn+.list{
  margin-top: 20px;
}
.fixed-box .dbtn,
.fixed-box .dbtn:hover,
.fixed-box .dbtn:visited,
.fixed-box .dbtn:active{
  display: flex;
  width: 81px;
  height: 81px;
  background: #004098;
  box-shadow: 0px 4px 10px rgb(171 171 171 / 24%);
  border-radius: 8px;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  margin-left: 19px;
}
.fixed-box .dbtn img{
  display: block;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1106px) {
  .fixed-box {
    height: 44px;
    right: 16px;
    bottom: 100px;
  }
  .fixed-box .list{
    display: none;
  }
  .fixed-box .top-btn,
  .fixed-box .top-btn:hover,
  .fixed-box .top-btn:visited,
  .fixed-box .top-btn:active{
    width: 44px;
    height: 44px;
    border: 1px solid #004098;
    box-shadow: none;
    background: #fff url("../images/phone-top.svg") no-repeat center;
    background-size: 24px;
  }
  .fixed-box .dbtn,
  .fixed-box .dbtn:hover,
  .fixed-box .dbtn:visited,
  .fixed-box .dbtn:active{
    width: 44px;
    height: 44px;
    border: 1px solid #004098;
    box-shadow: none;
    background: #004098 url("../images/icons-docu.svg") no-repeat center;
    background-size: 24px;
  }
  .fixed-box .top-btn img,
  .fixed-box .top-btn span,
  .fixed-box .top-btn *,
  .fixed-box .dbtn img,
  .fixed-box .dbtn span,
  .fixed-box .dbtn *{
    display: none;
  }
}

/*fixed-dbtn*/
.fixed-dbtn,
.fixed-dbtn:hover,
.fixed-dbtn:visited,
.fixed-dbtn:active{
	position: fixed;
	right: 35px;
	bottom: 333px;
	z-index: 2;
	display: flex;
	width: 81px;
	height: 81px;
	background: #004098;
	box-shadow: 0px 4px 10px rgb(171 171 171 / 24%);
	border-radius: 8px;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}
.fixed-dbtn img{
  display: block;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1106px) {
.fixed-dbtn,
.fixed-dbtn:hover,
.fixed-dbtn:visited,
.fixed-dbtn:active{
	width: 44px;
	height: 44px;
	border: 1px solid #004098;
	box-shadow: none;
	background: #004098 url("../images/icons-docu.svg") no-repeat center;
	background-size: 24px;
	right: 16px;
	bottom: 180px;
}
.fixed-dbtn img,
.fixed-dbtn span,
.fixed-dbtn *{
	display: none;
}
}

/*fixed-dbtn2*/
.fixed-dbtn2,
.fixed-dbtn2:hover,
.fixed-dbtn2:visited,
.fixed-dbtn2:active{
	position: fixed;
	right: 35px;
	bottom: 432px;
	z-index: 2;
	display: flex;
	width: 81px;
	height: 81px;
	background: #fff;
	box-shadow: 0px 4px 10px rgb(171 171 171 / 24%);
	border-radius: 8px;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
	text-decoration: none;
    color: #727171;
}
.fixed-dbtn2.pos2,
.fixed-dbtn2.pos2:hover,
.fixed-dbtn2.pos2:visited,
.fixed-dbtn2.pos2:active{
	bottom: 336px;
}
.fixed-dbtn2 img{
  display: block;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1106px) {
.fixed-dbtn2,
.fixed-dbtn2:hover,
.fixed-dbtn2:visited,
.fixed-dbtn2:active{
	width: 44px;
	height: 44px;
	border: 1px solid #004098;
	box-shadow: none;
	background: #fff;
	background-size: 24px;
	right: 16px;
	bottom: 235px;
}
.fixed-dbtn2.pos2,
.fixed-dbtn2.pos2:hover,
.fixed-dbtn2.pos2:visited,
.fixed-dbtn2.pos2:active{
	bottom: 180px;
}
.fixed-dbtn2 span{
	display: none;
}
}

/*xj-img*/
.xj-img{
  display: block;
  width: 120px;
  height: 120px;
  position: relative;
  cursor: no-drop !important;
}
.xj-img img{
  position: relative;
  z-index: 0;
  cursor: no-drop !important;
}
.xj-img:before{
  position: absolute;
  left: 0;
  top: 0;
  content:"";
  display:block;
  width: 100%;
  height: 100%;
  background: rgba(0 0 0 / 10%);
  z-index: 1;
}
.xj-img:after{
  content: "Product Discontinued";
  position: absolute;
  z-index: 2;
  top: calc(50% - 22px);
  left: 0;
  height: 44px;
  font-size: 12px;
  background: rgba(114 113 113 / 70%);
  color: #fff;
  line-height: 1.3;
  width: 100%;
  text-align: center;
  border-radius: 0;
  border: 0;
  word-wrap: break-word;
  word-break: break-word;
  padding: 6px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1106px) {
  .xj-img{
    width: 80px;
    height: auto;
  }
}

/*free-sample*/
.detail-box .left-img .tb-booth.free-sample{
  padding: 0;
}
.free-sample{
  position: relative;
  padding: 4px 0 0 4px;
}
.free-sample img{
  position: relative;
  z-index: 0;
}
.free-sample::before{
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 52px;
  height: 52px;
  background: url("../images/free.png") no-repeat center;
  background-size: 52px;
}
.detail-box .left-img .tb-booth.free-sample::before{
  width: 124px;
  height: 125px;
  background: url("../images/free-big.png") no-repeat -8px -8px;
  background-size: 124px;
}
.tb-pic.tb-s40.free-sample::before{
  background-position: -4px -4px;
}
@media screen and (max-width: 1106px) {
  .free-sample::before{
    background: url("../images/free-phone.png") no-repeat center;
    background-size: 52px;
  }
  .detail-box .left-img .tb-booth.free-sample::before{
    background: url("../images/free-phone.png") no-repeat -8px -8px;
    background-size: 124px;
  }
}

/* 产品计数器*/
.input-number-prod .el-input-number__decrease{
  background: white;
  border-right: 0;
}
.input-number-prod .el-input-number__increase{
  background: white;
  border-left: 0;
}
.input-number-prod.el-input-number--small .el-input-number__decrease,
.input-number-prod.el-input-number--small .el-input-number__increase{
  height: 30px;
}
.input-number-prod.el-input-number--small .el-input-number__decrease i,
.input-number-prod.el-input-number--small .el-input-number__increase i{
  line-height: 30px;
}

/*pull-text*/
.pull-text,
.pull-text *{
  color: #aaa !important;
}

/*zptj-text*/
.zptj-text{
  color: #727171 !important;
  font-size: 14px;
  line-height: 20px;
}

/*top-leader*/
.top-leader{
  display: flex;
}
.top-leader .leader-left{
  display: block;
  width: 576px;
  overflow: hidden;
  position: relative;
}
.top-leader .leader-left .text{
  display: none;
  position: absolute;
  bottom: -176px;
  right: 0;
  padding: 32px;
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  backdrop-filter: blur(5px);
  transition: bottom .3s;
}
.top-leader .leader-left:hover .text{
  bottom: 0;
}
.top-leader .leader-left img{
  display: block;
  width: 100%;
}
.top-leader .leader-right{
  display: block;
  flex: 1;
  padding: 60px;
  background: #F9FAFC;
}
.top-leader .leader-right .top-title{
  border-bottom: 1px solid  #D9D9D9;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.top-leader .leader-right .top-title .name{
  display: block;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
}
.top-leader .leader-right .top-title .text{
  display: block;
  margin-top: 20px;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
}
.top-leader .leader-right .le-text{
  display: block;
}
.top-leader .leader-right .le-text .text1{
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
.top-leader .leader-right .le-text .text1 p{
  background: url("../images/li-icon1.svg") no-repeat 0px 12px;
  background-size: 20px;
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.top-leader .leader-right .le-text .text2{
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
}
.top-leader .leader-right .le-text .text3{
  display: block;
  font-size: 20px;
  font-style: italic;
  line-height: 36px;
  position: relative;
  padding: 0 70px;
  margin: 20px 0 0 0;
}
.top-leader .leader-right .le-text .text3::before{
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  left:0px;
  top: 0;
  background: url("../images/icon-yhz.png") no-repeat center;
  background-size: 50px;
}
.top-leader .leader-right .le-text .text3::after{
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  right:0px;
  bottom: 0;
  background: url("../images/icon-yhy.png") no-repeat center;
  background-size: 50px;
}
@media screen and (max-width: 1676px) {
  .top-leader .leader-right{
    padding: 40px;
  }
}
@media screen and (max-width: 1592px) {
  .top-leader .leader-right .le-text .text3{
    font-size: 18px;
    line-height: 32px;
  }
}
@media screen and (max-width: 1472px) {
  .top-leader .leader-right .le-text .text3{
    font-size: 16px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1424px) {
  .top-leader .leader-right .le-text .text3{
    margin-top: 10px;
    padding: 0 55px;
    line-height: 26px;
  }
  .top-leader .leader-right .le-text .text3::before{
    width: 40px;
    height: 40px;
    background-size: 40px;
  }
  .top-leader .leader-right .le-text .text3::after{
    width: 40px;
    height: 40px;
    background-size: 40px;
  }
}
@media screen and (max-width: 1319px){
  .top-leader .leader-right .le-text .text3{
    margin-top: 10px;
    padding: 0 40px;
    font-size: 14px;
    line-height: 28px;
  }
  .top-leader .leader-right .le-text .text3::before{
    width: 30px;
    height: 30px;
    background-size: 30px;
  }
  .top-leader .leader-right .le-text .text3::after{
    width: 30px;
    height: 30px;
    background-size: 30px;
  }
}
@media screen and (max-width: 1299px){
  .top-leader .leader-right .le-text .text3{
    margin-top: 0;
    padding: 0 35px;
    font-size: 14px;
    line-height: 24px;
  }
  .top-leader .leader-right .le-text .text3::before{
    width: 25px;
    height: 25px;
    background-size: 25px;
  }
  .top-leader .leader-right .le-text .text3::after{
    width: 25px;
    height: 25px;
    background-size: 25px;
  }
}
@media screen and (max-width: 1360px) {
  .top-leader .leader-right .top-title {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .top-leader .leader-right .top-title .text {
    margin-top: 15px;
  }
  .top-leader .leader-right .le-text .text1{
    font-size: 14px;
    line-height: 20px;
  }
  .top-leader .leader-right .le-text .text1 p{
    background: url("../images/li-icon1.svg") no-repeat 0px 12px;
    background-size: 18px;
    padding-left: 28px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .top-leader .leader-right .le-text .text2 {
    font-size: 18px;
    line-height: 1.75;
  }
}
@media screen and (max-width: 1216px) {
  .top-leader {
    flex-direction: column;
  }
  .top-leader .leader-left{
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {

  .top-leader .leader-left .text{
    bottom: 0;
    padding: 15px;
    font-size: 14px;
    line-height: 1.75;
  }
  .top-leader .leader-right{
    padding: 16px;
  }
  .top-leader .leader-right .top-title {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .top-leader .leader-right .top-title .name {
    font-size: 16px;
    line-height:24px;
  }
  .top-leader .leader-right .top-title .text {
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px;
  }
  .top-leader .leader-right .le-text .text1{
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 12px;
  }
  .top-leader .leader-right .le-text .text1 p{
    background: url("../images/li-icon1.svg") no-repeat 0 4px;
    background-size: 18px;
    padding-left: 26px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .top-leader .leader-right .le-text .text1 p+p{
    margin-top: 4px;
  }
  .top-leader .leader-right .le-text .text2{
    font-size: 16px;
    line-height: 1.5;
  }
  .top-leader .leader-right .le-text .text3 {
    padding: 0 20px;
    font-size: 12px;
    line-height: 20px;
  }
  .top-leader .leader-right .le-text .text3::before{
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
  .top-leader .leader-right .le-text .text3::after{
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
}

/*leader-list*/
.leader-list{
  display: flex;
  flex-wrap: wrap;
}
.leader-list .list{
  display: block;
  position: relative;
  overflow: hidden;
  width: calc((100% - 90px) / 4);
  margin: 40px 15px 0 15px;
}
.leader-list .list:nth-child(4n+1){
  margin-left: 0;
}
.leader-list .list:nth-child(4n){
  margin-right: 0;
}
.leader-list .list img{
  width: 100%;
  transition: transform .55s;
}
.leader-list .list:hover img{
  transform: scale(1.1);
}
.leader-list .list .list-text{
  display: block;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  backdrop-filter: blur(5px);
  padding: 20px;
}
.leader-list .list .list-text .top-title{
  display: block;
}
.leader-list .list .list-text .top-title .name{
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.leader-list .list .list-text .top-title .text{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.leader-list .list .list-text .le-text{
  display: none;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #D9D9D9;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.leader-list .list:hover .list-text .le-text{
  display: block;
}
.leader-list .list .list-text .le-text p{
  position: relative;
  padding-left: 15px;
}
.leader-list .list .list-text .le-text p::before{
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 10px;
}
@media screen and (max-width: 1200px) {
  .leader-list .list{
    display: block;
    position: relative;
    width: calc(50% - 15px);
    margin: 40px 15px 0 15px;
  }
  .leader-list .list:nth-child(4n+1){
    margin-left: 15px;
  }
  .leader-list .list:nth-child(4n){
    margin-right: 15px;
  }
  .leader-list .list:nth-child(2n+1){
    margin-left: 0;
  }
  .leader-list .list:nth-child(2n){
    margin-right: 0;
  }
}
@media screen and (max-width: 1106px) {
  .leader-list .list{
    display: block;
    position: relative;
    width: 100%;
    margin: 20px 0 0 0;
  }
  .leader-list .list:nth-child(3n+1){
    margin-left: 0px;
  }
  .leader-list .list:nth-child(3n){
    margin-right: 0px;
  }
  .leader-list .list:nth-child(2n+1){
    margin-left: 0;
  }
  .leader-list .list:nth-child(2n){
    margin-right: 0;
  }
  .leader-list .list .list-text{
    position: relative;
    background: #F9FAFC;
    color: #333;
    padding: 16px;
  }
  .leader-list .list .list-text .top-title .name+.text{
    margin-top: 4px;
  }
  .leader-list .list .list-text .top-title .text {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
  }
  .leader-list .list .list-text .le-text{
    display: block;
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #D9D9D9;
    font-size: 12px;
    line-height: 20px;
  }
  .leader-list .list .list-text .le-text p {
    padding-left: 10px;
  }
  .leader-list .list .list-text .le-text p::before {
    background: #333;
    top: 8px;
  }
  .leader-list .list:hover img{
    transform: scale(1);
  }
}

/*order-pay*/
.order-pay{
  display: flex;
  background: #fff;
  padding: 32px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 656px;
}
.order-pay .order-text{
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-pay .order-text img{
  display: block;
  width: 106px;
  height: auto;
  margin: 0 20px 0 0;
}
.order-pay .order-text .txt{
  display: block;
}
.order-pay .order-text .txt .tit-1{
  display: block;
  color: #004098;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}
.order-pay .order-text .txt .tit-2{
  display: block;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 10px;
}
.order-pay .order-text .txt .tit-3{
  display: flex;
  align-items: center;
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  justify-content: center;
}
.order-pay .order-text .txt .tit-3 img{
  display: block;
  width: 28px;
  margin: 0 10px 0 0;
}
.order-pay .order-text .txt .tit-4{
  display: block;
  color: #727171;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 18px;
  text-align: center;
}
.order-pay .order-button{
  display: flex;
  flex-direction: column;
  width: 424px;
  margin-top: 40px;
}
.order-pay .order-button.button-new{
  flex-direction:row;
  width: auto;
  justify-content: center;
}
.order-pay .order-button .el-button{
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.order-pay .order-button.button-new .el-button{
  min-width: 184px;
}
.order-pay .order-button .el-button+.el-button{
  margin-top: 14px;
  margin-left: 0;
}
.order-pay .order-button.button-new .el-button+.el-button{
  margin-top: 0;
  margin-left: 12px;
}
@media screen and (max-width: 1106px) {
  .order-pay{
    padding:32px 16px;
    min-height: 400px;
  }
  .order-pay .order-text{
    flex-direction: column;
  }
  .order-pay .order-text img {
    width: 60px;
    margin: 0 0 20px 0;
  }
  .order-pay .order-text .txt .tit-1{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  .order-pay .order-text .txt .tit-2{
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
    text-align: center;
  }
  .order-pay .order-button{
    width: 100%;
  }
  .order-pay .order-button.button-new{
    flex-direction: column;
    width: 100%;
  }
  .order-pay .order-button .el-button{
    display: block;
    text-align: center;
    font-size: 12px;
    word-break: break-word;
    white-space: break-spaces;
    line-height: 1.5;
    font-weight: normal;
    padding: 10px 10px;
  }
  .order-pay .order-button.button-new .el-button {
    width: 100%;
  }
  .order-pay .order-button .el-button+.el-button{
    margin-top: 16px;
  }
  .order-pay .order-button.button-new .el-button+.el-button{
    margin-top: 16px;
    margin-left: 0;
  }
  .order-pay .order-text .txt .tit-3{
    font-size: 16px;
    line-height: 24px;
    justify-content: center;
  }
  .order-pay .order-text .txt .tit-3 img{
    display: block;
    width: 20px;
    margin: 0 10px 0 0;
  }
  .order-pay .order-text .txt .tit-4{
    font-size: 12px;
    line-height: 20px;
  }
}


/*page-404*/
.page-404{
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.page-404 img{
  display: block;
  width: 311px;
  margin: 0 auto;
}
.page-404 .text{
  display: block;
  margin: 20px 0 60px 0;
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-align: center;
}
.page-404 .btn,.page-404 .btn:hover,.page-404 .btn:visited,.page-404 .btn:active,.page-404 .btn:focus{
  display: flex;
  min-width: 194px;
  align-items: center;
  justify-content: center;
  padding: 9px 20px;
  background: #004098;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  border-radius: 8px;
  border: 0;
  cursor: pointer;
}
.page-404 .btn img{
  display: block;
  width: 20px;
  margin: 0 4px 0 0;
}
.page-404 .btn:hover{
  background: #024fb9;
  box-shadow: 2px 2px 10px 0 rgb(0 64 152 / 15%);
}
@media screen and (max-width: 1000px) {
  .page-404 img{
    display: block;
    width: 200px;
    margin: 0 auto;
  }
  .page-404 .text{
    margin: 16px 0 30px 0;
    font-size: 20px;
    line-height: 32px;
  }
}


/*pc-cart-card*/
.pc-cart-card{
  display: block;
  background: #fff;
  padding: 32px;
}
.pc-cart-card .card-title{
  display: block;
  margin: 0 0 40px 0;
  color: #333;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
.pc-cart-card .table-head{
  display: block;
  margin: 0 0 24px 0;
}
.pc-cart-card .table-body{
  display: block;
  border: 1px solid #94A3B8;
  padding: 20px;
}
.pc-cart-card .table-body+.table-body{
  margin-top: 24px;
}
.pc-cart-card .cart-table{
  width: 100%;
}
.pc-cart-card .cart-table tr th{
  border-top: 1px solid rgba(0, 64, 152, 0.20);
  background: rgba(44, 118, 185, 0.05);
  padding: 12px;
  color: #727171;
  font-size: 16px 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
}
.pc-cart-card .cart-table tr td{
  border-top: 1px solid #94A3B8;
  background: #fff;
  padding: 12px 20px;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.pc-cart-card .cart-table .coupon-tr td{
  padding: 0 12px 20px 12px;
  line-height: 20px;
}
.pc-cart-card .cart-table .coupon-tr td:first-child{
  padding-left: 0;
}
.pc-cart-card .cart-table .coupon-tr td .el-tag{
  height: 24px;
  line-height: 22px;
  padding: 0 10px;
}
.pc-cart-card .cart-table .coupon-total td{
  background: rgba(44, 118, 185, 0.05);
  text-align: right;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.pc-cart-card .cart-table .coupon-total td .tolist+.tolist{
  margin-left: 20px;
}
.pc-cart-card .cart-table tbody>tr:first-child td{
  border-top: 0;
}
.pc-cart-card .cart-table .gift-tr td{
  border-top: 0;
}
.gift-img{
  display: flex;
  align-items: center;
}
.gift-img .product-img{
  width: 60px;
  height: 60px;
  margin: 0;
}
.gift-img .el-tag{
  height: 20px;
  padding: 0 5px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 0 10px;
}
body .orange,
body .orders-table-pc .table-foot .text .figure.orange{
  color: #ED6D00;
}
body .blue,
body .orders-table-pc .table-foot .text .figure.blue{
  color: #004098;
}

/*coupon-drop*/
.coupon-drop .el-button.el-button--primary.is-plain,
.coupon-drop .el-button.el-button--primary.is-plain:hover,
.coupon-drop .el-button.el-button--primary.is-plain:active,
.coupon-drop .el-button.el-button--primary.is-plain:focus{
  border: 1px solid rgba(114, 113, 113, 0.20);
  background: #fff;
  font-size: 16px;
  line-height: 24px;
  padding: 6px 12px;
  color: #333;
  letter-spacing: 0.1px;
  font-weight: 400;
  box-shadow: none;
}
.el-dropdown-menu.coupon-droudown{
  padding: 40px;
}
.el-dropdown-menu.coupon-droudown .drop-list{
  display: flex;
  align-items: center;
}
.el-dropdown-menu.coupon-droudown .drop-list+.drop-list{
  margin-top: 24px;
}
.el-dropdown-menu.coupon-droudown .drop-list .list-zk{
  border-radius: 8px;
  border: 1px solid #004098;
  margin-left: 16px;
  padding: 8px 16px;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.1px;
}
.el-dropdown-menu.coupon-droudown .drop-list .list-sm{
  display: block;
  margin-left: 16px;
}
.el-dropdown-menu.coupon-droudown .drop-list .list-sm .sm{
  display: flex;
  align-items: center;
  color: #333;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.1px;
}
.el-dropdown-menu.coupon-droudown .drop-list .list-sm .sm+.sm{
  margin-top: 4px;
}
.el-dropdown-menu.coupon-droudown .drop-list .list-sm .sm .el-tag{
  padding: 0 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.1px;
  border-radius: 2px;
  margin-right: 8px;
  height: 20px;
}
.el-dropdown-menu.coupon-droudown .drop-list .list-sm .sm .gray{
  color: #727171;
}

/*event-drop*/
.event-drop {
  margin-top: 4px;
}
.event-drop .el-button.el-button--primary.is-plain,
.event-drop .el-button.el-button--primary.is-plain:hover,
.event-drop .el-button.el-button--primary.is-plain:active,
.event-drop .el-button.el-button--primary.is-plain:focus{
  border: 1px solid rgba(114, 113, 113, 0.20);
  background: #fff;
  font-size: 12px;
  line-height: 22px;
  padding: 0px 12px;
  color: #333;
  letter-spacing: 0.1px;
  font-weight: 400;
  box-shadow: none;
  border-radius: 2px;
}
.event-drop .el-button.el-button--primary.is-plain>span{
  display: flex;
  align-items: center;
}
.event-drop .el-button.el-button--primary.is-plain>span>.bu-tit{
  display: block;
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.event-drop .el-button.el-button--primary.is-plain>span>.bu-tit-2{
  display: block;
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.el-dropdown-menu.event-droudown{
  padding: 16px 20px;
  min-width: 260px;
  border: 1px solid rgba(114 113 113 / 20%);
  box-shadow: none;
}
.el-dropdown-menu.event-droudown.el-popper[x-placement^=top] .popper__arrow {
  border-top-color: rgba(114 113 113 / 20%);
}
.el-dropdown-menu.event-droudown.el-popper[x-placement^=bottom] .popper__arrow {
  border-bottom-color: rgba(114 113 113 / 20%);
}
.el-dropdown-menu.event-droudown .el-radio{
  display: flex;
  align-items: center;
  white-space: break-spaces;
  color: #333;
}
.el-dropdown-menu.event-droudown .el-radio+.el-radio{
  margin-top: 12px;
}
.el-dropdown-menu.event-droudown .el-radio .el-radio__label{
  display: flex;
  align-items: center;
  padding-left: 16px;
}
.el-dropdown-menu.event-droudown .el-radio .el-radio__label .el-tag{
  height: 20px;
  min-width: 72px;
  line-height: 18px;
  font-size: 12px;
  border-radius: 2px;
  font-weight: bold;
  padding: 0 4px;
  text-align: center;
}
.el-dropdown-menu.event-droudown .el-radio .el-radio__input.is-disabled+span.el-radio__label .el-tag{
  color: #ccc;
  border-color: #ccc;
}
.el-dropdown-menu.event-droudown .el-radio .el-radio__label .el-tag+.tit{
  padding-left: 12px;
}
.el-dropdown-menu.event-droudown .el-radio .el-radio__label .tit{
  display: flex;
  width: 272px;
  word-break: break-word;
  font-size: 12px;
  line-height: 18px;
  flex-direction: column;
}
.el-dropdown-menu.event-droudown .el-radio .el-radio__label .tit .name{
  font-weight: bold;
}
.el-dropdown-menu.event-droudown .el-radio .el-radio__input.is-disabled+span.el-radio__label {
  color: #999;
}

/*flex-be*/
.flex-be{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*el-tag*/
body .el-tag--mini {
  padding: 0 6px;
  border-radius: 2px;
}
body .el-tag.el-tag--dark.el-tag--warning {
  background-color: #ED6D00;
  border-color: #ED6D00;
  color: #fff;
}
body .el-tag.el-tag--dark.el-tag--warning {
  background-color: #ED6D00;
  border-color: #ED6D00;
  color: #fff;
}
body .el-tag.el-tag--dark.el-tag--success {
  background-color: #139995;
  border-color: #139995;
  color: #fff;
}
body .el-tag.el-tag--dark{
  background-color: #004098;
  border-color: #004098;
  color: #fff;
}
body .black.el-tag.el-tag--plain{
  background-color: #fff;
  border-color: #000;
  color: #333;
}
body .el-tag--plain {
  background-color: #fff;
  border-color: #004098;
  color: #004098;
}
body .el-tag--plain.el-tag--warning {
  background-color: #fff;
  border-color: #FF7D00;
  color: #FF7D00;
}
@media screen and (max-width: 1000px) {
  body .el-tag--mini {
    padding: 0 6px;
    border-radius: 2px;
    font-size: 10px;
    height: 18px;
    line-height: 16px;
  }
}

/*el-radio*/
body .el-radio__input.is-checked .el-radio__inner {
  border-color: #004098;
  background: #004098;
}
body .el-radio__input.is-checked+.el-radio__label {
  color: #004098;
}
body .el-radio__input:hover .el-radio__inner{
  border-color: #004098;
}


/*el-input-number*/
body .el-input-number__decrease, body .el-input-number__increase{
  background: transparent;
  border:  none !important;
}

/*cancel-order*/
.cancel-order .el-dialog{
  width: 670px;
}
.cancel-order .el-dialog .el-dialog__header{
  display: none;
}
.cancel-order .el-dialog .el-dialog__body{
  padding: 32px;
  padding-top: 32px !important;
}
.cancel-order .el-dialog .el-dialog__body .cont-box{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 200px;
}
.cancel-order .el-dialog .el-dialog__body .cont-box .text{
  display: flex;
  align-items: center;
  color: #333;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.cancel-order .el-dialog .el-dialog__body .cont-box .text+.text{
  margin-top: 30px;
}
.cancel-order .el-dialog .el-dialog__body .cont-box .text .el-icon-warning{
  font-size: 28px;
  padding: 0 10px 0 0;
  color: #ed6d00;
}
.cancel-order .el-dialog .el-dialog__body .cont-box .text .clum{
  display: block;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding: 0 12px 0 0;
}
.cancel-order .el-dialog .el-dialog__body .cont-box .text .el-select{
  width: 380px;
}
.cancel-order .el-dialog .el-dialog__body .cont-box .button-box{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0 0 0;
}
.cancel-order .el-dialog .el-dialog__body .cont-box .button-box .el-button{
  min-width: 88px;
}
.cancel-order .el-dialog .el-dialog__body .cont-box .button-box .el-button+.el-button{
  margin-left: 20px;
}
@media screen and (max-width: 1000px) {
  .cancel-order .el-dialog{
    width: calc(100% - 32px);
  }
  .cancel-order .el-dialog .el-dialog__body {
    padding: 20px;
    padding-top: 20px !important;
  }
  .cancel-order .el-dialog .el-dialog__body .cont-box .text {
    align-items: flex-start;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    flex-direction: column;
    width: 100%;
  }
  .cancel-order .el-dialog .el-dialog__body .cont-box .text:first-child{
    flex-direction: row;
  }
  .cancel-order .el-dialog .el-dialog__body .cont-box .text .el-icon-warning {
    font-size: 16px;
    line-height: 24px;
    padding: 0 6px 0 0;
  }
  .cancel-order .el-dialog .el-dialog__body .cont-box .text .clum{
    font-size: 12px;
    line-height: 20px;
    padding: 0 ;
    width: 100%;
  }
  .cancel-order .el-dialog .el-dialog__body .cont-box .text .el-select {
    width: 100%;
  }
  .cancel-order .el-dialog .el-dialog__body .cont-box .text+.text {
    margin-top: 16px;
  }
}

/*coupon-dialog*/
.coupon-dialog{

}
.coupon-dialog .el-dialog{
  width: 750px;
}
.coupon-dialog .el-dialog .el-dialog__header{
  border-bottom: 1px solid #f0f0f0;
  padding: 16px 24px !important;
}
.coupon-dialog .el-dialog .el-dialog__body{
  padding:24px !important;
}
.coupon-dialog .el-dialog .el-dialog__body .el-table .el-table__header-wrapper{
  display: none;
}
body .coupon-dialog .el-dialog .el-dialog__body .el-table td.el-table__cell,
body .coupon-dialog .el-dialog .el-dialog__body .el-table th.el-table__cell.is-leaf {
  border-color:#f0f0f0;
}
.coupon-dialog .el-dialog .el-dialog__footer{
  border-top: 1px solid #f0f0f0;
  padding: 10px 24px !important;
}
body .coupon-dialog .el-dialog .el-dialog__body .check-group{
  display: none;
}
.coupon-dialog .el-dialog .el-dialog__body .check-group .el-checkbox+.el-checkbox{
  margin-top: 16px;
}
.coupon-dialog .el-dialog .el-dialog__body .check-group .el-checkbox .el-checkbox__inner{
  margin-top: 3px;
}
.coupon-dialog .el-dialog .el-dialog__body .check-group .el-checkbox .el-checkbox__label{
  white-space: normal;
  display: block;
  flex: 1;
}
.coupon-dialog .el-dialog .el-dialog__body .check-group .el-checkbox .el-checkbox__label .cu-price{
  font-size: 12px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coupon-dialog .el-dialog .el-dialog__body .check-group .el-checkbox .el-checkbox__label .cu-price .cu-tit{
  display: flex;
  align-items: center;
}
.coupon-dialog .el-dialog .el-dialog__body .check-group .el-checkbox .el-checkbox__label .cu-price .cu-tit .el-tag{
  height: 20px;
  padding: 0 5px;
  line-height: 18px;
  margin: 0 5px 0 0;
  font-size: 10px;
  text-align: center;
}
.coupon-dialog .el-dialog .el-dialog__body .check-group .el-checkbox .el-checkbox__label .cu-price .cu-tit .title{
  font-weight: bold;
  color: #333;
}
.coupon-dialog .el-dialog .el-dialog__body .check-group .el-checkbox .el-checkbox__label .text{
  font-size: 12px;
  line-height: 20px;
  display: block;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 1000px) {
  .coupon-dialog .el-dialog{
    width: 100%;
    height: 50vh;
    margin-top: 50vh !important;
    margin: 0;
    border-radius: 0;
  }
  .coupon-dialog .el-dialog .el-dialog__body .el-table{
    display: none;
  }
  .coupon-dialog .el-dialog .el-dialog__header{
    padding: 16px !important;
  }
  .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__title{
    font-size: 14px;
    color: #333;
    line-height: 20px;
  }
  .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn i {
    color: #333;
    font-size: 20px;
  }
  body .coupon-dialog .el-dialog .el-dialog__body .check-group{
    display: block;
  }
  .coupon-dialog .el-dialog .el-dialog__body {
    padding: 16px !important;
    overflow: auto;
    height: calc(100% - 108px);
  }
}

/*atooltip*/
.el-tooltip__popper.is-light.atooltip{
  width: 267px;
  padding: 16px;
  border: 0;
  box-shadow: 1px 1px 12px 0 rgba(0,0,0,0.3);
}
.el-tooltip__popper.is-light.atooltip[x-placement^=left] .popper__arrow{
  border-left-color: #fff;
}
.fig-tooltip .tip-list{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.1px;
  border-bottom: 1px solid #F0F0F0;
}
.fig-tooltip>.tip-list:first-child{
  padding-top: 0;
}
.fig-tooltip>.tip-list:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}

/*zp-table*/
.zp-table{
  border: 0 !important;
}
.zp-table::after{
  width: 0 !important;
}
.zp-table th.el-table__cell{
  border-bottom: 0 !important;
}
.zp-table td.el-table__cell{
  border-bottom: 0 !important;
}
.zp-table .el-table__cell{
  border-right: 0 !important;
}
body .zp-table th.el-table__cell>.cell{
  display: flex;
  align-items: center;
}
body .zp-table th.el-table__cell>.cell .el-tag{
  margin: 0 8px 0 0;
  font-weight: normal;
}
body .zp-table th.el-table__cell>.cell .zptj-text{
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 1000px) {
  body .zp-table th.el-table__cell>.cell .zptj-text{
    font-size: 12px;
    line-height: 22px;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}

/*zp-table-header*/
.zp-table-header{
  display: flex;
  padding: 12px 10px;
  align-items: center;
  background: #F5F7FA;
  border-top: 1px solid rgba(0, 64, 152, 0.2);
}
.zp-table-header+.el-table.zp-table .el-table__header-wrapper{
  display: none;
}
.zp-table-header .el-tag {
  margin: 0 8px 0 0;
  font-weight: normal;
}
.zp-table-header .zptj-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .zp-table-header{
    padding: 10px 10px;
  }
  .zp-table-header .zptj-text {
    font-size: 12px;
    line-height: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}

/*el-dropdown-menu*/
body .el-dropdown-menu__item:focus,
body .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #F9FAFC;
  color: #004098;
}

/*registerSelect*/
body .el-select-dropdown__item.registerSelect{
  white-space: normal;
  max-width: 308px;
  height: auto;
  word-wrap: break-word;
  line-height: 18px;
  padding: 7px 12px;
}
body .registerSelect .el-scrollbar .el-scrollbar__wrap .el-scrollbar__view>li{
  white-space: normal;
  height: auto;
  word-wrap: break-word;
  line-height: 18px;
  padding: 7px 12px;
}

/*integrity-list*/
.integrity-list{
  display: flex;
  flex-wrap: wrap;
}
.integrity-list .list{
  display: flex;
  align-items: flex-start;
  width: 100%;
  background: #fff;
  padding: 40px;
  margin: 0 0 30px 0;
}
.integrity-list .list:last-child{
  margin-bottom: 0;
}
.integrity-list .list.list-left{
  margin-right: 20px;
  width: calc(50% - 20px);
}
.integrity-list .list.list-right{
  margin-left: 20px;
  width: calc(50% - 20px);
}
.integrity-list .list .icon{
  display: block;
  width: 24px;
  margin: 12px 16px 0 0;
}
.integrity-list .list .list-text{
  display: block;
}
.integrity-list .list .list-text p{
  display: block;
  color: #333;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
}
.integrity-list .list .list-text p .tit{
  font-weight: 700;
}
.integrity-list .list .list-text .title,
.integrity-list .list .list-text .title p{
  display: block;
  color: #333;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}
.integrity-list .list .list-text .text,
.integrity-list .list .list-text .text p{
  display: block;
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  margin: 16px 0 0 0;
}
.integrity-list .list .list-text .text .line{
  text-decoration: underline;
}
@media screen and (max-width: 1000px) {
  .integrity-list .list{
    display: flex;
    align-items: flex-start;
    width: 100%;
    background: #fff;
    padding: 16px;
    margin: 0 0 12px 0;
  }
  .integrity-list .list.list-left{
    margin-right: 0;
    width: 100%;
  }
  .integrity-list .list.list-right{
    margin-left:  0;
    width: 100%;
  }
  .integrity-list .list .icon{
    display: block;
    width: 14px;
    margin: 7px 5px 0 0;
  }
  .integrity-list .list .list-text p{
    display: block;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
  .integrity-list .list .list-text .title,
  .integrity-list .list .list-text .title p{
    display: block;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
  }
  .integrity-list .list .list-text .text{
    display: block;
    color: #333;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 12px 0 0 0;
  }
  .integrity-list .list .list-text .text p{
    display: block;
    color: #333;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 4px 0 0 0;
  }
}

/*phone-check-fixed*/
.phone-check-fixed{
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background: rgba(0, 0, 0, 0.60);
  z-index: 1;
  flex-direction: column;
  justify-content: flex-end;
}
.phone-check-fixed.new-fixed{
  height: auto;
}
.phone-check-fixed.open{
  height: 100%;
  z-index: 4;
}
.phone-check-fixed .cart-list{
  display: none;
  background: #fff;
}
.phone-check-fixed.open .cart-list{
  display: block;
}
.phone-check-fixed .cart-list .list-head{
  display: flex;
  justify-content: space-between;
  padding: 16px;
  align-items: center;
}
.phone-check-fixed .cart-list .list-head .el-button{
  border: 0;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
}
.phone-check-fixed .cart-list .list-head .el-button+.el-button{
  margin-left: 0;
}
.phone-check-fixed .cart-list .list-head .el-button.close{
  color: #333;
}
.phone-check-fixed .cart-list .list-head .el-button.close i{
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  font-weight: bold;
}
.phone-check-fixed .cart-list .list-cont{
  display: block;
  padding: 0 16px;
  height: 230px;
  overflow: auto;
}
.phone-check-fixed .cart-list .list-cont .list-txt{
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
  font-size: 12px;
  line-height: 20px;
}
.phone-check-fixed .cart-list .list-cont .list-txt+.list-txt{
  margin-top: 16px;
}
.phone-check-fixed .cart-list .list-sm{
  display: block;
  font-size: 12px;
  line-height: 20px;
  padding: 16px;
  color: #727171;
}
.phone-check-fixed .cart-text{
  display: flex;
  align-items: center;
  background: #fff;
  border-top: 1px solid #C9D1DB;
  height: 56px;
}
.phone-check-fixed.new-fixed .cart-text{
  height: auto;
}
.phone-check-fixed .cart-text .f-left{
  display: flex;
  flex: 1;
  padding:0 16px;
  align-items: center;
}
.phone-check-fixed.new-fixed .cart-text .f-left{
  padding:0;
}
.phone-check-fixed .cart-text .f-left .text-txt{
  display: block;
  flex: 1;
  padding: 0 10px 0 16px;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}
.phone-check-fixed.new-fixed .cart-text .f-left .text-txt{
  padding: 10px  16px;
}
.phone-check-fixed .cart-text .f-left .text-txt::after{
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
  display: block;
  width: 10px;
  height: 10px;
  background: url("../images/icon-triangle.svg") no-repeat center;
  background-size: 6px;
  transform: rotate(90deg);
}
.phone-check-fixed.open .cart-text .f-left .text-txt::after{
  transform: rotate(-90deg);
}
.phone-check-fixed.new-fixed .cart-text .f-left .text-txt::after{
  content: none;
}
.phone-check-fixed .cart-text .f-left .text-txt .txt{
  display: flex;
  align-items: center;
}
.phone-check-fixed .cart-text .f-left .text-txt .topr{
  color: #004098;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  padding: 0 0 0 8px;
}
.phone-check-fixed .cart-text .f-left .text-txt .el-icon-warning{
  color: #ED6D00;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  padding: 0 0 0 4px;
}
.phone-check-fixed .cart-text .f-left .text-txt .diam{
  color: #ED6D00;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  padding: 0 0 0 4px;
}
.phone-check-fixed .cart-text .el-button{
  display: block;
  border-radius: 0;
  height: 55px;
  padding: 0 12px;
  line-height: 55px;
  border: 0;
  font-size: 14px;
}
.phone-check-fixed .cart-text .el-button+.el-button{
  margin-left: 0;
}
.phone-check-fixed.new-fixed .cart-text .el-button{
  height: 80px;
  line-height: 80px;
  min-width: 80px;
}
@media screen and (max-width: 1000px) {
  .phone-check-fixed{
    display: flex;
  }
}

/*radio-group-1*/
@media screen and (max-width: 1000px) {
  .radio-group-1,.el-radio-group.radio-group-1{
    display: block;
    font-size: 12px;
    line-height: 20px;
  }
  .radio-group-1 .el-radio{
    display: flex;
    margin: 0 0 0 0;
  }
  .radio-group-1 .el-radio+.el-radio{
    margin-top: 16px;
  }
  .radio-group-1 .el-radio .el-radio__label{
    white-space: normal;
    font-size: 12px;
    line-height: 20px;
  }
  .radio-group-1 .el-radio .el-radio__inner{
    margin-top: 3px;
  }
}

/*radio-group-2*/
@media screen and (max-width: 1000px) {
  .radio-group-2,.el-radio-group.radio-group-2{
    display: block;
    font-size: 12px;
    line-height: 20px;
  }
  .radio-group-2 .el-radio{
    display: flex;
    margin: 0 0 0 0;
  }
  .radio-group-2 .el-radio+.el-radio{
    margin-top: 16px;
  }
  .radio-group-2 .el-radio .el-radio__label{
    flex: 1;
    white-space: normal;
    font-size: 12px;
    line-height: 20px;
    color: #333;
  }
  .radio-group-2 .el-radio.is-disabled .el-radio__label{
    color: #C0C4CC;
  }
  .radio-group-2 .el-radio .el-radio__label .flex-title{
    display: flex;
    align-items: center;
  }
  .radio-group-2 .el-radio .el-radio__label .flex-title .el-tag{
    height: 20px;
    padding: 0 5px;
    line-height: 18px;
    margin: 0 5px 0 0;
    font-size: 10px;
    text-align: center;
  }
  .radio-group-2 .el-radio.is-disabled .el-radio__label .flex-title .el-tag{
    border-color: #C0C4CC;
    color: #C0C4CC;
  }
  .radio-group-2 .el-radio .el-radio__label .flex-title .name{
    font-weight: bold;
    color: #333;
  }
  .radio-group-2 .el-radio.is-disabled .el-radio__label .flex-title .name{
    color: #C0C4CC;
  }
  .radio-group-2 .el-radio .el-radio__label .text{
    display: block;
    margin: 10px 0 0 0;
  }
  .radio-group-2 .el-radio .el-radio__inner{
    margin-top: 3px;
  }
}


/*el-drawer抽屉*/
@media screen and (max-width: 1000px) {
  .el-drawer .el-drawer__header {
    padding: 16px;
    margin: 0;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #eee;
  }
  .el-drawer .el-drawer__body{
    padding: 16px 16px 72px 16px;
  }
  .no-padding .el-drawer .el-drawer__body{
    padding: 0;
  }
  .el-drawer .el-drawer__body .foot-button{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    background: #fff;
    z-index: 2;
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    left: 0;
  }
  .el-drawer .el-drawer__body .foot-button .el-button{
    flex: 1;
  }
}

/*phone-button-box*/
.phone-button-box{
  display: none;
}
@media screen and (max-width: 1000px) {
  .phone-button-box{
    display: flex;
    border-radius: 8px;
    background: #F9FAFC;
    padding: 6px 12px;
    justify-content: space-between;
    margin: 16px;
    align-items: center;
  }
  .phone-button-box .lab1 {
    display: block;
    color: #2C76B9;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 0 0;
  }
  body .phone-button-box .el-button {
    font-size: 12px;
    padding: 4px 10px;
    line-height: 20px;
  }
}

/*center-btn-box*/
.center-btn-box{
  text-align: center;
}

@media screen and (max-width: 1000px) {
  body .el-divider__text,
  body .el-image__error,
  body .el-link, .el-timeline,
  body .el-transfer__button i,
  body .el-transfer__button span{
    font-size: 12px;
  }


  .optionsContent,
  .el-select-dropdown.el-popper.optionsContent{
    display: none !important;
  }

  body .el-message{
    top: 66px !important;
  }
  body .el-message-box__wrapper .el-message-box{
    width: calc(100% - 32px);
  }
  body .el-message-box__wrapper .el-message-bo .el-message-box__content {
    color: #333;
    font-size: 12px;
  }
}


/*描点定位begin*/
.positioningClass{
  height: 164px;
  margin-top: -84px;
  z-index: 0;
}
@media screen and (max-width: 1000px) {
  .positioningClass{
    height: 100px;
  }
}



/*bioz*/
body .bioz-w-vazyme-back {
	background: #004098;
	border: 1px solid #004098;
	border-radius: 8px !important;
}
body .bioz-w-vazyme-back:hover {
    background: #024fb9;
    border: 1px solid #024fb9;
    box-shadow: none;
}
body .bioz-w-vazyme-back tr{
	background: #004098 !important;
}
body .bioz-w-vazyme-back:hover tr{
	background: #024fb9 !important;
}

/*bioz-product-detail*/
body .bioz-product-detail{
	position: fixed !important;
	right: 18px;
	bottom: 425px;
	background: #fff;
	box-shadow: 0px 4px 10px rgb(171 171 171 / 24%);
	border-radius: 8px;
	width: 120px !important;
	box-sizing: border-box;
	padding: 8px;
	height: 64px !important;
}
body .tooltipster-base.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom.tooltipster-fade.tooltipster-show{
	left: auto !important;
	top: auto !important;
	bottom: 400px;
	right: 170px;
}
body .tooltipster-base.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom.tooltipster-fade.tooltipster-show .tooltipster-arrow{
	transform: rotate(90deg);
	left: 185px !important;
	top: 65px;
}
body .bioz-product-detail .bioz-w-tooltipx .bioz-w-header{
	padding-top: 0;
}
body .bioz-product-detail .bioz-w-tooltipx .bioz-w-header>td>table>tbody>tr:first-child>td:first-child{
	width: 18px !important;
}
body .bioz-product-detail .bioz-w-star-icon-flat{
	background-size: 18px;
	width: 18px;
	height: 18px;
}
body .bioz-product-detail .bioz-w-tooltipx .bioz-w-header+tr>td:first-child>div{
	padding: 4px 4px 4px 0 !important;
}
body .tooltipster-base.tooltipster-sidetip .tooltipster-box .tooltipster-content>table>tbody>tr:nth-last-child(2){
	display: none;
}
body .bioz-product-detail .bioz-w-detail-ex-large+div{
	display: none;
}
@media screen and (max-width: 1106px) {
body .bioz-product-detail{
	bottom: 240px;
	width: 108px !important;
	height: 54px !important;
}
body .bioz-product-detail .bioz-w-tooltipx .bioz-w-header>td>table>tbody>tr:first-child>td:first-child{
	width: 16px !important;
}
body .bioz-product-detail .bioz-w-star-icon-flat{
	background-size: 16px;
	width: 16px;
	height: 16px;
}
body .bioz-product-detail .bioz-w-detail-ex-large{
	font-size: 12px;
}
body .bioz-product-detail .bioz-w-tooltipx .bioz-w-header+tr>td:first-child>div{
	padding: 2px 0px 0 0px !important;
}
body .bioz-product-detail .bioz-w-add-underline{

}
body .bioz-product-detail .bioz-w-detail-ex-large+div{
	display: none;
}
body .tooltipster-base.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom.tooltipster-fade.tooltipster-show {
    bottom: 212px;
    right: 122px;
}
}

.arightbtn{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.arightbtn .btn-box+.btn-box{
	margin-left: 15px;
}

/*qu-list 问答列表*/
.qu-list{
	display: block;
}
.qu-list .list{
	display: block;
	border-bottom: 1px solid #D1D1D8;
}
.qu-list .list .listask{
	display: block;
	padding: 16px 28px 16px 0;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	font-weight: bold;
	background: url("../images/icon-plus.svg") no-repeat right center;
	background-size: 18px;
	cursor: pointer;
	white-space:pre-wrap;
}
.qu-list .list.open .listask{
	background: url("../images/icon-minus.svg") no-repeat right center;
	background-size: 18px;
}
.qu-list .list .listres{
	display: none;
	font-size: 16px;
	line-height: 32px;
	color: #333;
	padding: 0 0 16px 0;
}
.qu-list .list .listres p{
	white-space:pre-wrap;
}
@media screen and (max-width: 1000px){
.qu-list .list .listask{
	font-size: 14px;
	line-height: 20px;
}
.qu-list .list .listres{
	font-size: 12px;
	line-height: 20px;
	color: #727171;
}
}

/*link-list*/
.link-list{
	display: block;
}
.link-list .list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #D1D1D8;
	padding: 16px 0;
}
.link-list .list .l-link,.link-list .list .l-link:hover,.link-list .list .l-link:active,.link-list .list .l-link:visited{
	display: block;
	flex: 1;
	background: url("../images/icon-link.svg") no-repeat left center;
	background-size: 20px;
	padding: 0 0 0 24px;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	color: #004098;
}
.link-list .list .downbtn,.link-list .list .downbtn:hover,.link-list .list .downbtn:active,.link-list .list .downbtn:visited{
	display: block;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background: url("../images/icon-download-b.svg") no-repeat center center;
	background-size: 18px;
	margin: 0 0 0 10px;
}
@media screen and (max-width: 1000px){
.link-list .list .l-link,.link-list .list .l-link:hover,.link-list .list .l-link:active,.link-list .list .l-link:visited{
	font-size: 14px;
	line-height: 20px;
}
}

/*product-list3*/
.nwzgj-swiper.nwzgj-box{
	padding-left: calc(10% - 62px);
	padding-right: calc(10% - 62px);
}
.product-list3{
	position: relative;
	padding: 0 62px;
}
.product-list3 .swiper .swiper-wrapper{
	height: auto;
}
.product-list3 .swiper-button-prev{
    left: 0px;
}
.product-list3 .swiper-button-next{
    right: 0px;
}
.product-list3 .swiper-button-next, .product-list3 .swiper-button-prev{
	color: #12327a;
}
.product-list3 .swiper-button-next:after, .product-list3 .swiper-button-prev:after{
	font-size: 42px;
	font-weight: bold;
}
.product-list3 .swiper .swiper-slide{
	background: #fff;
	border-radius: 8px;
	border: 1px solid rgba(114, 113, 113, 0.2);
	transition: box-shadow .3s;
}
.product-list3 .swiper .swiper-slide:hover {
    box-shadow: 0 8px 16px 0 rgb(7 12 20 / 8%);
}
.bg-1 .product-list3 .swiper .swiper-slide{
	border: 0;
}
.product-list3 .swiper .swiper-slide .list-img{
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
}
.product-list3 .swiper .swiper-slide .list-img img{
	display: block;
	width: 100%;
	height: auto;
	transition: transform .55s;
}
.product-list3 .swiper .swiper-slide:hover .list-img img{
	transform: scale(1.1);
}
.product-list3 .swiper .swiper-slide .list-cont{
	display: block;
	padding: 20px;
	border-radius: 0 0 8px 8px;
	background: #F9FAFC;
}
.bg-1 .product-list3 .swiper .swiper-slide .list-cont{
	background: #fff;
}
.product-list3 .swiper .swiper-slide .list-cont .sm-title{
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #999;
}
.product-list3 .swiper .swiper-slide .list-cont .sm-title a,
.product-list3 .swiper .swiper-slide .list-cont .sm-title a:hover,
.product-list3 .swiper .swiper-slide .list-cont .sm-title a:visited,
.product-list3 .swiper .swiper-slide .list-cont .sm-title a:active{
	display: block;
	height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #999;
	cursor: pointer;
}
.product-list3 .swiper .swiper-slide .list-cont .title{
	display: block;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.product-list3 .swiper .swiper-slide .list-cont .title a,
.product-list3 .swiper .swiper-slide .list-cont .title a:hover,
.product-list3 .swiper .swiper-slide .list-cont .title a:visited,
.product-list3 .swiper .swiper-slide .list-cont .title a:active{
	display: block;
	height: 22px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}
.product-list3 .swiper .swiper-slide .list-cont .title-2{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	height: 44px;
}
.product-list3 .swiper .swiper-slide .list-cont .title-2 a,
.product-list3 .swiper .swiper-slide .list-cont .title-2 a:hover,
.product-list3 .swiper .swiper-slide .list-cont .title-2 a:visited,
.product-list3 .swiper .swiper-slide .list-cont .title-2 a:active{
	display: block;
	height: 44px;
	color: #333;
	cursor: pointer;
}
.product-list3 .swiper .swiper-slide .list-cont .text{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	height: 66px;
	margin:16px 0;
	color: #666;
}
.product-list3 .swiper .swiper-slide .list-cont .text a,
.product-list3 .swiper .swiper-slide .list-cont .text a:hover,
.product-list3 .swiper .swiper-slide .list-cont .text a:visited,
.product-list3 .swiper .swiper-slide .list-cont .text a:active{
	display: block;
	height: 66px;
	color: #666;
	cursor: pointer;
}
.product-list3 .swiper .swiper-slide .list-cont .btns{
	display: block;
	padding: 16px 0 0 0;
	margin: 16px 0 0 0;
	border-top: 1px solid rgba(114, 113, 113, 0.2);
}
.product-list3 .swiper .swiper-slide .list-cont .btns .btn,
.product-list3 .swiper .swiper-slide .list-cont .btns .btn:hover,
.product-list3 .swiper .swiper-slide .list-cont .btns .btn:active,
.product-list3 .swiper .swiper-slide .list-cont .btns .btn:visited{
	display: block;
	width: 100%;
	height: 22px;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	color: #004098;
	cursor: pointer;
	background: url("../images/icon-right2.svg") no-repeat right center;
	background-size: 16px;
}
@media (min-width: 1800px) {
.nwzgj-swiper.nwzgj-box{
	padding-left: calc(50% - 782px);
	padding-right: calc(50% - 782px);
}
}
@media screen and (max-width: 1000px) {
.nwzgj-swiper.nwzgj-box{
	padding: 16px 16px !important;
}
.product-list3{
	position: relative;
	padding: 0 26px;
}
.product-list3 .swiper-button-next, .product-list3 .swiper-button-prev{
	width: 16px;
	height: 16px;
}
.product-list3 .swiper-button-next:after, .product-list3 .swiper-button-prev:after{
	font-size: 16px;
}
.product-list3 .swiper .swiper-slide .list-img{
	height: auto;
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
}
.home-list2.new-event-list .list .list-img{
	height: auto;
}
.home-list2.new-event-list .list .list-img img{
	height: auto;
}
.product-list3 .swiper .swiper-slide .list-cont{
	padding: 16px;
}
.product-list3 .swiper .swiper-slide .list-cont .sm-title{
	white-space: normal;
	font-size: 12px;
	line-height: 18px;
	height: auto;
}
.product-list3 .swiper .swiper-slide .list-cont .sm-title a,
.product-list3 .swiper .swiper-slide .list-cont .sm-title a:hover,
.product-list3 .swiper .swiper-slide .list-cont .sm-title a:visited,
.product-list3 .swiper .swiper-slide .list-cont .sm-title a:active{
	display: block;
	height: auto;
	white-space: break-spaces;
}
.product-list3 .swiper .swiper-slide .list-cont .title{
	white-space: normal;
	font-size: 12px;
	line-height: 20px;
	height: auto;
}
.product-list3 .swiper .swiper-slide .list-cont .title a,
.product-list3 .swiper .swiper-slide .list-cont .title a:hover,
.product-list3 .swiper .swiper-slide .list-cont .title a:visited,
.product-list3 .swiper .swiper-slide .list-cont .title a:active{
	height: auto;
	white-space: break-spaces;
}
.product-list3 .swiper .swiper-slide .list-cont .title-2{
	height: auto;
	font-size: 12px;
	line-height: 20px;
}
.product-list3 .swiper .swiper-slide .list-cont .title-2 a,
.product-list3 .swiper .swiper-slide .list-cont .title-2 a:hover,
.product-list3 .swiper .swiper-slide .list-cont .title-2 a:visited,
.product-list3 .swiper .swiper-slide .list-cont .title-2 a:active{
	display: block;
	height: auto;
	white-space: break-spaces;
}
.product-list3 .swiper .swiper-slide .list-cont .text{
	display: block;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	margin: 12px 0;
}
.product-list3 .swiper .swiper-slide .list-cont .text a{
	height: auto;
	white-space: break-spaces;
}
.product-list3 .swiper .swiper-slide .list-cont .btns{
	padding: 12px 0 0 0;
	margin: 12px 0 0 0;
}
.product-list3 .swiper .swiper-slide .list-cont .btns .btn,
.product-list3 .swiper .swiper-slide .list-cont .btns .btn:hover,
.product-list3 .swiper .swiper-slide .list-cont .btns .btn:active,
.product-list3 .swiper .swiper-slide .list-cont .btns .btn:visited{
	font-size: 12px;
	line-height: 20px;
	height: auto;
}
}

/*c-step*/
.c-step{
	display: flex;
	margin: 0 0 40px 0;
}
.c-step .item{
	width: 336px;
	height: 48px;
	background: #E8F3FF;
	position: relative;
	color: #1d2129;
	font-size: 18px;
	line-height: 28px;
	padding: 10px 16px 10px 31px;
	margin: 0 15px 0 0;
}
.c-step .item:first-child{
	padding-left: 16px;
}
.c-step .item::before{
	display: inline-block;
	content: "";
	position: absolute;
	top: 0;
	z-index: 2;
	border: 1px solid transparent;
	border-left-color: #fff;
	left: 0;
	border-width: 24px 15px;
}
.c-step .item:first-child::before{
	content: none;
}
.c-step .item::after{
	display: inline-block;
	content: "";
	position: absolute;
	top: 0;
	z-index: 2;
	border: 1px solid transparent;
	border-left-color: #E8F3FF;
	right: -30px;
	border-width: 24px 15px;
	width: 30px;
	height: 48px;
	box-sizing: border-box;
}
.c-step .item.active{
	background: #004098;
	color: #fff;
	font-weight: bold;
}
.c-step .item.active::after{
	border-left-color: #004098;
}
@media screen and (max-width: 1000px) {
.c-step{
	margin: 0 0 12px 0;
}
.c-step .item{
	flex: 1;
	width: auto;
	height: 38px;
	font-size: 14px;
	padding: 5px 16px 5px 31px;
}
.c-step .item:first-child{
	padding-left: 16px;
}
.c-step .item::before{
	border-width: 19px 15px;
}
.c-step .item::after{
	border-width: 19px 15px;
	width: 38px;
	height: 30px;
	box-sizing: border-box;
	right: -38px;
}
}

/*service-box*/
.service-box{
	display: block;
}
.service-box+.service-box{
	margin-top: 60px;
}
.service-box .s-title{
	display: flex;
	align-items: center;
	color: #333;
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
}
.service-box .s-title img{
	display: block;
	margin: 0 20px 0 0;
	width: 40px;
	height: 40px;
}
.service-box .s-title a,
.service-box .s-title a:visited,
.service-box .s-title a:active,
.service-box .s-title a:focus{
	color: #333;
	cursor: pointer;
}
.service-box .s-title a:hover{
	color: #004098;
}
.service-box .s-title+.service-list{
	margin-top: 24px;
}
.service-box .service-list{
	display: block;
}
.service-box .service-list .list{
	border-radius: 8px;
	background: #FFF;
	padding: 24px;
	position: relative;
	color: #333;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.service-box .service-list .list::before{
	content: "";
	position: absolute;
	left: 0;
	top: calc( (100% - 25px) / 2 );
	display: block;
	width: 4px;
	height: 25px;
	background: #004098;
}
.service-box .service-list .list a,
.service-box .service-list .list a:visited,
.service-box .service-list .list a:active,
.service-box .service-list .list a:focus{
	color: #333;
	cursor: pointer;
}
.service-box .service-list .list a:hover{
	color: #004098;
}
.service-box .service-list .list+.list{
	margin-top: 24px;
}
@media screen and (max-width: 1000px) {
.service-box+.service-box{
	margin-top: 26px;
}
.service-box .s-title{
	font-size: 18px;
	line-height: 26px;
}
.service-box .s-title img{
	margin: 0 10px 0 0;
	width: 20px;
	height: 20px;
}
.service-box .s-title+.service-list{
	margin-top: 12px;
}
.service-box .service-list .list{
	padding: 12px 16px;
	font-size: 12px;
	line-height: 20px;
}
.service-box .service-list .list::before{
	content: none;
}
.service-box .service-list .list+.list{
	margin-top: 12px;
}
}

/*fixed-message*/
.fixed-message.show{
	display: block;
}
.fixed-message{
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	background: url("../images/mess-bg1.png") no-repeat center;
	background-size: cover;
}
.fixed-message .mess-head{
	display: flex;
	align-items: center;
	background: rgba(44, 118, 185, 0.20);
	padding: 11px 10%;
}
.fixed-message .mess-head .title{
	display: block;
	flex: 1;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	padding-right: 10px;
}
.fixed-message .mess-head .close{
	display: block;
	cursor: pointer;
}
.fixed-message .mess-head .close img{
	display: block;
	width: 24px;
	height: 24px;
}
.fixed-message .mess-body{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 6px 10% 12px 10%;
}
.fixed-message .mess-body .item{
	margin-top: 4px;
	margin-bottom: 4px;
	display: flex;
	flex-direction: column;
}
.fixed-message .mess-body .item .label{
	display: block;
	width: 100%;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	margin-bottom: 4px;
}
.fixed-message .mess-body .item  input{
	display: block;
	outline: none;
	border: 0;
	border-radius: 8px;
	background: #FFF;
	width: 100%;
	height: 40px;
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}
.fixed-message .mess-body .item  input[type="text"]::-webkit-input-placeholder{
  color: rgba(114, 113, 113, 0.50);
}
.fixed-message .mess-body .item  input[type="text"]::-moz-input-placeholder{
  color: rgba(114, 113, 113, 0.50);
}
.fixed-message .mess-body .item  input[type="text"]::-ms-input-placeholder{
  color: rgba(114, 113, 113, 0.50);
}
.fixed-message .mess-body .item:nth-child(1),
.fixed-message .mess-body .item:nth-child(2),
.fixed-message .mess-body .item:nth-child(3){
	margin-right: 20px;
}
.fixed-message .mess-body .item:nth-child(1),
.fixed-message .mess-body .item:nth-child(2),
.fixed-message .mess-body .item:nth-child(3),
.fixed-message .mess-body .item:nth-child(4){
	width: calc((100% - 60px) / 4);
}
.fixed-message .mess-body .item:nth-child(5){
	width: calc(100% - 220px);
	margin-right: 20px;
}
.fixed-message .mess-body .item:nth-child(6){
	display: flex;
	height: 66px;
	justify-content: flex-end;
	width: 200px;
}
.fixed-message .mess-body .item:nth-child(6) .btn,
.fixed-message .mess-body .item:nth-child(6) .btn:visited,
.fixed-message .mess-body .item:nth-child(6) .btn:active,
.fixed-message .mess-body .item:nth-child(6) .btn:focus{
	display: block;
	border-radius: 8px;
	background: #004098;
	width: 100%;
	height: 40px;
	padding: 10px 20px;
	color: #fff;
	border: 0;
	outline: none;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	text-align:  center;
}
.fixed-message .mess-body .item:nth-child(6) .btn:hover{
	background: #024fb9;
}
@media (min-width: 1800px) {
.fixed-message .mess-head,
.fixed-message .mess-body{
	padding-left: calc(50% - 720px) !important;
	padding-right: calc(50% - 720px) !important;
}
}
@media screen and (max-width: 1000px) {
.fixed-message{
	background: url("../images/mess-bg2.png") no-repeat center;
	background-size: cover;
}
.fixed-message .mess-head{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 16px !important;
	padding-right: 16px !important;
}
.fixed-message .mess-head .title{
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
}
.fixed-message .mess-head .close img{
	display: block;
	width: 16px;
	height: 16px;
}
.fixed-message .mess-body{
	padding-left: 16px !important;
	padding-right: 16px !important;
	padding-top: 6px;
	padding-bottom: 10px;
}
.fixed-message .mess-body .item{
	margin-top: 6px;
	margin-bottom: 6px;
}
.fixed-message .mess-body .item .label{
	font-size: 12px;
	line-height: 20px;
}
.fixed-message .mess-body .item  input{
	padding: 10px 8px;
	font-size: 12px;
	line-height: 20px;
}
.fixed-message .mess-body .item:nth-child(1),
.fixed-message .mess-body .item:nth-child(2),
.fixed-message .mess-body .item:nth-child(3),
.fixed-message .mess-body .item:nth-child(4),
.fixed-message .mess-body .item:nth-child(5),
.fixed-message .mess-body .item:nth-child(6){
	margin-right: 0;
	width: 100%;
}
.fixed-message .mess-body .item:nth-child(6){
	height: auto;
}
}

/*box-tabs*/
.box-tabs{
	background: #fff;
	position: sticky;
	top: 84px;
	z-index: 2;
	padding-top: 20px;
	padding-bottom: 20px;
}
@media screen and (max-width: 1100px) {
.box-tabs{
	top: 56px;
	padding-top: 16px;
	padding-bottom: 16px;
}
}

/*jjfabox1*/
.jjfabox1{
	display: block;
	font-weight: 400;
	font-size: 16px;
	/* line-height: 26px; */
	color: #333;
}
.jjfabox1 p{
	padding: 0;
}
.jjfabox1 img{
	/*margin: 10px auto;*/
	width: auto;
	max-width: 100%;
	/* display: block; */
}
@media screen and (max-width: 1100px) {
.jjfabox1{
	font-size: 14px;
	/* line-height: 1.45; */
}
}

/*dark_anchor*/
.dark_anchor {
	height: 160px;
	margin-top: -160px;
}
@media screen and (max-width: 1100px) {
.dark_anchor {
	height: 114px;
	margin-top: -114px;
}
}

/*addw*/
.addw{

}
.addw .atab{
	display: flex;
	overflow-x: auto;
	flex-wrap: nowrap;
	align-items: center;
	padding: 0 0 30px 0;
}
.addw .atab .tab,
.addw .atab .tab:visited,
.addw .atab .tab:active{
	display: flex;
	min-width: 245px;
    width: 100%;
	height: 200px;
	align-items: center;
	justify-content: center;
	background: rgba(0, 64, 152, 0.8);
	font-size: 28px;
	line-height: 1.45;
	color: #fff;
	text-align: center;
	margin: 0 15px;
	position: relative;
	cursor: pointer;
	text-decoration: none;
}
.addw .atab .tab:hover,
.addw .atab .tab.active{
	background: rgba(0, 64, 152, 1);
	font-weight: bold;
	color: #fff;
}
.addw .atab .tab:after{
	position: absolute;
	left: calc(50% - 11px);
	bottom: -11px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
}
.addw .atab .tab.active:after{
	border-top: 11px solid rgba(0, 64, 152, 1);
}
.addw .acont{
	display: block;
}
.addw .acont .txt{
	font-weight: 400;
	font-size: 16px;
	/* line-height: 26px; */
	color: #333;
}
.addw .acont .txt p{
	padding: 0;
}
.addw .acont .txt img{
	/*margin: 10px auto;*/
	width: auto;
	max-width: 100%;
	/*display: block;*/
}
.addw .acont .alist{
	display: flex;
	flex-wrap: wrap;
}
.addw .acont .alist .list{
	display: block;
	width: calc((100% - 60px) / 3);
	margin: 15px 30px 0 0;
	border-bottom: 4px solid #004098;
	background: #F9FAFC;
}
.bg-1 .addw .acont .alist .list{
	background: #fff;
}
.addw .acont .alist .list:nth-child(3n){
  margin-right: 0;
}
.addw .acont .alist .list .limg{
	display: block;
	overflow: hidden;
}
.addw .acont .alist .list .limg img{
	width: 100%;
	transition: transform .55s;
}
.addw .acont .alist .list:hover .limg img {
  transform: scale(1.1);
}
.addw .acont .alist .list .ltext{
	display: block;
	padding: 20px;
}
.addw .acont .alist .list .ltext .title{
	display: block;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	color: #000;
}
.addw .acont .alist .list:hover .ltext .title{
	color: #004098;
}
.addw .acont .alist .list .ltext .text{
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    max-height: 250px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #dfdddd #f1f1f1;
}
.addw .acont .alist .list .ltext .text .tit{
	background: url("../images/li-icon1.svg") no-repeat 0px 12px;
	background-size: 20px;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.swiper.swiper1{
	padding: 0 30px;
	margin: 20px  0 0 0;
}
.swiper.swiper1 .swiper-wrapper{
  height: auto;
}
.swiper.swiper1 .swiper-slide{
	border: 1px solid #eaeaea;
}
.swiper.swiper1 .swiper-slide img{
	width: 100%;
}
.swiper.swiper1 .swiper-button-prev{
    left: 0;
}
.swiper.swiper1 .swiper-button-next{
    right: 0;
}
@media screen and (max-width: 1100px) {
.addw .atab{
	padding: 0 0 20px 0;

}
.addw .atab .tab,
.addw .atab .tab:visited,
.addw .atab .tab:active{
	/* white-space: nowrap; */
	flex-basis: auto;
	width: inherit;
	height: 85px;
	min-width: 85px;
	font-size: 14px;
	line-height: 1.45;
	margin: 0;
	padding: 10px;
  word-break: break-word;
}
.addw .atab .tab+.tab{
	margin-left: 10px;
}

.addw .acont .alist{
	display: flex;
	flex-wrap: wrap;
}
.addw .acont .alist .list{
	width: 100%;
	margin: 8px 0;
}
.addw .acont .alist .list .ltext{
	padding: 16px;
}
.addw .acont .alist .list .ltext .title{
	font-size: 16px;
	line-height: 1.45;
}
.addw .acont .alist .list .ltext .text{
	font-size: 14px;
	line-height: 1.45;
}
.addw .acont .alist .list .ltext .text .tit{
	background: url("../images/li-icon1.svg") no-repeat 0 5px;
	background-size: 18px;
	padding-left: 26px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 5px 0;
}
}

/*bbox1*/
.bbox1{
	display: flex;
	flex-wrap: nowrap;
	border: 1px solid #e9f1f8;
	border-radius: 8px;
}
.bbox1 .bltab{
	display: block;
	width: 240px;
	background: #e9f1f8;
	padding: 10px 0;
	border-radius: 8px 0 0 8px;
}
.bbox1 .bltab .btabs,
.bbox1 .bltab .btabs:visited,
.bbox1 .bltab .btabs:active{
	display: block;
	padding: 12px 12px 12px 17px;
	color: #5F6D7E;
	font-size: 18px;
	line-height: 1.35;
	border-left: 3px solid transparent;
	margin: 0 0 10px 0;
	cursor: pointer;
	text-decoration: none;
}
.bbox1 .bltab .btabs:hover{
	color: #004098;
}
/* ... existing code ... */
.subscribe .emailInput {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
}

.subscribe .emailInput:hover {
    border-color: #004098; /* 悬停时显示蓝色边框 */
}

.subscribe .btn-box .btn {
    background-color: #004098; /* 蓝色背景 */
    color: white;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.subscribe .btn-box .btn:hover {
    background-color: #0056b3; /* 悬停时更深的蓝色 */
}
.bbox1 .bltab .btabs.active{
	background: #fff;
	border-color: #004098;
	color: #004098;
	font-weight: bold;
}
.bbox1 .bltab+.brcont{
	width: calc(100% - 240px);
}
.bbox1 .brcont{
	display: block;
	flex: 1;
	padding: 25px;
	border-radius: 0 8px 8px 0;
}
@media screen and (max-width: 1440px) {
.bbox1 .bltab{
	width: 180px;
}
.bbox1 .bltab .btabs,
.bbox1 .bltab .btabs:visited,
.bbox1 .bltab .btabs:active{
	font-size: 15px;
}
.bbox1 .bltab+.brcont{
	width: calc(100% - 180px);
}
.bbox1 .bltab+.brcont .news-list1 .list .list-img{
	width: 150px;
	height: 78px;
}
.bbox1 .bltab+.brcont .news-list1 .list .list-img img{
	width: 150px;
	height: 78px;
}
}
@media screen and (max-width: 1100px) {
.bbox1{
	display: block;
	border-radius: 0;
	border: 0;
}
.bbox1 .bltab{
	background: #fff;
	display: flex;
	overflow-x: auto;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	border-radius: 0;
	padding: 0;
	border-bottom: 1px solid #e9f1f8;
}
.bbox1 .bltab .btabs,
.bbox1 .bltab .btabs:visited,
.bbox1 .bltab .btabs:active{
	padding: 10px;
	color: #5F6D7E;
	font-size: 14px;
	line-height: 1.35;
	border-left: 0;
	margin: 0;
}
.bbox1 .bltab .btabs.active{
	background: #e9f1f8;
}
.bbox1 .bltab+.brcont{
	width: 100%;
}
.bbox1 .brcont{
	display: block;
	flex: 1;
	padding: 16px  0 0 0;
	border-radius: 0;
}
}
