.img{ background-image:url(icon.png); background-repeat:no-repeat;}
.br{border-right:4px solid #fff; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.banner{width:100%;height:250px; background:url(banner-lr.jpg) center top;}
.banner .center{width:1200px;height:250px; margin:0 auto; text-align:center; background:url(banner.jpg);}
.banner .center .title{width:100%;height:40px; background:url(title.png) no-repeat center center; margin:60px 0 20px 0;}
.banner .center .search-box,.hot-search{width:100%; text-align:center; z-index:1;}
.banner .center .search-box .search-unit{display:inline-block;}
.banner .center .search-box .search-unit .txt-input{background-color:rgba(0, 0, 0, 0.15) !important;background:#000;border:1px solid rgba(255, 255, 255, 0.8); border-radius:2px; width:680px;padding:11px 5px; color:#eee;}
.banner .center .search-box .search-unit .go{width:40px;height:40px; display:block;top:0; right:0; z-index:12; background-position:-64px 11px;}
.hot-search a,.hot-search span{color:#fff; padding:8px;}
.slide-box{background-color:rgba(255, 255, 255, 0.95) !important;background:#fff;filter:alpha(opacity=95); width:690px;height:304px; z-index:10;left:255px;top:90px;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.25); overflow:hidden;}
#bg{width:100%;height:100%; position:fixed; z-index:0;background-color:rgba(255, 255, 255, 0.1) !important;background:#fff;filter:alpha(opacity=10);left:0;top:0;}
.search-result{width:660px;height:150px; margin:10px auto;}
.search-result p{color:#999;}
.result-list{margin-top:15px;}
.result-list a{ width:100%; line-height:2; text-align:left; width:100%; display:inline-block;}
.result-list a:hover{ color:#379be7;transition: all 200ms linear;-webkit-transition: all 200ms linear;}
.search-result p em{ color:red;}
#num{margin-left:20px;}
.flip{ position:absolute;bottom:10px;right:285px;width:100px;}
.flip span{padding:4px 8px;border:1px solid #ddd; color:#999; cursor:pointer;transition: all 200ms linear;-webkit-transition: all 200ms linear;}
.flip span:hover{color:#379be7;border:1px solid #379be7;}

.main-container{width:1200px;margin:20px auto;}
.signle-subject-box{height:300px;width:600px;float:left; border-bottom:4px solid #fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.signle-subject-info{width:300px;height:296px; position:relative;float:left; overflow:hidden;transition: all 200ms linear;-webkit-transition: all 200ms linear;}

.signle-subject-info .subject-icon{width:90px;height:90px; border-radius:50%;border:3px solid #fff; top:40px; left:100px; background-color:#deddd9;transition: all 150ms linear;-webkit-transition: all 150ms linear; }
.signle-subject-info .ic1{background-position:20px -190px;}
.signle-subject-info .ic2{background-position:20px -254px;}
.signle-subject-info .ic3{background-position:20px -329px;}
.signle-subject-info .ic4{background-position:22px -188px;}
.signle-subject-info .ic5{background-position:24px -53px;}
.signle-subject-info .ic6{background-position:22px -253px;}
.signle-subject-info .ic7{background-position:22px -472px;}
.signle-subject-info .ic8{background-position:22px -401px;}
.signle-subject-info .ic9{background-position:22px -120px;}
.signle-subject-info .ic10{background-position:22px -188px;}
.signle-subject-info .ic11{background-position:22px -188px;}
.signle-subject-info .ic12{background-position:28px 21px;}
.signle-subject-info .subject-name{bottom:40px;left:0;transition: all 100ms linear;-webkit-transition: all 100ms linear; width:100%; text-align:center;}
.signle-subject-info .subject-name h3{ font-size:20px;font-weight:500;line-height:2;}
.signle-subject-info .subject-name p em{font-size:12px;color:#777;}
.signle-subject-list{width:300px; height:296px; float:right; background:#f5f5f5;transition: all 200ms linear;-webkit-transition: all 200ms linear;}
.signle-subject-list ul{width:288px;height:auto;margin:20px auto 10px auto; border-bottom:1px solid #ddd; padding-bottom:10px;transition: all 200ms linear;-webkit-transition: all 200ms linear;height:225px; overflow:hidden;text-align:center;}
.signle-subject-list ul li{width:130px; text-align:center; float:left;padding:8px 0;overflow:hidden; display:inline-block; margin:0 5px;}
.signle-subject-list ul li a{ display:inline-block; line-height:2;width:auto; position:relative; white-space:nowrap; }
.signle-subject-list ul li a::after{ display:block;width:0px; height:1px; background:#379be7; position: absolute; bottom:4px;left:0; content:'';}
.signle-subject-list ul li:hover a{color:#379be7;transition:all 200ms linear;-webkit-transition:all 200ms linear;}
.signle-subject-list ul li:hover a::after{color:#379be7;transition: all 200ms linear;-webkit-transition: all 200ms linear; width:100%;}
.signle-subject-list .more a{ text-align:right; color:#379be7;padding-right:20px; float:right; }
.signle-subject-list .more a:hover{ text-decoration:underline;}
.signle-subject-box:hover .signle-subject-info{width:150px;}
.signle-subject-box:hover .signle-subject-list{width:450px;}
.signle-subject-box:hover .signle-subject-list ul{width:438px;}
.signle-subject-box:hover .signle-subject-info .subject-icon{left:25px;}
.signle-subject-box:hover .signle-subject-info .subject-name{left:0; text-align:center;}
.signle-subject-box:hover .signle-subject-info .subject-name h3{ text-align:center;}
.signle-subject-box:hover .signle-subject-info .subject-name p em{padding:0 7px;}