* {margin: 0;padding: 0;} h1, h2, h3, h4, h5, h6 {font-weight: 400;} li {list-style: none;} img {vertical-align: top;} body{font-family:'微软雅黑';} a {text-decoration: none;color:inherit;} a:hover{color:red;} .clearfix::after {content: '';display: block;height: 0;clear: both;} /*header*/ header{width:100%;height:130px;padding-top:30px;background:url(../images/head.jpg) no-repeat center center/100% 100%;} .logo-box{width:1100px;height:100%; margin:0 auto;} .logo-box .logo img{transform:translateY(18px);}/* logo下移修改 */ .search{float: right;font-size: 0;} .search input{width:138px;height:38px;border:1px solid #B1B1B1;padding-left:10px;vertical-align: middle;} .search button{width:49px;height:38px;background: #880016 url(../images/search-btn_03.jpg) no-repeat center center;border:none;cursor:pointer;vertical-align: middle;} /*nav*/ .nav{ width:100%; height:36px; background-color:#c11515;} .nav_wrap{ width:1200px; height:36px; margin:0px auto;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .nav2{ height:36px; line-height:36px; position:relative; z-index:1;} .nav2 a{ color:#fff;} .nav2 .nLi{ float:left; position:relative; display:inline;} .nav2 .nLi h3{ float:left;} .nav2 .nLi h3 a{ display:block; width:99px; text-align:center; font-size:15px;} .nav2 .sub{ display:none; width:99px; left:0; top:36px; position:absolute; background:#810c08; line-height:35px; padding:0px;font-size:15px;} .nav2 .sub li{ zoom:1;} .nav2 .sub a{ display:block; padding:0 10px; text-align:center;} .nav2 .sub a:hover{ background:#FF8500; color:#fff;} .nav2 .nLi:hover h3 a{ background:#FF8500; color:#fff;} /*banner*/ .banner-box{width:1200px;height:400px;margin:0 auto;} .banner-box .banner{position:relative;width:100%;height:100%;overflow: hidden;} .banner-box .banner .pic{width:400%;height:100%;} .banner-box .banner .pic li{float:left;width:1200px;height:400px;} .banner-box .banner .pic li img{width:100%;height:100%;} .banner-box .banner .btn{position:absolute;bottom:20px;left:50%;margin-left:-175px;width:350px;height:10px;display: flex;justify-content: space-around;} .banner-box .banner .btn li{width:60px;height:100%;background:#fff;} .banner-box .banner .btn li.on{background:#C11416;} /*研究动态*/ .new-box{width:1180px;margin:0 auto;padding:10px;background:#fff;} .new-box .yjdt{width:555px;float:left;} .yjdt-top{border-bottom:2px solid #C11515;padding:10px 0;} .yjdt-l{float: left;font-size:18px;} .yjdt-r{float: right;font-size:14px;color:#666;} .yjdt-top div span,.yjdt-top div img{display: inline-block;vertical-align: middle;} .yjdt-bo{padding:10px;} .yjdt-img img{float: left;} .yjdt-desc{float: right;width:310px;} .yjdt-desc h3{font-size:17px;line-height: 25px;} .yjdt-desc .d-desc{font-size:12px;color:#999999;margin:5px 0;line-height: 20px;} .yjdt-desc .d-desc a{color:#CCCC;} .yjdt-img{border-bottom:1px dashed #ccc;padding:10px 0;} .yjdt-timer{font-size:12px;color:#ccc;} .new-list li{color:#494949;font-size:14px;line-height: 32px;} .new-list li a img{margin-right:10px;} .new-list li a img,.new-list li a .title{vertical-align: middle;} .new-list li a .n-time{float: right;vertical-align: middle;} .new-box .tzgg{float: right;width:555px;} .new-box .tzgg li{border-bottom:1px dashed #ccc;} /*特色品牌*/ .tspp{width:1180px;padding:10px;margin: 10px auto;background: #fff;} .tspp ul{display: flex;} .tspp ul li{text-align: center;position:relative;overflow:hidden;cursor:pointer;} .tspp ul li:nth-child(1){flex: 1;} .tspp ul li:nth-child(n+2){flex: 2;} .tspp ul li:nth-child(n+2):after{content:'';position:absolute;top:0px;left:-210px;width:100%;height:100%;transition:.5s; background:rgba(255,255,255,.5) ;} .tspp ul li:nth-child(n+2):hover:after{left:0;} /*风采*/ .fc-box{display:flex;width:1180px;margin:10px auto;padding:10px;background:#fff;} .fc-box .fc{flex: 2;margin:0 5px;} .fc-box .fc > div{border-bottom:2px solid #CC0001;} .fc-box .fc .new-list{padding:10px;} .fc-box .yqlj{flex: 1.5;} .yqlj > div{padding-bottom:9px;} .yqlj > div img{vertical-align: middle;} .yqlj > div span{color:#CC0001;font-size:18px;vertical-align: middle;} /*图文专栏*/ .twzl-box{width:1180px;margin:10px auto;padding:10px;background:#fff;} .twzl-box .twzl{border-bottom:2px solid #CC0001;padding-bottom:5px;} .twzl-box .twzl .twzl-l{float: left;} .twzl-box .twzl .twzl-r{float: right;} .twzl-box .twzl .twzl-r img,.twzl-box .twzl .twzl-r span{vertical-align: middle;color:#666;font-size:14px;} .twzl-box .twzl .twzl-l img{vertical-align: middle;} .twzl-box .twzl .twzl-l span{color:#CC0001;font-size: 18px;vertical-align: middle;} /*首页底部滚动图片样式*/ .slideGroup{ width:100%; text-align:left;} .slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd; position:relative;} .slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;} .slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;} .slideGroup .parHd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff;} .slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 25px; position:relative;} .slideBox .tempWrap{width:1125px !important;} .slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:30px; display:block; width:30px; height:94px;background:url(../images/index_51.jpg) center center no-repeat;} .slideGroup .sNext{ left:auto; right:5px; background:url(../images/index_53.jpg) center center no-repeat;} .slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;} .slideGroup .parBd ul{ overflow:hidden; zoom:1;} .slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width:210px !important;height:170px !important;} .slideGroup .parBd ul li .pic{ text-align:center; overflow: hidden;} .slideGroup .parBd ul li .pic img{ display:block; padding:2px;width:210px !important;height:140px !important;transition: .5s;} .slideGroup .parBd ul li .pic img:hover{transform: scale(1.2,1.2);} .slideGroup .parBd ul li .pic a:hover img{ border-color:#999;} .slideGroup .parBd ul li .title{ line-height:24px;font-size:13px;} /*foot*/ .foot-box{width:100%;height:96px;padding:20px 0;background:#AE1C1C;} .foot-box .foot{width:1180px;height:100%;margin:0 auto;} .foot-box .foot .foot-left{float: left;} .foot-box .foot .foot-left p{color:#fff;line-height: 30px;font-size:14px;} .foot-box .foot .foot-right{float: right;} .foot-right .foot-img{float: right;margin-right:15px;text-align: center;} .foot-right .foot-img p{font-size:12px;color:#fff;} /*新闻列表*/ .new-banner{width:100%;} .new-banner img{width:100%;height:100%;} .newsliat{width:1200px;margin:0 auto;} .nav-left{width:230px;float: left;margin-top:-50px;position: relative;z-index: 99;} .nav-left h2{width:100%;height:100px;text-align: center;line-height: 100px;color:#fff;font-size:26px;background:#BA1A22;} .nav-left ul li{width:100%;line-height:40px;border-bottom:1px solid #fff;background: #EAEAEA;color:#333;font-size:16px;text-align: center;} .nav-left ul li a:hover{color:#fff;} .nav-left ul li:hover{color:#fff;background:#666666;} .nav-left ul li a{display: inline-block;width:100%;height:100%;} .list-right{width:955px;float: right;border:1px solid #ccc;margin-top:15px;padding-bottom: 30px;margin-bottom:20px;background:#fff;} .position{border-bottom:1px solid #ccc;text-align: right;line-height: 40px;color:#333;font-size:14px;} .position span{margin-right:15px;} .list-right ul{width:calc(100% - 40px);padding:0 20px;} .list-right ul li{margin:40px 0 20px 0;padding-bottom:10px;border-bottom:2px solid #F1F2F6;} .new-img{float:left;width:160px;height:120px;} .new-item{float: right;width:730px;} .new-item .new-title{font-size:16px;color:#333;} .new-item .new-desc{font-size:14px;color:#9A9A9A;margin:15px 0;} .new-item .new-time{font-size:14px;color:#9A9A9A;} /*分页样式*/ .page{text-align: center;margin-top:80px;} .page a{display: inline-block;padding:5px 10px;color:#666;margin:0 5px;border:1px solid #ccc;} .page .thispage{background:#AE1C1C;color:#fff;} /*详情页*/ .list-right ul .con-name{color:#000;font-size:24px;margin:30px 0;text-align: center;} .list-right ul .con-time{color:#666;border-bottom:2px solid #F1F2F6;padding-bottom:5px;font-size:14px;text-align: center;} .content{line-height: 25px;font-size: 14px;padding:20px;} .yjdt-r span,.yjdt-r img{vertical-align:middle;transform:translateY(10px);font-size:13px;} .yqlj .yjdt-r span{font-size:13px;transform:translateY(10px);color:#666;}