html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{/* margin:0; *//* padding:0; */}
a{text-decoration: none; outline: none; cursor: pointer;transition: all 0.4s ease-in-out;}
a:visited ,a:hover{text-decoration: none;}

.clearfix::after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
	overflow: hidden;
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0;
}
.flex{ display: -webkit-flex; /* Safari */display: flex; }
.flex { display: flex;flex-wrap: wrap; }
.flex-left{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-center{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex-right{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.flex-v{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.flex-v-bottom{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:left;-moz-box-pack:left;-ms-flex-pack:left;justify-content:left}


.head {width: 100%; background: #017e29; padding: 20px 0; display: table;}

.logo{ display: inline-block;}
.h_img{ float: right;}
/* menu */
.menubox{ width:100%; background: #fff;}
.nav{}
.nav li{  float: left;  position: relative; width:10%;}
.nav .dhdqwz a{color: #222}
.nav li>a{  display: block;  font-size:17px;color: #222;width: 100%; line-height:56px;  text-align: center; font-weight: 600;}
.nav li.on>a,.nav li:hover>a{color: #f59b1a;}
.nav li.on,.nav li:hover{  }
.two-nav{  position: absolute; border-top: 3px solid #f59b1a; width: 100%; left: 0%;  z-index: 9999;  display: none; background-color:#fff; padding: 10px 0px;}
.two-nav a{  display: block; line-height:36px; padding: 5px; text-align: center; color: #222;  font-size: 17px;}
.two-nav a:hover{background: #fdf0e0;color: #222;   }

.ss{ margin-top:45px;width:20%; float: right;background:#ffffff;box-shadow: 0px 0px 4px 0px rgb(22 106 177 / 30%);   line-height:40px;padding-left: 15px;  border-radius:12px;}
.ss_k{ float:left; font-size: 15px;  border: none; background:none;line-height:40px; width:60%; outline:none; color: #222;}
.ss_an{float:right; width:59px; background:#e7ab40;  border:none; height:17px; padding: 12px 15px; cursor:pointer; outline:none; border-radius:0px 12px 12px 0; }
.ss_an img{ max-width: 100%;}