@charset "utf-8";

*{margin:0;padding:0;font-size:12px;/* color:#666; */}
body{
   background:#f4f4f4;
   /* width:980px; */
   margin:0 auto;
   font-family:"微软雅黑",Arial;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   max-width: 900px;
   color: #154a94;
   }
.float{float:left;}
.clear{clear:both;line-height:0;}

#nav{/* width:980px; */}
#nav > img{ width: 100%; }
#nav ul li{display:inline;}
#nav ul li a{display:block;text-align:center;font-size:3em;color:#000;line-height:80px;font-weight:bold;text-decoration:none;}
#nav ul li a.link,#nav ul li a:hover{background-position:-92px 0;}
#nav ul li a.hover{background-position:12px 0;}

  h4{/* text-align: center; */line-height: 130%;font-size: 12px;color: #939393;}
#main{min-height: 60%;}
#main ul{*overflow:hidden;_height:1%;margin:auto;background:#ccc;display: flex;flex-wrap: wrap;padding: 0 1.8% 0 1.8%;}

#main ul li{user-select:none;overflow: hidden;border-radius: 3px;display: inline-block;list-style:none;width: 47%;background: #fff;box-shadow: -1px 2px 8px #e6e6e6;/* margin:  0 auto; *//* margin-top: 12px; */padding-bottom: 5px;/* margin: 18px 3% 5px  3%; */margin: 0 1.5%;/* padding: 0 1%; *//* flex-direction: column; *//* align-items: center; */margin-top: 3.2%;}
#main ul li.hover{border:1px solid #fa3241;border-bottom:2px solid #fa3241;}
.img_block a > img{width:100%;display:block;height:100%;user-select:none;}
/*#main ul li img.hover{filter:Alpha(opacity=90);-moz-opacity:.9;opacity:0.9;}*/
#main ul li h3,#main ul li p{padding: 8px 0px 1px 0px;font-weight: 800;font-size: 16px;text-align:center;}
#main ul li p{background:#F3F0FF;line-height:35px;font-size:1em;color:#000;text-align:center;}
#waterfall > li{position: relative;}
.content-icon{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2)center top no-repeat; display: flex; justify-content: center; align-items: center;  }
.segmentingLine{width: 90%; height: 3px; background: #ccc; margin: 20px auto;}
.img_block-text{/* padding: 0 2%; *//* text-align: center; */display: table;margin: 10px auto;}
.luminescence{ position: absolute; width: 10px; height: 10px; animation: flicker 4000ms ease infinite; }
.img_block{position:relative;}
.dl{padding: 15px; color: #939393;}
.dl dt, .dl dd{font-size: 12px;display: inline-block;line-height: 150%;}
.yuhaiFooter .dl dt, .yuhaiFooter .dl dd{ font-size: 12px; }
.yuhaiFooter img{ width: 62px; vertical-align:middle; }
.img_block a { display: inline-block; width: 100%; }

.iNum,.iNum a{background:url(../images/pic_ilike.png) no-repeat 0 -528px;padding:0 0 6px 28px;line-height:11px;}
.iNum{background-position:12px -522px;}
.iNum a{background-position:12px -550px;text-decoration:none;}

.loading{text-align:center;padding:30px 0;}
.case_w{width:400px;margin:0px 25px;float:left;}
.bigscene{width:900px;height:auto;overflow:hidden;margin:0 auto;padding:10px 10px 50px 10px;}
.bigscene p{width:400px;text-align:center;height:40px;line-height:40px;font-weight: bold;font-size: 1.2em;color: #000;}
#visitor img{width:11px;height:16px;}
.btn{width:980px;height:100px;padding-top:30px;}
.btn img{float:left;margin:-30px 42px auto 50px;}
.btn-line{width:340px;border-top:1px dotted #000;float:left;}
.btn-line-right{width:350px;border-top:1px dotted #000;float:right;}

@keyframes flicker {
  0%, 100% {
    /*background: #fefa01;*/
    box-shadow: 0 0 1rem #fff, inset -0.25rem 0 0 0.5rem rgba(255, 255, 255, 0.1);
  }
  30%, 70% {
   /*  background: #fffd99; */
    box-shadow: -1rem 0 8rem 1rem #fff, inset -0.25rem 0 0 0.5rem rgba(255, 255, 255, 0.1);
  }
  50% {
    box-shadow: -1rem 0 8rem 1rem rgba(255, 255, 255, 0.8), inset -0.25rem 0 0 0.5rem rgba(255, 255, 255, 0.1);
  }
}