* {
  margin:0px;
  padding:0px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
 }
body {
  color:#000;
  font-size:16px;
  font-family:'Source Han Sans CN', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
  }
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-size:16px; font-weight:normal;}
table,td,tr,th{font-size:16px;}
li{list-style:none;list-style-position:outside;
  overflow:hidden;
  text-overflow:ellipsis;}
img{vertical-align:top;border:0; max-width:100%;}
a{color:#000;text-decoration:none; transition:0.3s;}
a:hover{color:#004346;text-decoration:none;}
.clearfix:after {clear: both; content: "."; display:block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1;}
.none{display:none !important;}
.block{display:block !important;}


.z_box{width: 1100px; margin: 0 auto;}

.s1_1{width: 100%; padding: 10px 0 20px 0;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.s1_2{width: 200px; padding-top: 8px;}
.s1_2 img{max-width: 100%;}
.s1_3{width: 100%;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.s1_4 form{
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;  
}
.s1_4 input{width: 220px; height: 30px; border: 1px solid #e2e2e2;}
.s1_4 button{width: 70px; height: 30px; border: 1px solid #004346; cursor: pointer; background: #004346; color: #fff;}
.s1_5{width: 900px;}

.s2_1{width: 100%; padding-top: 10px;}
.s2_1 ul{
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.s2_1 ul li{text-align: center;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  }
.s2_1 ul li a{color: #004346; line-height: 50px; font-size: 20px;}
.s2_1 ul li a:hover{ color: #004346;}
.s2_2{width: 100%; height: 40px; line-height: 40px; background: #f7f7f7; text-align: center; margin-top: 30px;}

.s3_1{width: 100%; padding-top:20px;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;  
}
.s3_l{width: 300px; background: #f7f7f7; padding-top: 20px;}
.s3_l_1{width: 100%; text-align: center;}
.s3_l_1 img{padding-bottom: 20px;}
.s3_l_2{width: 100%; padding: 20px;}
.s3_r{width: 780px; min-height: 600px;}
.s3_2{width: 100%; padding: 10px 0;}
.s3_3{width: 100%; height: 40px; line-height: 40px; font-size: 28px; font-weight: bold; color: #004346; position: relative;}
.s3_4{width: 100%;}
.s3_4 li{width: 100%; padding: 10px 0;}
.s3_4 li a{
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.s3_5{width: 125px; background: #d4d4d4; height: 170px; padding: 0 10px;
  display:-webkit-flex;
display:flex;
flex-wrap:wrap;
  align-items:center ;}
.s3_5 img{width: 100%;}
.s3_6{width: 655px; height: 170px; border: 2px solid #d4d4d4; border-left: none; padding:20px 10px 10px 20px;}
.s3_6 h2{font-size: 20px; font-weight: bold; padding-bottom: 5px;}
.s3_6 p{line-height: 30px;}

.s3_4 li a:hover .s3_5{background: #004346;}
.s3_4 li a:hover .s3_6{border: 2px solid #004346; border-left: none;}

.s3_7{width: 100%;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.s3_7 li{width: 240px; padding:10px;}
.s3_7 li img{box-shadow: 0 0 10px #888888;}
.s3_7 li h2{width: 100%; text-align: center; padding-top: 10px;}
.s3_7 li p{width: 100%; text-align: center;}



.s4_1{width: 100%;}
.s4_2{width: 100%; line-height: 40px; padding-bottom: 20px;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.s4_3{width: 100%; padding-top: 30px; font-family: 'Times New Roman', Times, serif; white-space: pre-line;}
.s4_4{width: 100%; font-size: 24px; font-weight: bold;}
.s4_5{width: 100%; height: 2px; background: #004346; margin: 20px 0;}
.s4_6{ padding-right: 50px;}
.s4_6 a{color: #004346; font-weight: bold;}
.s4_7{}
.s4_7 span{color: #004346;}
.s4_8{width: 100%; line-height: 30px; font-weight: bold;}
.s4_9{width: 100%; padding: 5px 0 30px 0; line-height: 26px;}

.s5_1{width: 100%; font-family: 'Times New Roman', Times, serif;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.s5_1 a{width: 30%; height: 40px; line-height: 40px; background: #eee; display: inline-block; margin-top: 10px; text-indent: 15px; display:inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.s5_1 a:hover{background:#004346; color: #fff;}
.s5_2{width: 100%; font-family: 'Times New Roman', Times, serif;}
.s5_2 li{width: 100%; margin: 5px 0; background: #eee; padding: 5px 10px; display: inline-block;}
.s5_3{width: 100%; font-size: 18px; line-height: 20px;}
.s5_4{width: 100%; line-height: 26px; color: #777;}
.s5_5{width: 100%; line-height: 20px;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.s5_6{ padding-right: 5px;}
.s5_7{}



.smbd{width: 100%;line-height: 30px; padding-top: 5px;}