*{margin:0;padding:0;border:0;list-style:none;text-decoration:none;color:inherit;font-weight:400;font-family:"微软雅黑";box-sizing:border-box;font-style:normal;outline:0;-webkit-tap-highlight-color:transparent}
body{width:100%;overflow-x:hidden}
img{vertical-align:middle;max-width:100%}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.w1200{margin:0 auto;width:1200px;}
/* 背景标题 */
.line-introduce{position:relative;height:476px;background:url(../image/line_introduce_bg.jpg) no-repeat center}
.line-introduce .title{color:#ddd;position:relative;text-align:center;height:172px;line-height:182px;font-size:32px}
/* 列表 */
.line-intro-list{width:100%}
.line-intro-list li{transition:all .3s linear;display:list-item;float:left;margin-left:20px;padding-top:20px;width:285px;height:130px;border:1px solid #4a659b;background:transparent url(../image/line_join.png) no-repeat center 92px;text-align:center}
.line-intro-list li:first-child{margin-left:0}
.line-intro-list li:hover{transition:all .3s linear;background-color:#4864e5;background-image:url(../image/line_join_hover.png)}
.line-intro-list li a{display:block;width:100%;height:100%;color:#6f99ee}
.line-name{font-size:22px}
.line-intro-list li:hover .line-name{color:#fff}
.line-info{margin-top:15px;font-size:12px}
.line-intro-list li:hover .line-info{color:#d3d8f7}
/* 星球背景圆点闪烁效果 */
.line-star-box{position:absolute;bottom:0;left:50%;margin-left:-300px;width:600px;height:110px}
.line-star{position:absolute}
.line-star-1{left:47px;top:69px}
.line-star-1 .pulse{-webkit-animation:warn 2s ease-out;-moz-animation:warn 2s ease-out;animation:warn 2s ease-out}
.line-star-2{left:173px;top:77px}
.line-star-2 .pulse{-webkit-animation:warn 2s ease-out 1s;-moz-animation:warn 2s ease-out 1s;animation:warn 2s ease-out 1s}
.line-star-3{left:105px;top:49px}
.line-star-3 .pulse{-webkit-animation:warn 2s ease-out .8s;-moz-animation:warn 2s ease-out .8s;animation:warn 2s ease-out .8s}
.line-star-4{left:267px;top:1px}
.line-star-4 .pulse{-webkit-animation:warn 2s ease-out .6s;-moz-animation:warn 2s ease-out .6s;animation:warn 2s ease-out .6s}
.line-star-5{left:380px;top:35px}
.line-star-5 .pulse{-webkit-animation:warn 2s ease-out .4s;-moz-animation:warn 2s ease-out .4s;animation:warn 2s ease-out .4s}
.line-star-6{left:451px;top:41px}
.line-star-6 .pulse{-webkit-animation:warn 2s ease-out .2s;-moz-animation:warn 2s ease-out .2s;animation:warn 2s ease-out .2s}
.line-star .pulse{position:absolute;left:0;top:0;border-radius:50%;left:-15px;top:-15px;width:40px;height:40px;opacity:0;filter:alpha(opacity=0);background-color:#8a2be2;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite}
@keyframes warn{
  0%{transform:scale(0);opacity:1}
  30%{transform:scale(0);opacity:.2}
  60%{transform:scale(.5);opacity:.7}
  100%{transform:scale(1);opacity:0}
}