*{ padding: 0; margin: 0; } #slide0{ cursor: pointer; } body { font: 12px/1.5 'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; } .slicedot{ margin: 0 auto; } .dotponit{ display: inline-block; width: 10px; height: 10px; border-radius: 5px; background-color: white; cursor: pointer; margin-right: 10px; } .dpactive { background-color: rgb(0,204,255); } html,body{ height: 100%; } .body-container{ margin: 0 auto; height:100%; /* width:1000px; */ min-width:1000px; } .header,.header-1k{ position: fixed; width: 100%; height: 80px; top:0; left: 0; z-index: 100; } .header-1k{ background-color: rgba(24,24,24,0.3); position: initial; } .header-container,.header-container-1k{ margin: 0 auto; /* width: 1000px; */ background-color: rgba(24,24,24,0.3); height: 80px; } .header-container-1k{ width: 1000px; } .zs-logo{ display: inline-block; width: 216px; height: 80px; background-image: url(../img/logo1.png); margin-left: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; } .zs-logoEn{ background-image: url(../img/logo1En.png); } .nav{ height: 80px; float: right; display: inline-block; } .navul1{ display: inline-block; height: 80px; line-height: 80px; } .first-menu{ display: inline-block; float: left; list-style: none; margin: 0 5px; text-align: center; width: 80px; height: 80px; position: relative; } .first-menu a,.first-menu a:hover,.first-menu a:visited{ font-size: 13px; color: white; text-shadow:6px 6px 6px rgba(0,0,0,0.8); text-decoration-line: none; text-decoration: none; } .foot_nav{ height: 53px; } .foot_nav .navul1{ height: 53px; line-height: 53px; } .foot_nav .first-menu{ height: 53px; } .navul2{ list-style-type: none; background-color: rgba(24,24,24,0.6); position:absolute; width: 150px; top:53px; display: none; z-index: 101; } .navul21{ list-style-type: none; background-color: rgba(24,24,24,0.6); position:absolute; width: 120px; bottom: 53px; display: none; } .second-menu{ height: 50px; line-height: 50px; } .second-menu a{ text-shadow:0 0 0 black; } .second-menu:hover,.first-menu:hover{ background-color: #3252cd; } .stock{ display: inline-block; float: right; height: 80px; margin: 0 10px; } .stock-dtl{ height: 80px; line-height: 80px; font-size: 14px; color:white; text-shadow:2px 2px 2px black; } .stock-down{ color:green; } .stock-up{ color:red; } .stock-percent-down{ padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: green; } .stock-percent-up{ padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: red; } .lang{ height: 80px; float: right; display: inline-block; margin-right: 10px; } .lang-dtl a,.lang-dtl{ height: 80px; line-height: 80px; margin: 0 2px; color: white; text-shadow:2px 2px 2px black; text-decoration-line: none; text-decoration: none; cursor: pointer; } .lang-active{ color:white; } .slides{ position: fixed; width: 100%; height: 100%; left: 0; } .slide{ height: 100%; background-size: cover; background-position: 50% 50%; } .video{ position: fixed; left: 0; top:35%; } .player{ width: 300px; height: 200px; border: 7px rgba(0,0,0,.4) solid; } .footer{ width: 100%; height: 53px; position: fixed; bottom: 0; left: 0; background-color: rgba(24,24,24,0.6); z-index: 100; } .footer-content{ width: 100%; height: 53px; } .footer-1k{ width: 1000px; margin: 0 auto; min-width: 1000px; } .footer-1k .links{ margin-top: 10px; } .base-info{ display: inline-block; float: left; margin-top: 6px; } .info,.info a{ height: 20px; line-height: 20px; color:white; font-size: 12px; padding-left: 10px; /* text-shadow:2px 2px 2px black; */ text-decoration: none; } .links{ float: right; } .link{ display: inline-block; float: right; margin-left: 10px; margin-top: 8px; margin-right: 10px; cursor: pointer; position: relative; } .qr{ /*position: fixed; bottom: 53px;*/ position: absolute; bottom: 50px; right: 0; } /***鍐呭椤�***/ .content-body{ margin: 0 auto; width: 1000px; /* height: 100%; */ position: relative; } .content-head-pic{ position: relative; top:-80px; left:0; width: 100%; height: 248px; z-index: -1; } .head-pic-text{ position: absolute; left: 0; bottom: 60px; background-color: rgba(24,24,24,0.5); font-size: 32px; text-shadow: 6px 6px 6px rgba(0,0,0,.6); height: 80px; line-height: 80px; text-align: left; padding-left: 20px; color: white; display: inline-block; padding-right: 80px; letter-spacing: 2; } .bread{ width: 100%; height: 40px; border-bottom: 1px rgba(0,0,0,.5) solid; margin-top: -53px; } .bread-info{ line-height:40px; background-color: white; color: rgba(0,0,0,0.8); display: inline-block; float: left; font-size: 14px; } .search{ display: inline-block; float: right; height: 40px; position: relative; } #searchNews{ height: 30px; line-height: 30px; margin: 5px; width: 260px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px rgba(0,0,0,.2) solid; background: rgba(255,255,255,.2); color: rgba(0,0,0,0.8); position: relative; right: -35px; padding-left: 2px; } #searchNews:focus{ border-color: rgba(0, 172, 160, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 172, 160, 0.8); } .search-icon{ width: 28px; height: 28px; background-color: blue; cursor: pointer; position: relative; right: 0; } .btn-search{ width: 30px; height: 30px; background-color: rgba(255,255,255,.2); position: relative; left: -5px; border: 0; cursor: pointer; color: rgba(0,0,0,0.8); background-image: url(../img/search_24.png); background-position: center; background-repeat: no-repeat; } .center-body{ margin: 1px auto; width: 1000px; } .body-left{ width: 200px; float: left; /* height: 100%; */ position: relative; } .body-right{ width: 760px; min-height: 400px; position: relative; float: right; padding:15px 15px 40px 15px; border:1px rgba(0,0,0,.2) solid; margin-top:6px; box-shadow: 5px 5px 5px rgba(0,0,0,.4); } .body-right p{ font-size: 14px; color: rgba(0,0,0,.8); } .left-nav{ margin-top: 6px; } .left-nav-ul{ list-style-type: none; } .left-ul-li{ /* margin: 10px 0; padding-left: 10px; */ height: 40px; line-height: 40px; font-size: 14px; color: rgba(0,0,0,.8); text-align: center; cursor: pointer; border-bottom: 1px rgba(0,0,0,.2) solid; width: 175px; } .active-li{ /* background-image: url(../img/active.png); */ background-color: rgb(0,172,160); color: white; /* height: 54px; */ border-bottom: 0; background-position: center; /* width: 190px; text-indent: -5px; */ box-shadow: 3px 3px 3px rgba(0,0,0,.5); } .left-pic{ width: 200px; min-height: 250px; background-image: url('../img/bg.png'); background-position: center; background-repeat: no-repeat; background-size: contain; /* position: fixed; top: 380px; */ } .dw{ position: fixed; bottom: 80px; } .right-header{ width: 100%; height: 210px; border-bottom: 1px rgba(0,0,0,.2) solid; } .news-pic{ width: 285px; height: 189px; display: inline-block; } .news-pic-st{ width: 283px; height: 189px; box-shadow:6px 6px 6px rgba(0,0,0,.5); margin: 0; cursor: pointer; } .news-desc{ width: 460px; height:189px; display: inline-block; float: right; } .news-desc-title{ width: 400px; min-height: 150px; /* height: 50px; */ font-size: 20px; color: rgb(0,172,160); line-height: 1.2; margin: 10px auto; word-wrap: break-word; cursor: pointer; overflow: hidden; text-overflow: ellipsis; font-weight: bold; } .news-desc-digest{ display: none; /* font-size:14px; width: 400px; height: 7.2em; margin: 0 auto; line-height: 1.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: rgba(0,0,0,.8); cursor: pointer; */ } /* .news-desc-digest::after{ content:'...'; font-weight:bold; position:absolute; bottom:0; right:50px; padding: 0 5px 0 10px; background:#fff; } */ .news-desc-dot{ width: 400px; margin: 10px auto; text-align: center; } .dot{ width: 8px; height: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: white; border-color:rgba(0,0,0,.1); display: inline-block; margin-left: 20px; cursor: pointer; border-style: solid; border-width: 1px; /* box-shadow: 1px 1px 1px black; */ } .dot1{ width: 6px; height: 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(0,0,0,.8); border-color:rgba(0,0,0,.8); display: inline-block; vertical-align: middle; margin-left: 20px; cursor: pointer; } .active-dot{ background-color: rgba(0,0,0,.4); } .news-list{ width: 100%; } .news-list-ul{ padding-top: 5px; } .news-list-li{ list-style-type: none; height: 30px; line-height: 30px; font-size: 13px; color: rgba(0,0,0,.8); cursor: pointer; } .news-list-li-title{ font-size:14px; padding-left: 10px; display: inline-block; vertical-align: middle; width: 590px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news-list-li-dt{ float: right; padding-right: 10px; color: rgba(0,0,0,.6); } .page{ width: 100%; height: 30px; margin-top:20px; } .gap{ width: 100%; height:0.1px; margin-bottom: 10px; } .news-title{ text-align: center; margin: 2px 20px 10px; font-size: 24px; color: rgba(0,0,0,.9); font-weight: bold; text-align: left; } .news-info{ margin: 2px 20px; color: rgba(0,0,0,.3); border-bottom: 1px rgba(0,0,0,.3) solid; } .news-from,.news-date{ padding: 0 20px 0 0; } .news-count{ float: right; } .news-content{ margin: 20px; color: rgba(0,0,0,.8); line-height: 2; max-width:100%; } .news-content p{ max-width:100%; } .news-content span{ max-width:100%; text-wrap:unset !important; } .news-content>p>span{ text-wrap:unset !important; max-width:100%; } .article-content img{ width: 600px; height:400px; } .article-content img[src*="fileTypeImages"]{ width: 16px; height:16px; } #share{ height:30px; text-align: right; padding-right: 10px; position: absolute; bottom: 20px; right: 10px; } #share a{ width: 16px; height: 16px; line-height: 16px; font-size: 14px; } .album-nav{ height: 35px; margin-top: 4px; padding-left: 10px; border-bottom: 1px #ccc solid; } .album-li{ display: inline-block; float: left; margin-right: 2px; font-size: 14px; height: 35px; line-height: 35px; -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px; background-color: white; padding: 0 10px; box-shadow:6px 0px 6px rgba(0,0,0,.5); color:rgba(0,0,0,.8); cursor: pointer; border-left: 1px rgba(0,0,0,.2) solid; min-width: 100px; text-align: center; } .album-active{ color:white; background-color: rgb(0,172,160); border-left: 0; } .albums{ width: 100%; margin: 5px 0; background-color: red; } .album{ display: inline-block; float: left; width: 154px; height: 240px; margin: 16px; text-align: center; color:rgba(0,0,0,0.8); /* text-shadow: 1px 1px 1px black; */ cursor: pointer; } .album img{ width: 150px; height: 225px; margin: 5px; box-shadow: 6px 6px 6px rgba(0,0,0,.5); } .branch-content{ width: 100%; margin: 5px; } .branch-list{ width: 50%; margin: 2px; display: inline-block; } .branch-li{ list-style: none; margin-bottom: 6px; } .branch-title,.branch-name{ color: rgb(0,172,160); } .branch-title{ cursor: pointer; } .branch-desc{ color: rgba(0,0,0,0.6); padding-left: 15px; } .branch-dot{ width: 6px; height: 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.1); display: inline-block; margin: 0 5px 0 0; border-style: solid; border-width: 1px; } .more-branch{ margin: 15px 0; } .more{ padding-left: 15px; color: rgba(0,0,0,.6); display: none; } .area{ margin:5px 0; } .branch-map{ display: inline-block; float: right; margin-right: 10px; } .subcom-title{ margin: 2px 2px 6px; border-bottom: 1px rgba(0,0,0,.3) solid; height: 35px; } .subcom-title span{ background-color: rgb(0,172,160); color: white; padding: 2px 10px 1px; -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px; font-size: 13px; box-shadow: 6px 0px 6px rgba(0,0,0,.5); height: 33px; line-height: 30px; display: inline-block; } .subcom-list{ margin: 5px 5px 20px; height: 180px; } .subcom-pic{ display: inline-block; width: 213px; height: 142px; box-shadow: 6px 6px 6px rgba(0,0,0,.6); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; cursor: pointer; } .subcom-pic img{ width: 213px; height: 142px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .subcom-desc{ display: inline-block; width: 500px; height: 100px; vertical-align: middle; margin-left: 10px; border-radius: 5px; color: rgba(0,0,0,0.6); padding-left: 10px; line-height: 1.8; overflow: hidden; margin-top: -30px; } .subcom-url{ display: inline-block; width: 400px; height: 30px; position: relative; left: 230px; top: -20px; color: rgba(0,0,0,.6); } .business-content{ margin: 10px 1px; color: rgb(102,102,102); line-height: 1.6; letter-spacing: 1.2; } .sub-catelog-articles-list{ height: 24px; line-height: 24px; color: rgba(0,0,0,.6); cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sub-catelog-more{ text-align: right; padding-right: 40px; color: rgba(0,0,0,.6); cursor: pointer; } .sub-catelog{ margin-bottom: 20px; } .leaders{ margin: 25px 10px; display: none; } .leader-names{ margin-right: 20px; display: inline-block; cursor: pointer; line-height: 2.5; color: rgba(0,0,0,.7); } .curr-leader-names{ font-weight: bold; border-bottom: 1px rgb(0,172,160) solid; color: black; } .leader-img{ display: inline-block; width: 200px; height: 300px; float: left; border: 1px #ddd solid; box-shadow: 6px 6px 6px rgba(0,0,0,.6); margin-left: 10px; } .leader-img img{ width: 100%; height: 100%; } .leader-info{ display: inline-block; width: 450px; margin-left: 60px; } .leader-name{ font-size: 14px; font-weight: bold; coloe:rgba(0,0,0,.8); } .leader-desc{ color: rgba(0,0,0,.6); margin-top: 10px; line-height: 1.8; } .leader-dtl{ display: none; } .pic5{ width: 360px; display: inline-block; margin: 10px; } .pic25{ width: 170px; display: inline-block; margin: 10px; } .pic5 img,.pic25 img{ width: 90%; } .pic-desc{ text-align: center; } .pic-img{ text-align: center; } .zzzx{ display: none; } .pic-descs{ margin-top: 20px; background-color: rgba(0,0,0,0.4); color: white; position: fixed; bottom: 18%; left: 2px; z-index: 200; } .pic-desc{ text-align: center; padding: 5px 0; font-size: 14px; color: #666; /* display: none; */ } .pic-desc-subtitle{ font-size: 13px; padding-left: 10px; padding-top: 15px; color: #fff; } .pic-desc-subtitle .line1{ display: inline-block; width: 50px; border-top: 1px solid #ccc ; } .pic-desc-subtitle .line2{ display: inline-block; width: 60%; border-top: 1px solid #ccc ; } .pic-desc-subtitle .txt { vertical-align: middle; width: 65px; } .pic-desc-title{ font-size: 26px; margin-top: 5px; margin-left: 10px; margin-right: 20px; margin-bottom: 5px; color: #fff; text-shadow: 6px 6px 6px rgba(0,0,0,.6); }