/*banner*/ .banner { width: 100%; height: 420px;} .banner .slideBox { width: 100%; position: relative;height: 420px; overflow: hidden; z-index: 0;} .banner .slideBox span { display: block; position: absolute; top: 50%; margin-top: -46px; z-index: 1; width: 46px; height: 92px; cursor: pointer;} .banner .slideBox .prev { left: 12%; background: url("../images/arrow1.png") no-repeat ; } .banner .slideBox .next { right: 12%; background: url("../images/arrow2.png") no-repeat ; } .banner .slideBox .bd { width: 100%; z-index: 0; } .banner .slideBox .bd li { zoom: 1;} .banner .slideBox .bd li a { display: block; width: 100%; height: 420px;} .box { width: 894px; margin-top: 30px;} /*title*/ .box .title { border-bottom: 4px solid #f2f2f2; box-sizing: border-box; height: 59px; line-height: 55px;} .box .title h3 { border-bottom:4px solid #851561; padding-left:50px; font-family: "Times New Roman"; font-weight: bold; font-style: italic; font-size: 24px;} .box .title a { color: #adadad; line-height: 55px; text-transform: uppercase; font-size: 16px;} .box .title a:hover { color: #851561; } /*list*/ .box .list ul li { line-height: 56px; padding-left:15px; background: url("../images/icon3.png") no-repeat left center; border-bottom: 1px solid #e5e5e5; } .box .list ul li a { width: 87%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: #707070;} .box .list ul li:hover { border-bottom: 1px dashed #851561; } .box .list ul li:hover a { color: #851561; } .box .list ul li span { font-size: 16px; color: #adadad } /*news*/ .box .news .title { background: url("../images/icon2.png") no-repeat left center; } .box .news .main { margin-top: 30px;} .box .news .main .slideBox1 { overflow: hidden; position: relative; border: 2px solid #cccccc;} .box .news .main .slideBox1 .hd { position: absolute; right: 5px; bottom: 10px; z-index: 1; } .box .news .main .slideBox1 .hd ul li { float: left; margin-right: 3px; width: 8px; height: 8px; background: #fff; cursor: pointer; } .box .news .main .slideBox1 .hd ul li.on { background: #c00; color: #f00; } .box .news .main .slideBox1 .bd { width: 360px; height: 285px; z-index: 0; } .box .news .main .slideBox1 .bd li{ zoom: 1; vertical-align: middle; } .box .news .main .slideBox1 .bd li img { width: 100%; height: 285px; display: block; } .box .news .main .list { width: 510px;} /*below*/ .box .below { margin-top: 40px;} .box .below .list { margin-top: 10px; } /*research*/ .box .below .research { width: 418px; } .box .below .research .title { background: url("../images/icon4.png") no-repeat left center; } /*life*/ .box .below .life { width: 418px; } .box .below .life .title { background: url("../images/icon5.png") no-repeat left center; } /*neiye*/ /*list*/ .box .ny_list .title { background: url("../images/icon2.png") no-repeat left center; } .box .ny_list .main { margin-top: 10px; } .box .ny_list .main .list ul li { border-bottom: 1px solid #fff; line-height: 40px; } .box .ny_list .main .list ul li:hover { border-bottom: 1px dashed #851561; } /*about*/ .box .ny_aobut h2 { font-size: 24px; font-weight: bold; text-align: center; border-bottom: 2px solid #851561; margin-bottom: 20px; padding-bottom: 10px;} .box .ny_aobut p { font-family: "Times New Roman"; font-size: 18px; color: #707070; line-height: 32px; text-indent: 2em;} /*content*/ .ny_content { margin: 30px 0;} .ny_content h2 { font-size: 24px; font-weight: bold; text-align: center;} .ny_content .message { border-bottom: 2px solid #851561; margin: 20px 0; padding-bottom: 20px; text-align: center;} .ny_content .message span { color: #adadad; padding: 0 15px;} .ny_content p { font-family: "Times New Roman"; font-size: 18px; color: #707070; line-height: 32px; text-indent: 2em;} .ny_content .vsbcontent_img{text-align:center;}