.container {width: 100%; min-width: 1200px; height: auto; margin: 0 auto;} .w1200 {width: 1300px; height: auto; margin: 0 auto;} .box {width: 100%; height: auto;} .bgfcfcfc {background: #fcfcfc;} .bgcb0a0a {background: #cb0a0a;} i {font-style:normal;} .block {height: 100px;} /*top*/ .top {height: 146px; border-top: 4px solid #cb0a0a; background: url(../images/top_bg1.jpg) no-repeat center;} .top .w1200 {overflow: hidden;} .top .w1200:after {display: block; clear: both; content: ""; overflow: hidden;} .logo {float: left; padding: 12px 0; margin-left: -26px;} .topSearch {float: right; height: 40px; padding-top: 52px;} .topSearch input {height: 100%; vertical-align: top; font-size: 12px;} .topSearch input#seacch {width: 234px; padding-left: 10px; line-height: 40px; box-sizing: border-box;} .topSearch input#sure {width: 50px; margin-left: -3px; background: #cb0a0a url(../images/search_icon.png) no-repeat center; cursor: pointer;} .topSearch input#sure:hover {background-color: #005e26;} /*footer*/ .footer {height: 310px; background-color:#E33733;} .footerCont { padding-top:10px;} .footer p {color: #fff; font-size: 16px; text-align: center; line-height: 40px;} .footer p span {margin-left: 25px;} /*banner*/ .bannerBox {width: 100%; height: auto;} .banner {width: 100%; height: auto; position: relative; overflow: hidden;} .banner .bd {width: 100%; height: auto; position: relative;} .banner .bd ul {width: 100%; height: 354px;} .banner .bd ul li {float: left; width: 100%; height: auto;} .banner .bd ul li a {display: block; position: relative;} .banner .bd ul li img {width: 100%; max-height:358px; overflow:hidden; min-height:354px;} .banner .hd {width: 100%; text-align: center; position: absolute; z-index: 20; overflow: hidden;} .banner .hd ul li {display: inline-block; vertical-align: top; cursor: pointer;} .sliderBox1 .hd {height: 12px; bottom: 16px;} .sliderBox1 .hd ul li {width: 12px; height: 12px; margin: 0 7px; border-radius: 50%; background: #fff; background: rgba(255,255,255,.6);} .sliderBox1 .hd ul li.on {background: #cb0a0a;} /*主体部分*/ /*新闻动态、学术交流*/ /*通知公告*/ .notic {height: 220px; margin-top: 40px; line-height: 54px; font-size: 16px; box-sizing: border-box; border-bottom:2px solid #F2F2F2;/*overflow: hidden;*/} .notic:after {display: block; clear: both; content: ""; overflow: hidden;} .noticH {float: left; width: 190px; height: 100%; background: url(../images/tit_bg.png) no-repeat left center;} .noticH h2 {padding-left: 38px; font-weight: bold; color: #fff;} .noticC {float: right; width: 980px; height: 100%; overflow: hidden;} .sliderBox2 .bd ul li {line-height: 54px;} .sliderBox2 .bd ul li:hover p {color: #cb0a0a;} .sliderBox2 .bd ul li a:after {display: block; clear: both; content: ""; overflow: hidden;} .sliderBox2 .bd ul li p {float: left; color: #7f7f7f;} .sliderBox2 .bd ul li span {float: right; margin-right: 12px; color: #7f7f7f; font-size: 14px;} .tb_left{ width:800px; float:left; overflow:hidden; height:130px;} .tb_left ul li{ width:25%; float:left; text-align:center;} /*newsBanner*/ .newsBox {margin: 42px 0 30px 0;} .newsBox:after {display: block; clear: both; content: ""; overflow: hidden;} .newsBanner {float: left; width: 559px; height: 358px;} .sliderBox3 {height: 100%;} .sliderBox3 .bannerTit {width: 100%; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; text-indent: 12px; color: #fff; background: url(../images/banner_tit_bg1.png) repeat-x; position: absolute; bottom: 0; z-index: 18; left:0;} .sliderBox3 .hd {text-align: right; height: 8px; padding-right: 12px; bottom: 20px; box-sizing: border-box;} .sliderBox3 .hd ul li {width: 8px; height: 8px; margin: 0 3px; background: #626367; background: rgba(255,255,255,.4);} .sliderBox3 .hd ul li.on {background: #fff;} .newsInner {float: right; width: 715px; height: 358px; overflow: hidden;} .tit {width: 100%; border-bottom: 2px solid #cb0a0a;} .tit:after {display: block; clear: both; content: ""; overflow: hidden;} .newsTit {height: 40px; line-height: 40px; font-size: 20px; color: #eee; position: relative;} .newsTit h2 {display: inline-block; height: 100%; font-size: 16px; font-weight: bold; vertical-align: top;} .newsTit h2 a {display: block; color: #4d4d4d;} .newsTit h2.xwdt a {padding-left: 35px; margin-right: 35px; background: url(../images/xxdt.png) no-repeat left center;} .newsTit h2.active.xwdt a {color: #cb0a0a; background: url(../images/xxdt_a.png) no-repeat left center;} .newsTit h2.xsjl a {padding-left: 40px; margin-left: 35px; background: url(../images/xsjl.png) no-repeat left center;} .newsTit h2.active.xsjl a {color: #cb0a0a; background: url(../images/xsjl_a.png) no-repeat left center;} .newsTit h2.xsjl1 a {padding-left: 40px; margin-left: 35px; background: url(../images/lab_icon11.png) no-repeat left center;} .newsTit h2.active.xsjl1 a {color: #cb0a0a; background: url(../images/lab_icon1.png) no-repeat left center;} .more {margin-right: 8px; float: right; font-size: 12px; color:#444444;} .newsTit .more {display: none; position: absolute; right: 0; bottom: 0;} .more:hover {color: #cb0a0a;} .newsContInner {width: 100%; position: relative;} .newsCont {width: 100%; position: absolute; display: none;} .newsCont .contList {font-size: 16px;} .newsContH {width: 100%; height: 146px; border-bottom: 1px dashed #dedede;} .newsContH:after {display: block; clear: both; content: ""; overflow: hidden;} .newsContHTime {float: left; width: 100px; height: 100px; margin-top: 24px; border-right: 1px solid #eee;} .newsContHTime p {text-align: center;} .newsContHTime p.newsTimeD {margin-top: 5px; font-size: 36px; font-weight: bold; line-height: 52px; color: #cb0a0a;} .newsContHTime p.newsTimeY {font-size: 14px; color: #cb0a0a; line-height: 30px;} .newsContText {float: right; width: 585px; margin-right: 8px;} .newsContText h3 {margin-top: 5px; font-size: 16px; font-weight: bold; color: #4d4d4d; text-align: center; line-height: 45px;} .newsContText p {color: #3a3a3a; text-indent: 2em; line-height: 26px;} .detl {display: block; float: right; width: 86px; height: 26px; margin-top: 6px; color: #fff; background-color:#CB0C0C; border: 1px solid #cb0a0a; line-height: 26px; text-align: center;} .detl:hover {color: #cb0a0a;} .contList li {width: 100%; height: 32px; margin-top: 10px; line-height: 32px; font-size: 16px;} .contList li:hover .listBtn {background: url(../images/list_icon_a.png) no-repeat center;} .contList li:hover p {color: #cb0a0a;} .contList li a {display: block;} .contList li span {display: inline-block; height: 32px; vertical-align: top;} .contList li span.listBtn {width: 10px; margin-right: 8px; background: url(../images/list_icon.png) no-repeat center;} .contList li span.listTime {float: right; font-size: 12px; color: #444444;} .contList li p {display: inline-block; color: #000; } .contList1 li {width: 100%; height: 32px; margin-top: 10px; line-height: 32px; font-size: 16px;} .contList1 li:hover .listBtn {background: url(../images/list_icon_a1.png) no-repeat center;} .contList1 li:hover p { color:#fff;} .contList1 li a {display: block;} .contList1 li span {display: inline-block; height: 32px; vertical-align: top;} .contList1 li span.listBtn {width: 10px; margin-right: 8px; background: url(../images/list_icon.png) no-repeat center;} .contList1 li span.listTime {float: right; font-size: 12px; color: #a6a6a6;} .contList1 li p {display: inline-block; color: #fff; } /*科学研究、研究平台*/ .sci {padding: 16px 0 20px 0;} .sci:after {display: block; clear: both; content: ""; overflow: hidden;} /*科学研究*/ .sciResch {float: left; width: 685px; margin-top: 22px;} .sciResch .tit {height: 30px; line-height: 30px;} h2.titH2 {float: left; font-size: 16px; font-weight: bold; color: #cb0a0a;} .sciResch h2 {padding-left: 34px; line-height: 27px; background: url(../images/kxyj.png) no-repeat left center;} .sciCont {padding-left: 8px;} .sciCont ul {margin-top: 20px;} .sciCont ul li {width: 100%; margin-top: 16px; border-bottom: 1px dashed #e5e5e5;} .sciCont ul li:last-child {border-bottom: none;} .sciCont ul li a {display: block;} .sciCont ul li a:hover h3 {color: #cb0a0a;} .sciCont ul li a:after {display: block; clear: both; content: ""; overflow: hidden;} .sciReschT {float: left; width: 60px; height: 75px; margin-bottom: 18px; padding: 0 5px; text-align: center; background: #e5e5e5; box-sizing: border-box;} .sciReschT .sciReschY {height: 24px; margin-top: 12px; font-size: 16px; font-weight: bold; color: #fff; background: #cb0a0a;border-radius:5px;} .sciReschT .sciReschD {margin-top: 10px; color: #cb0a0a;} .sciReschText {float: right; width: 595px; margin-right: 10px;} .sciReschText h3 {font-size: 16px; font-weight: bold; color: #4D4D4D; line-height: 32px;} .sciReschText p {color: #484848; line-height: 22px; text-indent: 2em;} /*研究平台*/ .sciPlat {float: right; width: 535px; padding: 22px 18px 0; background: #fff;} .sciPlat .tit {height: 30px; line-height: 30px; } .sciPlat .tit h2 {padding-left: 35px; background: url(../images/yjpt.png) no-repeat left center;} .sciPlatCont ul li {width: 100%; height: 120px; margin-top: 20px; overflow: hidden;} .sciPlatCont ul li img {width: 100%;} .sciPlatCont ul li a {display: block; width: 100%; height: 100%; position: relative;} .sciPlatBg {display: none; width: 100%; height: 100%; text-align: center; background: url(../images/yjpt_bg1.png) repeat; position: absolute; top: 0; z-index: 10;} .sciPlatCont ul li .sciPlatBg img {width: 38px; margin-top: 38px;} .sciPlatCont ul li .sciPlatBg p {margin-top: 12px; color: #fff;} /*实验室概况*/ .lab {padding: 40px 0 60px 0;} .lab:after {display: block; clear: both; content: ""; overflow: hidden;} .labInner {float: left; width: 685px; height: auto;} .labInner .tit {height: 40px; line-height: 40px;} .labInner h2 {padding-left: 42px; font-size: 16px; font-weight: bold; line-height: 34px; color: #fff; background: url(../images/lab_icon.png) no-repeat left top;} .labCont {height: 240px; margin-top: 30px; color: #fff;} .labInner1 h2{padding-left: 42px; font-size: 16px; font-weight: bold; line-height: 34px; color: #fff; background: url(../images/lab_icon1.png) no-repeat left top;} .labInner1 .tit {height: 40px; line-height: 40px;} .labCont p {line-height: 26px; } .labDetl {display: block; width: 144px; height: 30px; margin-top: 40px; line-height: 30px; text-align: center; color: #fff; font-size: 12px; border: 1px solid #fff;} .labDetl:hover {background: #FF8000;} .labPc {float: right; width: 440px; height: 296px; overflow: hidden;} .labPc img {} .kcxl{ margin-top:25px; padding:15px 30px; overflow:hidden; height:195px; border-radius:5px; border:1px solid #FFF;} .kcxl p{ height:50px; line-height:50px; font-size:18px;} .kcxl li{ float:left; width:50%; text-align:center; padding-bottom:25px; margin-top:8px; } .kcxl li img{ float:left;} .kcxl li span{ float:left; padding-top:10px;} .kcxl li h4{ font-size:16px; font-weight:bold; color:#FFF;} .kcxl li h5{ font-style:italic; color:#F8F8F8;} /*友情链接*/ .link {padding: 20px 0 45px 0;} .link .tit {height: 40px;} .link .tit h2 {padding-left: 38px; line-height: 40px; background: url(../images/link_icon.png) no-repeat left center;} .link .tit .more {line-height: 50px;} .linkCont {width: 100%; height: 160px; margin-top: 24px; background: #fff; overflow: hidden;} .linkCont ul {margin: 2px 0 0 -6px;} .linkCont ul:after {display: block; clear: both; content: ""; overflow: hidden;} .linkCont ul li {float: left; width: 218px; height: 46px; margin: 20px 0 0 30px; text-align: center; line-height: 46px; font-size: 16px;} .linkCont ul li a {display: block; width: 100%; height: 100%; color: #000; border: 1px dashed #e18e08;} .linkCont ul li a:hover {color: #cb0a0a; border: 1px dashed #cb0a0a;} /************列表页************/ .content {padding: 16px 0 50px 0;} .content:after {display: block; clear: both; content: ""; overflow: hidden;} .contentL {float: left; width: 280px; height: auto; background: #f5f5f5;} .contentLHead {width: 100%; height: 68px; line-height: 68px; background: #cb0a0a;} .contentLHead h2 {font-size: 20px; font-weight: bold; color: #fff;} .listContentHead h2 {padding-left: 52px; background: url(../images/list_tit_icon.png) no-repeat 14px center;} .contentLList {width: 100%; height: auto;} .contentLList h3 {height: 58px; line-height: 58px; font-size: 18px; text-align: center; color: #4c4c4c; border-bottom: 1px solid #e9e9e9; position: relative; cursor: pointer; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .contentLList h3:hover {color: #fff; background: #00a642;} .contentLList h3 span {display: block; position: absolute;} .contentLList h3 span.contentSJ {width: 8px; height: 8px; top: 50%; margin-top: -4px; left: 50px; background: url(../images/list_sj.png) no-repeat center; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .contentLList h3 span.contentJJ {width: 16px; height: 16px; top: 50%; margin-top: -8px; right: 32px; background: url(../images/jiahao.png) no-repeat center; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .contentLList h3.on {color: #fff; background: #00a642;} .contentLList h3.active span.contentSJ {background: url(../images/list_sj_a.png) no-repeat center; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);} .contentLList h3.active span.contentJJ {background: url(../images/list_jianhao.png) no-repeat center;} .drop {display: none; } .drop li {width: 100%; height: 56px; text-align: center; line-height: 56px; color: #999999; border-bottom: 1px solid #e9e9e9; cursor: pointer; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .drop li:hover, .drop li.active{color: #fff; background: #00a642;} .contentR {float: right; width: 880px; height: auto;} .contentTit {width: 100%; margin-top: 8px; line-height: 40px; border-bottom: 1px solid #dcdcdc;} .contentTit:after {display: block; clear: both; content: ""; overflow: hidden;} .contentTit h3 {float: left; font-size: 16px; font-weight: bold; color: #4d4d4d;} .contentTit p {float: right; color: #808080;} .contentTit p a {color: #808080;} .contentTit p a:hover {color: #cb0a0a; text-decoration: underline;} .contentTit p span {color: #cb0a0a;} .contentInner {width: 100%; height: auto;} .listInner ul {margin-bottom: 40px;} .listInner ul li {width: 100%; height: auto; margin-top: 30px; border-bottom: 1px solid #dcdcdc;} .listInner ul li:first-child {margin-top: 20px;} .listInner ul li:last-child {border-bottom: none;} .listInner ul li a:after {display: block; clear: both; content: ""; overflow: hidden;} .listInner ul li a {width: 100%; height: 160px; display: block; margin-bottom: 30px; padding: 15px; box-sizing: border-box; overflow: hidden;} .listInner ul li a:hover {background: #FFF;} .listInner ul li a:hover h4 {color: #cb0a0a;} .listInner ul li a:hover .listInnerL p {color: #4c4c4c;} .listInner ul li a:hover .listInnerR span {color: #fff; background: #cb0a0a;} .listInnerL {float: left; width: 700px;} .listInnerL h4 {margin-bottom: 15px; font-size: 16px; font-weight: bold; line-height: 35px; color: #4c4c4c;} .listInnerL p {line-height: 26px; color: #a6a6a6;} .listInnerR {float: right; width: 86px; } .listInnerR p {margin-top: 10px; text-align: center; line-height: 30px; color: #999;} .listInnerR span {width: 74px; height: 30px; display: block; margin: 32px 0 0 8px; text-align: center; line-height: 30px; color: #999; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .page {width: 100%; height: 36px; margin:20px 0; text-align: center; line-height: 36px; color: #333333;} .page em {display: inline-block; height: 100%; margin: 0 3px; padding: 0 15px; border: 1px solid #eee; vertical-align: top; cursor: pointer;} .page em:hover {background: #f5f4f4;} .page em.active {color: #fff; background: #cb0a0a;} .page i {display: inline-block; height: 100%; margin: 0 3px; padding: 0 16px; border: 1px solid #eee; cursor: pointer;} .page i:hover {background: #f5f4f4;} .page i.active {color: #fff; background: #cb0a0a;} .page a {display: inline-block; height: 100%; margin: 0 3px; padding: 0 12px; border: 1px solid #eee;} .page a:hover {background: #f5f4f4;} .page a.active {color: #fff; background: #cb0a0a;} .page p {display: inline-block; height: 100%; margin-left: 20px;} /*****************内容页**************/ .cont {padding: 26px 0 60px 0;} .contTit {height: 40px; line-height: 40px; color: #808080; border-bottom: 1px solid #dcdcdc;} .contTit a {color: #808080;} .contTit a:hover {color: #cb0a0a; text-decoration: underline;} .contTit span {color: #cb0a0a;} .contTop {width: 100%; height: 120px; text-align: center; border-bottom: 1px solid #eee;} .contTop h3 {padding-top: 30px; font-size: 16px; font-weight: bold; line-height: 40px; color: #4c4c4c;} .contTop p {font-size: 12px; line-height: 32px; color: #b2b2b2;} .contTop p span {cursor: pointer;} .contTop p span.active {color: #cb0a0a;} .contPc {margin: 30px 0 30px 0; text-align: center;} .contPc img {width: 548px;} .contTxt p {color: #4c4c4c; line-height: 30px; text-indent: 2em; margin-top: 10px;} /**************研究平台*************/ .sciplatSInner {margin-top: 30px;} .sciplatList {width: 100%; height: 370px; margin-bottom: 20px;} .sciplatList:after {display: block; clear: both; content: ""; overflow: hidden;} .sciplatList h3 {padding: 0 5px; line-height: 50px; font-size: 24px; font-weight: bold; color: #cb0a0a;} .sciplatList1 .sciplatListPc {float: left;} .sciplatList1 .sciplatListTxt {float: right;} .sciplatList2 .sciplatListPc {float: right;} .sciplatList2 .sciplatListTxt {float: left;} .sciplatList2 h3 {text-align: right;} .sciplatListPc {width: 430px; height: 280px; margin-top: 20px; overflow: hidden;} .sciplatListPc img {width: 100%; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .sciplatListPc img:hover {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);} .sciplatListTxt {padding: 10px; width: 430px; margin-top: 35px; color: #4c4c4c;} .sciplatListTxt p {line-height: 38px;} /**************列表-内容页*************/ .listContInner .contPc img {width: 754px;} /*******************人才培养*****************/ .rcpyHead h2 {padding-left: 55px; background: url(../images/rcpy_icon.png) no-repeat 10px center;} .rcpyCont {width: 100%; overflow: hidden;} .rcpyCont ul {width: 952px; margin-left: -80px;} .rcpyCont ul:after {display: block; clear: both; content: ""; overflow: hidden;} .rcpyCont ul li {float: left; width: 148px; height: 270px; margin-left: 90px; margin-top: 35px; text-align: center;} .rcpyCont ul li a {display: block; width: 100%; height: 100%;} /*.rcpyCont ul li:hover {box-shadow: 0 0 15px #333;}*/ .rcpyCont ul li:hover p {font-weight: bold; color: #333;} .rcpyCont ul li:hover .rcpyPc img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);} .rcpyPc {width: 148px; height: 200px; overflow: hidden;} .rcpyPc img {width: 100%; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .rcpyCont ul li h3 {margin-top: 10px; font-weight: bold; color: #333;} .rcpyCont ul li p {margin-top: 8px; font-size: 12px; color: #838383;} /***************仪器平台****************/ .contentYqpt h3 span.contentSJ {left: 24px;} .contentYqpt h3 span.contentJJ {right: 22px;} .yqptCont {width: 100%; overflow: hidden;} .yqptCont ul {width: 972px; height: auto; margin: 5px 0 50px -73px;} .yqptCont ul:after {display: block; clear: both; content: ""; overflow: hidden;} .yqptCont ul li {float: left; width: 234px; height: 212px; margin-left: 80px; margin-top: 15px;} .yqptCont ul li:hover .yqptPc {box-shadow: 0 0 18px #bcbbbb;} .yqptCont ul li:hover .yqptPc img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);} .yqptCont ul li:hover p {color: #cb0a0a;} .yqptCont ul li a {display: block;} .yqptCont ul li img {width: 100%; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .yqptPc {width: 230px; height: 160px; border: 2px solid #fff; border-radius: 2px; overflow: hidden; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} .yqptCont ul li p {margin-top: 20px; text-align: center; color: #333; } .xx{ width:467px; height:123px; float:left; background-image:url(../temp/32.jpg); background-position:center; background-repeat:no-repeat; margin-left:30px;} .xx ul li{ float:left; text-align:center; padding:0 8px;} .xx ul{ padding-left:120px;} .zhiyuan{width:100%; height:400px; overflow:auto; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix10:after { content:"."; display:block; height:10px; clear:both; visibility:hidden; } .h10{height:10px;} .h15{height:15px;} #header{width:1200px; margin:0 auto;} .navBar { width:1200px; margin:0 auto; height:60px; line-height:60px; background:#c41818; color:#333; } .nav { position:relative; width:1300px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei; font-size:16px; } .nav a { color:#fff; } .nav h3 { font-size:100%; font-weight:normal; } .nav .m { float:left; position:relative; z-index:1; } .nav .s { float:left; width:3px; text-align:center; color:#D4D4D4; font-size:16px; } .nav h3 a { display:block; width:128px; text-align:center; font-weight:bold; } .nav .sub { display:none; position:absolute; left:5px; top:60px; z-index:1; width:118px; border:1px solid #E6E4E3; border-top:0; background:#fff; } .nav .sub li { text-align:center; padding:0 8px; margin-bottom:-1px; } .nav .sub li a { display:block; border-bottom:1px solid #E6E4E3; padding:8px 0; height:28px; line-height:28px; color:#000; font-size:15px; } .nav .sub li a:hover { color: #CA0005; font-weight:bold; } .nav .block { height:8px; width:120px; background:#FE7700; position:absolute; left:0px; top:52px; overflow:hidden; } .scrollleft{width:1260px;padding:5px;margin:15px auto;} .scrollleft li{float:left;margin-right:7px;display:text-align:center;line-height:19px} .scrollleft img{width:200px;height:266px;padding:10px;border:solid 1px #ddd;} .c-banner{ width: 100%; position: relative; } .c-banner img{ width: 100%; } .c-banner .banner ul{ list-style: none; padding-left: 0px; margin-bottom: 0px; } .c-banner .banner ul li{ position: absolute display: none; opacity: 0; } .c-banner .banner ul li:nth-child(1){ opacity: 1; display: block; } .c-banner .banner ul li img{ width: 100%; position: absolute; top: 0px; } .c-banner .banner ul li:first-child img{ position: relative; } .c-banner .nexImg,.c-banner .preImg{ padding: 25px 10px 25px 10px; position: absolute; top: 50%; margin-top: -53px; background: #000000; opacity: 0.5; border-radius: 5px; z-index: 10; } .c-banner .nexImg:hover,.c-banner .preImg:hover{ opacity: 0.8; } .c-banner .nexImg{ right: 0px; } .c-banner .nexImg img,.c-banner .preImg img{ } .c-banner .jumpBtn{ width: 100%; position: absolute; bottom: 20px; text-align: center; } .c-banner .jumpBtn ul{ margin-bottom: 0px; padding: 0px; } .c-banner .jumpBtn ul li{ width: 30px; height: 30px; border-radius: 50%; display: inline-block; background-color: white; opacity: 0.9; margin-left: 10px; } .c-banner .jumpBtn ul li:first-child{ margin-left: 0px; } @media screen and (max-width:768px) { .c-banner{ width: 100%; height: 345px; overflow: hidden; } .c-banner .banner ul li img{ width: 768px; height: 345px; position: absolute; left: 50%; margin-left: -384px; } }