body,div,dl,dt,h1,h2,h3,ul,ol,li,p,form,input,textarea,cite,span,strong { margin:0; padding:0; }
body { font-family: 'SourceHanSansCN-Light','Microsoft YaHei','Arial','Helvetica','sans-serif'; font-size:12px; color:#333; }
body { background: #fff; }
li { list-style-type: none; }
ul,ol { list-style:none outside none; }
legend { display:none; }
fieldset,img { border:none; vertical-align:middle; }
input,button,select,textarea { outline:none; }
textarea { resize:none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
table,tr,th,td,font { font-size: 12px; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }
input,textarea{ outline:none; }
a{ text-decoration:none; font-size:12px; color:#333; }
img { border: medium none; }
.clear:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; }
.clear {*zoom:1;}
.clear:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clear { *height:1%; }

.mrhead{ width:auto; height:108px; background: #2d2d2d; }
.mrhcenter{ width:1000px; height:108px; margin: 0 auto; }
.mrhcenter span{ display: inline-block; width:80px; height:80px; float:left; margin-top: 14px; }
.mrhcenter h1{ height: 108px; line-height: 108px; font-size:24px; color:#bababa; float:left; margin-left: 30px; }
.mrwrapper{ width:1030px; height:auto !important; height:100px; min-height:100px; margin: 0 auto; margin-top: 35px; }
.casebox{ width:300px; height:425px; background: #e9e8e8; float: left; margin-left: 15px; margin-right: 15px; margin-bottom: 30px; border-top-left-radius:5px; border-top-right-radius:5px; }
.casebox:hover{ box-shadow:0 0 15px 1px rgba(0,0,0,0.1); }
.cbtit{ width:288px; height:7px; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; border-top-left-radius:5px; border-top-right-radius:5px; background: #edefef; border:1px solid #dfdfde; }
.cbtit span{ display: inline-block; width:5px; height:5px; border-radius: 50% 50%; border:1px solid #f9cd1c; float: left; margin-right: 4px; }
.cbtit span:first-child{ border:1px solid #e23236; }
.cbtit span:last-child{ border:1px solid #18a018; }
.cbpic{ width:294px; height:400px; background: #e9e8e8; padding: 3px; }
.cbpic img{ width:294px; height:400px; }

.page-wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.page-wrap ul {  }
.page-wrap ul li { display: inline }
.page-wrap ul li a,.page-wrap ul li span { display: inline-block; height: 28px; line-height: 28px; border:1px solid #e0e0e0; padding-left: 10px; padding-right: 10px; }
.page-wrap ul li.active span { background:#f2f2f2; }
.page-wrap li.active a,.page-wrap li.active a:hover{ background:#818181; border:1px solid #818181; color:#fff; }

.footer{ width:auto; background:#2d2d2d; font-size:13px; color:#a4a4a4; font-family: 'arial'; text-align: center; padding-top: 25px; padding-bottom: 25px; margin-top: 35px; }

#particles {
  width: 100%;
  height: 260px;
  background:linear-gradient(140deg,rgba(113,106,202,1),rgba(44,41,110,1));
  overflow: hidden;
  position: relative;
}

#particles .intro {
  position: absolute;
  left: 0;
  top:50%;
  width: 100%;
  height:260px;
  text-align: center;
  padding-top: 45px;
  color:#fff;
}
.intro h1{ font-size:35px; margin-top: 13px; font-family: "Lato-Light"; }
.intro strong{ color:#c2c1da; font-size:24px; font-weight: normal; font-family: "SIMYOU"; letter-spacing:4px }
.sign{ margin-top: 10px; }