@charset "utf-8"; /* CSS Document */ * { padding: 0; margin: 0; } body { font-family: "微软雅黑"; font-size: 14px; color: #565656; -webkit-text-size-adjust: none; min-width: 1400px; } .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden; } .clearfix{ *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/ } ul, h2, h3, p, dl, dt, dd { margin: 0; padding: 0; } input { outline: none; } li { list-style: none; } img { border: none; } a { font-size: 14px; color: #565656; text-decoration: none; } a:hover { color: #a72f16; } .clear { clear: both; height: 1px; margin-top: -1px; overflow: hidden; } .fc, .fc a { color: #e70010; } .hidden { display: none; } .fl { float: left; } .fr { float: right; } /*头部*/ #header { width: 100%; height: 197px; position: relative; z-index: 9999; } #top { width: 100%; background: url(../images/mb_18.png) bottom repeat-x #861600; height:130px; margin:0 auto; } .top_t{width:100%;height:40px;background:#000;} .w{width:1200px;margin:auto;} #top p { line-height: 40px; color: #fff; font-size: 15px; } #top p span { color: #fed000; } #top #logo { float:left; padding: 24px 0; } .logo_c{position: relative;} .top_t ul{float:left;} .top_t .toptext { float:right;text-align:right; width: 290px; height: 40px; line-height: 40px; color: #fff; } .top_t .toptext a { color: #fff; font-size: 15px; } #top .serach { position: absolute; top: 55px; right: 0; width: 280px; height: 29px;border-bottom: 1px solid #a32b12; } #top .serach .input { position: absolute; top: 0; left: 0; width: 245px; height: 28px; padding-left: 5px; border: none; background: none; line-height: 28px; color: #a8acb4; font-size: 14px; font-family: "微软雅黑"; } #top .serach .btn { position: absolute; top: 0; right: 0; width: 26px; height: 25px; border: none; background: url(../images/search.png) no-repeat; cursor: pointer; } #nav{ width:100%;background:#861600; position:relative; height: 46px; } #nav ul{ width: 1200px; margin: 0 auto; height: 46px; } #nav li { float: left; height: 46px; line-height: 46px; text-align: center; width: 120px; } #nav li a { font-size: 15px; height: 46px; display: block; position: relative; color: #fff; } #nav li a:hover, #nav li.active { background: #a72f16; color: #fff; } #nav li:hover { background: #a72f16; } #nav li:hover .a{ display:block; } #nav li .a { position: absolute; top: 46px; left: 0; width: 100%; padding:25px 0; display:none; background: #fff; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } #nav li .a .a_block{ width:1200px; margin:0 auto; } #nav li .a .a_block dl{ width:680px; float:left; } #nav li .a .a_block dt{ width:370px; height:130px; overflow:hidden; float:left; } #nav li .a .a_block dd{ width:310px; float:left; text-align:center; line-height:24px; } #nav li .a .a_block dd p{ padding-bottom:24px; color:#a72f16; } #nav li .a .a_block_ul{ width:320px;height:100%; float:left; } #nav li .a .a_block_ul li{ line-height:24px;width:160px; text-align:center; overflow:hidden; height:24px; } #nav li .a .a_block_ul li a{ font-size:14px; color:#333; } #nav li .a .a_block_ul li a:hover{ color:#fff; } /* 单个图片幻灯片盒子 - 公用类 */ .slideBox { width: 100%; height: 400px; position: relative; overflow: hidden; } .slideBox .hd { height: 15px; overflow: hidden; right: 0; bottom: 30px; width: 100%; position: absolute; z-index: 9999; } .slideBox .hd ul { overflow: hidden; zoom: 1; height: 15px; padding: 0 0 0 1050px; margin: 0 auto; width: 150px; } .slideBox .hd li { width: 15px; height: 15px; float: left; text-indent: -9999px; background: url(../images/dian3.png) no-repeat; cursor: pointer; margin-right: 10px; } .slideBox .hd li.on { background: url(../images/dian4.png) no-repeat; } .slideBox .bd { position: relative; height: 100%; z-index: 0; width: 100%; height: 400px; } .slideBox .bd .banner_text { position: absolute; top: 0; left: 0; background: url(../images/bg3.png) no-repeat; width: 634px; height: 354px; z-index: 9999; padding: 46px 0 0 96px; } .slideBox .bd .banner_text strong { display: block; width: 470px; line-height: 62px; font-weight: normal; overflow: hidden; text-align: center; font-size: 18px; color: #861600; } .slideBox .bd .banner_text p { width: 470px; font-size: 15px; line-height: 24px; padding-bottom: 10px; } .jjmore{ width: 120px; height: 39px; line-height: 39px; text-align: center; display: block; overflow: hidden; background: url(../images/span.png) no-repeat; margin-top: 12px; } .jjmore a { color: #a72f16; font-size: 16px; } .slideBox .bd li { width: 100%; text-indent: -9999px; height: 400px; } .slideBox .bd li a { display: block; height: 400px; } /*底部*/ #footer { background: #861600; color: #fff; font-size: 14px; height: 160px; } #footer .footsum { width: 1200px; margin: 0 auto; } #footer .footsum p { width: 510px; float: right; height: 46px; padding-top: 59px; text-align: right; } #footer .footsum p a { width: 118px;float:left; height: 44px; line-height: 44px; text-align: center; display: inline-block; margin-left: 10px; font-size: 15px; border: 1px solid #fff; } #footer .footsum .footdl { width: 328px; height: auto; padding: 57px 0; float: left; } #footer .footsum dl { width: 164px; float: left; position: relative; cursor: pointer; text-align: center; } #footer .footsum dt { width: 108px; height: 108px; float: left; overflow: hidden; } #footer .footsum dd { width: 15px; text-align: center; height: 58px; line-height: 14px; padding: 50px 10px 0 10px; float: left; } #footer .footsum dd.dd2 { height: 70px; padding-top: 38px; } #footer a, #bottom p a { font-size: 14px; color: #fff; } #bottom { background: #a72f16; color: #fff; width:100%; clear:both; height: auto; } #bottom p { width: 1200px; height: 40px; margin: 0 auto; text-align:center; line-height: 40px; font-size: 14px; } /*主体*/ #index_main { width: 100%; padding-top: 12px; position: relative; } .public_width { width: 1200px; margin: 0 auto; } .public_width h2 { height: 60px; line-height: 60px; text-align: right; font-size: 12px; position: relative; font-weight: normal; color: #999999; } .public_width h2 a { color: #999999; font-size: 12px; text-decoration: underline; } .public_width h2 .h2_tit { position: absolute; top: 0; left: 0; } .public_width h2 .h2_tit strong { color: #333; font-size: 24px; margin-right: 6px; font-weight: normal; } .index_content1 { width: 100%; background: #f8f8f8; } .index_sum1 { width: 708px; float: left; padding-bottom: 30px; } .index_sum1 h2 { width: 690px; } .index_sum2 { width: 470px; float: right; } .index_sum2 dl { height: 75px; padding-top: 10px; } .index_sum2 dt { width: 66px; float: left; height: 70px; position: relative; background: #a72f16; font-size: 16px; line-height: 24px; color: #db705d; text-align: center; } .index_sum2 dt:after { position: absolute; top: 39px; left: 13px; width: 40px; height: 1px; background: #fff; content: ""; } .index_sum2 dt span { display: block; color: #fff; line-height: 44px; font-size: 18px; } .index_sum2 dd { width: 385px; float: right; } .index_sum2 dl strong { height: 22px; line-height: 22px; display: block; overflow: hidden; margin-bottom: 5px; } .index_sum2 dl strong a { font-size: 16px; font-weight: normal; } .index_sum2 dl p { padding: 0 2px; height: 48px; line-height: 24px; overflow: hidden; color: #999; } .index_sum1_ul { width: 708px; height: 260px; } .index_sum1_ul li { width: 236px; height: 260px; float: left; position: relative; } .index_sum1_ul li img { width: 216px; height: 260px; overflow: hidden; object-fit: cover; } .index_sum1_ul li .tit { position: absolute; top: 0; left: 0; width: 216px; line-height: 46px; background: url(../images/bg5.png); display: none; height: 46px; text-indent: 12px; line-height: 46px; color: #fff; } .index_sum1_ul li .tit a { color: #fff; font-size: 16px; } .index_sum1_ul li:hover .tit, .index_sum1_ul li:hover .text3 { display: block; } .index_sum1_ul li .more { position: absolute; bottom: 25px; right: 30px; z-index: 9999; line-height: 16px; } .index_sum1_ul li:hover .text1, .index_sum1_ul li:hover .text2 { display: none; } .index_sum1_ul li .text1 { position: absolute; bottom: 25px; left: 10px; display: block; line-height: 32px; border-bottom: 2px solid #fff; font-size: 18px; color: #fff; height: 32px; z-index: 9999; line-height: 16px; } .index_sum1_ul li .text1 strong { font-size: 32px; font-weight: normal; } .index_sum1_ul li .text2 { position: absolute; bottom: 45px; right: 30px; z-index: 9999; font-size: 18px; color: #fff; line-height: 16px; } .index_sum1_ul li .more a { color: #fed000; font-size: 12px; } .index_sum1_ul li .text3 { position: absolute; top: 60px; left: 13px; width: 188px; height: 120px; line-height: 24px; overflow: hidden; color: #fff; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; z-index: 9999; display: none; } .index_sum1_ul li p { position: absolute; left: 0; bottom: 0; width: 216px; height: 80px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; background: url(../images/bg2.png); } .index_sum1_ul li:hover p { height: 214px; } .index_sum2_ul { width: 470px; position: relative; z-index: 9999; padding-bottom: 1px; border-bottom: 2px solid #a72f16; } .index_sum2_ul li { line-height: 32px; height: 47px; background: url(../images/li.png) repeat-x left bottom; margin-bottom: 17px; position: relative; } .index_sum2_ul li:after { position: absolute; top: 17px; right: 7px; background: url(../images/ico.png) no-repeat; width: 12px; height: 14px; content: ""; } .index_sum2_ul li span { display: block; line-height: 16px; color: #999; font-size: 12px; } .index_sum2_ul li a { height: 32px; font-size: 16px; overflow: hidden; } /*实验平台及研究机构*/ .index_content2 { width: 100%; padding: 30px 0; background: #f8f8f8; } .index_sum3 { width: 716px; height: 120px; float: left; background: #555a60; } .index_sum3 h3 { height: 52px; line-height: 52px; font-size: 18px; font-weight: normal; color: #fff; } .index_sum3 h3 span { font-size: 12px; color: #a6a8ab; padding-left: 6px; } .index_sum3_l { width: 320px; float: left; padding-left: 32px; } .index_sum3_l select { background: #f0f0f0; border-radius: 2px; border: 1px solid #dddddd; height: 43px; width: 250px; color: #999; font-size: 14px; font-family: "微软雅黑"; } .index_sum3_r { width: 362px; float: right; } .index_sum3_r p { line-height: 44px; font-size: 30px; color: #fff; } .index_sum4 { width: 484px; float: right; background: #eaeaea; height: 120px; } .index_sum4 li { width: 120px; height: 40px; padding-top: 80px; line-height: 20px; font-size: 15px; border-left: 1px solid #fff; float: left; text-align: center; background: #eaeaea url(../images/ico6.png) no-repeat center 26px; } .index_sum4 li:hover { background: #a72f16 url(../images/ico6_a.png) no-repeat center 26px; } .index_sum4 li.li2 { background: #eaeaea url(../images/ico7.png) no-repeat center 26px; } .index_sum4 li.li2:hover { background: #a72f16 url(../images/ico7_a.png) no-repeat center 26px; } .index_sum4 li.li3 { background: #eaeaea url(../images/ico8.png) no-repeat center 26px; } .index_sum4 li.li3:hover { background: #a72f16 url(../images/ico8_a.png) no-repeat center 26px; } .index_sum4 li.li4 { background: #eaeaea url(../images/ico9.png) no-repeat center 26px; } .index_sum4 li.li4:hover { background: #a72f16 url(../images/ico9_a.png) no-repeat center 26px; } .index_sum4 li a { font-size: 15px; } .index_sum4 li a:hover, .index_sum4 li:hover a { color: #fff; } /*video*/ .slideBox2 { width: 470px; height: 307px; border-bottom: 2px solid #a72f16; position: relative; overflow: hidden; } .slideBox2 .hd { height: 10px; overflow: hidden; right: 0; bottom: 26px; width: 470px; position: absolute; z-index: 9999; } .slideBox2 .hd ul { overflow: hidden; zoom: 1; height: 10px; padding: 0 0 0 210px; margin: 0 auto; width: 260px; } .slideBox2 .hd li { width: 10px; height: 10px; float: left; text-indent: -9999px; background: url(../images/dian1.png) no-repeat; cursor: pointer; margin-right: 5px; } .slideBox2 .hd li.on { background: url(../images/dian2.png) no-repeat; } .slideBox2 .bd { position: relative; height: 100%; z-index: 0; width: 100%; height: 262px; } .slideBox2 .bd li { width: 470px; height: 262px; } .slideBox2 .bd li img { width: 470px;object-fit:cover; height: 200px; overflow: hidden; } .slideBox2 .bd li p { height: 62px; overflow: hidden; line-height: 62px; display: block; text-align: center; font-size: 16px; } /*切换*/ .slideTxtBox,.slideTxtBox2 { width: 690px; } .slideTxtBox .hd,.slideTxtBox2 .hd { height: 70px; } .slideTxtBox .hd ul,.slideTxtBox2 .hd ul { width: 690px; } .slideTxtBox .hd ul li,.slideTxtBox2 .hd ul li { float: left; width: 126px; height: 38px; margin-right:14px; line-height: 38px; background:#fff; text-indent: 38px; border: 1px solid #ececec; cursor: pointer; position:relative; } .slideTxtBox .hd ul li .li_ico1{ position:absolute; top:8px; left:12px; text-indent:0; width:23px; height:23px; background:url(../images/ico2.png) no-repeat; } .slideTxtBox .hd ul li .li_ico2{ position:absolute; top:8px; left:12px; text-indent:0; width:23px; height:23px; background:url(../images/ico3.png) no-repeat; } .slideTxtBox .hd ul li.on .li_ico1{ background:url(../images/ico2_a.png) no-repeat; } .slideTxtBox .hd ul li.on .li_ico2{ background:url(../images/ico3_a.png) no-repeat; } .slideTxtBox .hd ul li.on,.slideTxtBox2 .hd ul li.on { background: #a72f16; color: #fff; } .slideTxtBox .bd ul,.slideTxtBox2 .bd ul { width: 690px; } .slideTxtBox .bd .dl1.slideTxtBox2 .bd .dl1,{ width: 690px; } .slideTxtBox .bd .dl1 dd,.slideTxtBox2 .bd .dl1 dd { width: 690px; line-height: 32px; height: 47px; background: url(../images/li.png) repeat-x left bottom; margin-bottom: 17px; position: relative; } .slideTxtBox .bd .dl1 dd:after ,.slideTxtBox2 .bd .dl1 dd:after{ position: absolute; top: 17px; right: 7px; background: url(../images/ico.png) no-repeat; width: 12px; height: 14px; content: ""; } .slideTxtBox .bd .dl1 dd span,.slideTxtBox2 .bd .dl1 dd span { display: block; line-height: 16px; color: #999; font-size: 12px; } .slideTxtBox .bd .dl1 dd a,.slideTxtBox2 .bd .dl1 dd a { height: 32px; font-size: 16px; overflow: hidden; } .slideTxtBox .bd .dl2{ height:156px; width: 690px; } .slideTxtBox .bd .dl2 dt{ width:200px; height:140px; overflow:hidden; float:left; } .slideTxtBox .bd .dl2 dd{ width:470px; float:right; } .slideTxtBox .bd .dl2 dd strong{ height:34px; line-height:34px; display:block; margin-bottom:6px; overflow:hidden; font-weight:normal; } .slideTxtBox .bd .dl2 dd strong a{ font-size:16px; } .slideTxtBox .bd .dl2 dd p{ height:48px; line-height:24px; color:#999; overflow:hidden; } .slideTxtBox .bd .dl2 dd span{ height:24px; line-height:24px; display:block; margin-top:20px; font-size:12px; color:#999; overflow:hidden; } .slideTxtBox2 .hd ul li .li_ico3{ position:absolute; top:8px; left:12px; text-indent:0; width:23px; height:23px; background:url(../images/ico4.png) no-repeat; } .slideTxtBox2 .hd ul li .li_ico4{ position:absolute; top:8px; left:12px; text-indent:0; width:23px; height:23px; background:url(../images/ico5.png) no-repeat; } .slideTxtBox2 .hd ul li.on .li_ico3{ background:url(../images/ico4_a.png) no-repeat; } .slideTxtBox2 .hd ul li.on .li_ico4{ background:url(../images/ico5_a.png) no-repeat; }