@charset "utf-8"; /* CSS Document */ *{ margin: 0;padding: 0;border:0;} img{border:none; max-width: 100%;} /*index 网站首页样式展示*/ .kb10{ height:10px; background: #f3f3f3; } .notice { line-height: 40px; width: 94%; overflow: hidden; padding: 0 3%; background-color:#fff; } .notice .left { font-size: 14px; line-height: 40px; font-weight: bold; color: #f38044; padding-left: 26px; float: left; background: url(../images/notice.png) no-repeat; background-size: 20px 40px; } .notice .box { float: left; width: 68%; height: 40px; overflow: hidden; box-sizing: content-box; } .notice .box li { line-height: 40px; overflow: hidden; width: 100%; } .notice .box li a { color: #4c4c4c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 96%; padding: 0 2%; display: block; font-size: 14px; } .inco { box-sizing: border-box; width: 100%; overflow: hidden; height: auto; padding: 5px 2% 0 2%; } .inco li { width: 25%; float: left; height: 105px; box-sizing: border-box; } .inco li a { display: block; font-size: 14px; text-align: center; color: #494949; overflow: hidden; box-sizing: border-box; } .inco li a i { width: 65px; height: 65px; display: block; background-size: 100% !important; border-radius: 25px; margin: 4px auto; } .inco li:nth-child(1) a i { background: url(../images/nav1.png) #22c5a7 no-repeat center center; } .inco li:nth-child(2) a i { background: url(../images/nav2.png) #ff505a no-repeat center center; } .inco li:nth-child(3) a i { background: url(../images/nav3.png) #f38044 no-repeat center center; } .inco li:nth-child(4) a i { background: url(../images/nav4.png) #ff7ad4 no-repeat center center; } .inco li:nth-child(5) a i { background: url(../images/nav5.png) #fba500 no-repeat center center; } .inco li:nth-child(6) a i { background: url(../images/nav6.png) #00c3e5 no-repeat center center; } .inco li:nth-child(7) a i { background: url(../images/nav7.png) #4fdbbf no-repeat center center; } .inco li:nth-child(8) a i { background: url(../images/nav8.png) #309bdf no-repeat center center; } .container { width: 94%; padding: 0 3%; } .search { background: #efefef; overflow: hidden; margin: 10px 0px; border-radius: 35px; } .search .txt { width: 76%; float: left; height: 35px; border: none; font-size: 14px; background: none; text-indent: 30px; border-radius: 35px; } .search .but { width: 24%; height: 35px; float: right; cursor: pointer; border: none; font-size: 14px; background: #22c5a7; border-radius: 35px; color: #FFF } .sy_inco { height: 50px; line-height: 50px; margin: 5px 0 20px 0; border-bottom: 1px solid #ced3da; text-align: center; position: relative; font-size: 18px; color: #414141; } .sy_inco:after { position: absolute; content: ''; background: url(../images/inco.png) no-repeat top left; background-size: 100%; left: 50%; margin-left: -8px; bottom: -8px; width: 16px; height: 16px; } .jj { background: url(../images/jj.jpg) no-repeat top center; background-size: 100%; overflow: hidden; } .jj .img { border: 3px solid #FFF; border-radius: 5px; max-width: 500px; margin: 0 auto; margin-bottom: 10px; box-shadow: 0 0 4px #757373; } .jj .img img { display: block; width: 100%; border-radius: 4px; } .jj .cont{ font-size: 14px; line-height: 26px; color: #555; } .jj .jj_more { width: 30%; height: 35px; background: #22c5a7; color: #FFF; margin: 20px 1.6%; display: block; border-radius: 18px; text-align: center; line-height: 35px; transition: 0.3s; float: left; font-size: 14px; } .jj .jj_more:nth-of-type(2) { background: #309bdf; } .tabBox { margin: 10px auto; } .tabBox ul { display: block; margin: 0px auto; text-align: center; width: 100%; white-space:nowrap;/*一行显示*/ overflow: hidden;/*超出部分隐藏*/ text-overflow: ellipsis;/*用...代替超出部分*/ } .tabBox ul li { display: inline-block; width: 33.3%; overflow: hidden; text-align: center; height: 30px; cursor: pointer; box-sizing: border-box; color: #555; font-size: 14px; border: 1px solid #309bdf; border-left: none; border-radius: 3px; } .tabBox ul li a{ color: #555; display: block; line-height: 30px; } .tabBox ul li:nth-child(1) a { background: #309bdf; color: #FFF; } .tabBox ul li:hover a{ background: #309bdf; color: #fff; } .tabBox .cont{ padding-top: 10px; } .tabBox .cont p,.tabBox .cont span{ font-size: 14px !important; line-height: 26px !important; } .tabBox .con_more{ width: 30%; height: 28px; border: 1px solid #adadad; color: #5f5f5f; margin: 10px auto 20px auto; display: block; font-size: 14px; border-radius: 14px; text-align: center; line-height: 28px; transition: 0.3s; } .tabBox .con_more:hover{ background: #22c5a7; color: #FFF; border-color: #22c5a7; } .le ul{ overflow: hidden; } .le li { width: 49%; height: 110px; float: left; background: #000; position: relative; margin-bottom: 8px; overflow: hidden; } .le li:nth-of-type(2){ margin-left: 2%; } .le li:nth-of-type(4){ margin-left: 2%; } .le li img { display: block; } .le li .img { width: 100%; display: block; position: absolute; z-index: 1; } .le li .img img { opacity: 0.3; } .le li .tit { position: relative; z-index: 9; margin: 5px; line-height: 33px; padding: 60px 0 5px 0px; font-size: 14px; border: 1px solid rgba(255,255,255,0.3); text-align: center; color: #FFF; } .le li:nth-of-type(1) .tit { /* background: url(../images/le1.png) no-repeat top right;*/ background-size: auto 70%; background-position: top center; } .le li:nth-of-type(2) .tit { /* background: url(../images/le2.png) no-repeat top right;*/ background-size: auto 70%; background-position: top center; } .le li:nth-of-type(3) .tit { /* background: url(../images/le3.png) no-repeat top right;*/ background-size: auto 70%; background-position: top center; } .le li:nth-of-type(4) .tit { /* background: url(../images/le4.png) no-repeat top right;*/ background-size: auto 70%; background-position: top center; } #xw_list { padding: 5px 0 15px 0; } #xw_list li { position: relative; width: 100%; z-index: 2; } #xw_list li:before { content: ''; position: absolute; top: 0; left: 7px; height: 100%; z-index: -1; border-left: 1px solid #949494; } #xw_list li a { font-size: 12px; color: #949494; line-height: 20px; display: block; padding: 10px 0 0 20px; background: url(../images/news_li.png) no-repeat left 20px; background-size: 14px; } #xw_list li .tit { color: #363636; font-size: 14px; line-height: 20px; padding: 5px 0; }