body{ margin:0px; padding:0px; font-size:14px;color:#000; font-family:"Microsoft Yahei ","微软雅黑"; background-color:#f5f5f5; line-height: 24px;}
a{ text-decoration:none; color:#000;}
html{ overflow-x:hidden}
img{ border:0px;vertical-align: middle; max-width:100%;}
ul,li,dl,dt,dd,form{margin:0px; padding:0px; list-style-type:none;}
p,h1,h2,h3,h4,small{margin:0px; padding:0px; font-weight:normal;}
input,textarea,button{margin:0;padding:0;outline:none;resize:none;}input[type="search"]{box-sizing:content-box}button{border:0}
article,aside,details,canvas,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}html{overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
* html .clear{height:1%}
div{ box-sizing: border-box;}
small{ color: #999;}
input::placeholder {
    color: #fff; /* 灰色的占位符文本 */
  }
.clear{display:block}.hide{display:none}
.clear{ clear:both; height:10px; line-height:10px;}
.clearfix:after{  content: "";
    display: table;
    clear: both;}
    .overflow-hidden { overflow: hidden;}
.wenzi,.wenzi a{color:#fff;}
.fl{ float:left;}
.fr{ float:right;}
.white{ color: #fff;} .white a{ color: #fff;}
.orange{ color: #f5a623;} .orange a{ color: #f5a623;}
.blue{ color: #198ede;} .blue a{color: #198ede;}
.hui{ color: #999;} .hui a{ color: #999;}
.size12{ font-size: 12px;}
.size14{ font-size: 14px;}
.size16{ font-size: 16px;}
.size18{ font-size: 18px;}
.size20{ font-size: 20px;}
.size24{ font-size: 24px;}
.size50{ font-size: 40px;}
.bold{ font-weight: bold;}
.line30{  line-height: 30px;}
.box-block{ display: block;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.text-left{ text-align: left;}
.text-bold{ font-weight: bold;}
.bg-white{ background-color: #fff;}
.bg-hui{ background-color: #f5f5f5;}
.bg-blue{ background-color: #02acfa;}
.bg-hei{ background-color: #000000;}
.bg-orange{ background-color:#f5a623;}
.bg-shenlan{ background-color: #070b3b;}

.box-radius50{ border-radius: 50px;}
.box-radius5{ border-radius: 5px;}
.float-l{ float: left;}
.float-r{ float: right;}
.border_b{ border-bottom: 1px #e9e9e9 solid;}
.border_t{ border-top: 1px #e9e9e9 solid;}
.huanhang-no{   white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.huanhang-2no{    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  overflow: hidden;text-overflow: ellipsis; }
.touying{box-shadow: 0px 0px 5px #ddd;}
.padding15{ padding: 15px;}
.padding-t{ padding-top: 15px;}
.padding-b{ padding-bottom: 15px;}
.padding-r{ padding-right: 15px;}
.padding-l{ padding-left: 15px;}
.margin-t{ margin-top: 15px;}
.margin-b{ margin-bottom: 15px;}
.margin-r{ margin-right: 15px;}
.margin-l{ margin-left: 15px;}
.margin15{ margin: 15px;}

.anniu{ width:100px; line-height: 35px; display: inline-table;  }

.more { margin: auto; display: block; width: 150px; background-color: #fff; text-align: center; line-height: 45px;}

.zhengwen{ padding: 0px 30px; line-height: 30px;}

.page{ clear:both; text-align:center;  height:45px;}
.page a ,.page span,.page em{ font-size: 12px; background-color:#FFF; margin-top:15px;   display:inline-block; margin-right:10px; border:1px #e1e1e1 solid; height:30px; line-height:30px; padding-left:10px; padding-right:10px;font-style:normal;}
.page .hover{ color:#FC4F48; border:1px #FC4F48 solid;margin-top:15px;} 
.page i{display:inline-block; margin-right:10px; border:1px #E6E6E6 solid; height:24px; line-height:24px; padding-left:10px; padding-right:10px; font-style:normal; background-color:#FFF;margin-top:15px;}

.buju{ display: flex; justify-content: space-between; align-items: center;}
.buju1{ display: flex; justify-content:center; align-items: center;}
.buju3{ display: flex; justify-content: flex-start;}
.box-flex{display: flex;}
.box-flex-start{justify-content: flex-start;}
.box-align-items{ align-items: center;}
.flex-wrap{ flex-wrap: wrap;}


.wrap{ width:90%; margin-left:auto; margin-right:auto; }



.top{ height:90px; background-color:#ffffff; padding:0px 5%;}

.header{ height: 30px;line-height: 30px; padding:0px 5%;}

.nav{ display: flex; justify-content:flex-end; align-items: center; font-size: 16px; }
.nav li{ padding-left:80px}

.nav .hover{ font-weight: bold;color: #02acfa;}.nav .hover a{ color: #02acfa;}
.nav a:hover{ color: #02acfa;}
.index1 h2{ padding-bottom: 5px;}
.index1 img{ vertical-align:top; margin-top: 10px;}

.index2 li{ width: 22.5%; margin-left:2.0%; background-color: #ffffff;box-shadow: 0px 1px 3px #ebebeb; overflow: hidden; border-radius: 5px; margin-bottom: 20px; box-sizing: border-box; line-height: 22px; position: relative; padding-bottom: 10px;}
.index2 li h3,.index2 li p,.index2 li small{ padding: 0px 10px;}
.index2 li h3{ font-size: 16px; padding-top: 10px;}
.index2 li p{ font-size: 12px;}
.index2 li span{ font-size: 12px; position: absolute; bottom: 10px; right: 10px;}
.index2 li span font{ color: #ff0000; font-size: 22px; font-weight: bold;}
.index2 li div{ overflow: hidden;}
.index2 li img:hover{ transform: scale(1.3);}
.index2 li img{ transition:all 0.6s;}

.index4 { flex-wrap: wrap;}
.index4 li{ width: 290px;} .index4 li h3{ font-size: 14px;}

.index5{ padding: 0px 15px; height: 50px; line-height: 50px;background: url(../images/jianbian.jpg) repeat-x left bottom; }
.index6{  margin-bottom: 15px; }


.foot{ padding:20px 0px; padding-bottom: 10px;}
.foot input{  margin-right: 2%; background-color: #525576; border: 1px #8f9094 solid; height:40px; padding:0px 10px; color: #fff; }


.foot textarea{ margin-bottom: 10px; width: 100%; box-sizing: border-box; background-color: #525576; border: 1px #8f9094 solid; color: #fff; padding: 10px 10px; height: 90px; padding:10px 10px; box-sizing: border-box;}




.er1{ box-sizing: border-box;}

.er1 h2{ background-color: #f2f2f2; border-bottom: 1px #ebebeb solid;  padding: 10px 20px;}
.er1 h2 img{ margin-right: 10px; vertical-align: middle;}
.er1 dl{ padding: 10px 20px;border-bottom: 1px #ebebeb solid; }
.er1 dt{ margin-bottom: 10px;}
.er1 dd{ padding-left: 17px; background:url(../images/dian1.png) no-repeat left center; background-size: 5px;}
.er2{box-sizing: border-box;}

 