@charset "UTF-8";

.home-photo{background:url(../images/bg_slash.jpg) top left;}
.home-topics{background:url(../images/bg_mic.jpg) no-repeat 50% 50%;max-height:600px;padding:80px 0;background-attachment:fixed;
-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}
.home-topics .wrap{background-color:rgba(255,255,255,0.92);padding:60px 0;}
.home-topics .title{padding-left:40px;margin-bottom:15px;}
.home-topics .title p{font-size:26px;display:inline-block;margin-right:15px;}
.home-topics .title span{color:#e60012;}
.home-topics .title h2{font-size:16px;display:inline-block;}

.home-topics .box{display:-webkit-flex;display:flex;width:100%;padding:20px 0;border-bottom:1px dotted #adadad;background:rgba(255,255,255,0);}
.home-topics .box .image{width:120px;height:80px;display:block;background:url(../images/topics_thumb.png) 50% 50% no-repeat;
-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}
.home-topics .box .text{width:897px;padding:0 42px 0 21px;vertical-align:middle;background:url(../images/middle_arrow.png) 95% 50% no-repeat;}
.home-topics .box .text > *{display:block;}
.home-topics .box .text time{font-size:16px;}
.home-topics .box .text .m-title{font-size:18px;}

.home-topics .box:hover{background:rgba(255,255,255,0.8);}
.home-topics .box:hover .text{background-position: 940px 50%;}
.home-topics .box,.home-topics .box .text{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.home-topics .box{}

.home-banner{padding:60px 0;}
.home-banner ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.home-banner li{width:340px;margin:0 10px 15px;text-align:center;}
.home-banner li a{opacity:1;display:block;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.home-banner li a:hover{opacity:0.8;moz-transform: translateY(-10px);-webkit-transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}