@charset "utf-8"; /* CSS Document */ input[type=text], input[type=button], input[type=submit], button, select, textare { outline: none; } body { font-family: 黑体; } html { overflow-x: hidden; } a { transition: all 400ms ease; } .content { position: relative; min-width: 950px; z-index: 22; } .content .left { width: 336px; } .content .hidcon { position: absolute; left: 0px; top: 0px; z-index: 10; } .content .hidcon .logo { display: block; } .content .right { position: absolute; left: 0; top: 0px; height: 100%; overflow: hidden; width: 100%; } .content .right img#coverimg { position: relative; margin-left: -50%; top: 0px; height: 100%; width: auto; left: 50%; z-index: 4; animation: bgscover 2s 2s; -webkit-animation: bgscover 2s 2s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .content .right img#coverimg.s { animation: bgscover 3.2s 0s; -webkit-animation: bgscover 3.2s 0s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .content .leftbg { position: absolute; height: 100%; left: 0px; top: 0px; background-color: #009286; z-index: 1; } .content .rightbg { position: absolute; height: 100%; right: 0; top: 0px; background-color: #2BA395; z-index: 1; } .navhidcon { padding-left: 26px; position: fixed; z-index: 23; left: 0px; top: 0px; opacity: 1; animation: fadeIn1 3s 4s; -webkit-animation: fadeIn1 3s 4s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .navhidcon2 { animation: none; -webkit-animation: none; } .navhidcon3 { position: absolute; } .navhidcon .logo { display: inline-block; *+zoom:1; *+display:inline; margin-top: 58px; } .content .navbtn { margin-top: 34px; } .content .navbtn img { cursor: pointer; } .content .navleft { position: fixed; z-index: 30; left: 0px; left: -336px; top: 0px; height: 100%; +width:336px; background-color: #2e2e2e; opacity: 1;/* animation: navleft1 3.6s 3.2s; -webkit-animation: navleft1 3.6s 3.2s; animation-fill-mode: both; -webkit-animation-fill-mode: both;*/ } .content .navleft2 { left: 0; animation: none; -webkit-animation: none; } /*@-webkit-keyframes navleft1 { 0% { opacity: 0; left: -336px; } 50% { opacity: 1; left: 0px; } 100% { opacity: 0; left: -336px; } } @-moz-keyframes navleft1 { 0% { opacity: 0; left: -336px; } 50% { opacity: 1; left: 0px; } 100% { opacity: 0; left: -336px; } } @-o-keyframes navleft1 { 0% { opacity: 0; left: -336px; } 50% { opacity: 1; left: 0px; } 100% { opacity: 0; left: -336px; } } @keyframes navleft1 { 0% { opacity: 0; left: -336px; } 50% { opacity: 1; left: 0px; } 100% { opacity: 0; left: -336px; } }*/ .companyname { position: absolute; left: 42%; top: 0px; width: 1300px; margin-left: -650px; z-index: 22; } .content .right .companyname img { width: 100%; height: auto; } .content .navleft .logo { display: block; } .content .navleft .nav { width: 100%; padding: 64px 0 0 0; margin-bottom:40px; } .content .navleft .nav li { display: block; text-align: center; line-height: 45px; height: 45px; background: url(../images/mark32.png) no-repeat left top; transition: background .3s ease; +width:100%; } .content .navleft .nav li:hover { background: url(../images/selbg.jpg) no-repeat left top; transition: background .3s ease; } .content .navleft .nav li a.stt { color: #d4d4d4; font-size: 14px; display: block; width: 100%; transition: all 400ms ease; } .content .navleft .nav li:hover a.stt { color: #fff; transition: all 400ms ease; } .content .navleft.s { overflow: inherit; } .content .navleft .nav li .hovhid { position: absolute; right: -250px; width: 250px; top: 0px; height: 100%; background: url(../images/mark31.png) repeat center top; display: none; } .content .navleft .nav li:hover .hovhid { display: block; } .content .navleft .nav li .hovhid .con1 a { text-align: left; font-size: 14px; margin-top: 22px; margin-bottom: 22px; color: #d4d4d4; } .content .navleft .nav li .hovhid .con1 a:hover { color: #fff; } .content .navleft .nav li:hover .hovhid a { opacity: 1; animation: fadeIn3 0.5s 0s; -webkit-animation: fadeIn3 0.5s 0s; animation-fill-mode: both; -webkit-animation-fill-mode: both; overflow: hidden; } .content .navleft .nav li .hovhid a { color: #fff; display: block; } .content .navleft .nav li .hovhid .con1 { width: 100%; margin-left: 50px; left: 0px; position: absolute; top: 50%; } .content .navleft .nav li.select { background-color: #029c89; background: url(../images/selbg.jpg) repeat-y left top; transition: all 400ms ease; transition: color 400ms ease; } .content .navleft .nav li.select a { color: #fff; } .content .subcon { font-size: 13px; color: #a0a0a0; text-align: center; /*padding-bottom: 30px;*/ padding-bottom: 13px; } .content .subcon a { color: #a0a0a0; vertical-align: middle; } .content .subcon .ver { vertical-align: middle; margin-left: 12px; margin-right: 12px; } .content .subcon a:hover { color: #fff; } .content .icocon { text-align: center; font-size: 0px; } .content .botb { position: absolute; left: 0px; width: 100%; bottom: 59px; } .content .icocon a { display: inline-block; *+display:inline; *+zoom:1; vertical-align: middle; margin-left: 17px; margin-right: 17px; } .content .icocon .guid { background: url(../images/mark06.jpg) no-repeat center scroll; width: 43px; height: 43px; transition: all 400ms ease; } .content .icocon .guid:hover { background: url(../images/mark06.png) no-repeat center scroll; transition: all 400ms ease; } .content .icocon .lsg { background: url(../images/mark08.jpg) no-repeat center scroll; width: 43px; height: 43px; transition: all 400ms ease; } .content .icocon .lsg:hover { background: url(../images/mark08.png) no-repeat center scroll; width: 43px; height: 43px; transition: all 400ms ease; } .companyname.leftline { width: 1300px; background: url(../images/leftline.png) no-repeat left top; background-size: auto 100%; height: 632px; animation: linefs 5s 3.6s; -webkit-animation: linefs 5s 3.6s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .companyname.rightline { width: 1300px; background: url(../images/rightline.png) no-repeat right top; background-size: auto 100%; height: 632px; left: auto; right: 58%; margin-right: -650px; margin-left: auto; animation: linefs 5s 3.6s; -webkit-animation: linefs 5s 3.6s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .companyname.text img { left: 50%; } .companyname.text { opacity: 1; animation: fadeIn 2.0s 5.5s; -webkit-animation: fadeIn 2.0s 5.5s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .ente { width: 186px; height: 119px; display: block; position: fixed; right: 110px; bottom: 120px; z-index: 31; opacity: 1; animation: fadeInDown 2.2s 10s; -webkit-animation: fadeInDown 2.2s 10s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .ente img { position: absolute; bottom: 0px; left: 0px; display: block; } .ente.s { cursor: pointer; } .ente.s img { -webkit-animation: jump 2s infinite; -moz-animation: jump 2s infinite; -o-animation: jump 2s infinite; -ms-animation: jump 2s infinite; animation: jump 2s infinite; animation-fill-mode: both; -webkit-animation-fill-mode: both; } @-webkit-keyframes jump { 0% { bottom: 0px; -webkit-animation-timing-function: ease-in; } 25% { bottom: 4px; -webkit-animation-timing-function: ease-out; } 50% { bottom: 6px; -webkit-animation-timing-function: ease-in; } 75% { bottom: 4px; -webkit-animation-timing-function: ease-out; } 100% { bottom: 0px; -webkit-animation-timing-function: ease-in; } } @-moz-keyframes jump { 0% { bottom:0px; -moz-animation-timing-function: ease-in; } 25% { bottom: 4px; -moz-animation-timing-function: ease-out; } 50% { bottom:6px; -moz-animation-timing-function: ease-in; } 75% { bottom: 4px; -moz-animation-timing-function: ease-out; } 100% { bottom: 0px; -moz-animation-timing-function: ease-in; } } @-o-keyframes jump { 0% { bottom:0px; -o-animation-timing-function: ease-in; } 25% { bottom: 4px; -o-animation-timing-function: ease-out; } 50% { bottom:6px; -o-animation-timing-function: ease-in; } 75% { bottom:4px; -o-animation-timing-function: ease-out; } 100% { bottom:0px; -o-animation-timing-function: ease-in; } } @-ms-keyframes jump { 0% { bottom:0px; -ms-animation-timing-function: ease-in; } 25% { bottom:4px; -ms-animation-timing-function: ease-out; } 50% { bottom: 6px; -ms-animation-timing-function: ease-in; } 75% { bottom: 4px; -ms-animation-timing-function: ease-out; } 100% { bottom:0px; -ms-animation-timing-function: ease-in; } } @keyframes jump { 0% { bottom: 0px; animation-timing-function: ease-in; } 25% { bottom:4px; animation-timing-function: ease-out; } 50% { bottom: 6px; animation-timing-function: ease-in; } 75% { bottom: 4px; animation-timing-function: ease-out; } 100% { bottom:0px; animation-timing-function: ease-in; } } .content .navbtn1 { position: absolute; right: 0px; top: 50%; margin-top: -25px; cursor: pointer; -webkit-animation: jump1 1.6s infinite; -moz-animation: jump1 1.6s infinite; -o-animation: jump1 1.6s infinite; -ms-animation: jump1 1.6s infinite; animation: jump1 1.6s infinite; animation-fill-mode: both; -webkit-animation-fill-mode: both; padding: 10px; } .content .rightbg.ov { height: 100%; width: 0px; top: 0px; right: 0; animation: rightbgov 3.2s 2s; -webkit-animation: rightbgov 3.2s 2s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .content .rightbg.ov .mo { position: absolute; left: 0px; width: 600px; height: 100%; z-index: 1; background-color: #2BA395; top: 0px; } .content .index { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1000; transition: background 400ms ease; background: url(../images/mark11.jpg) no-repeat center top; background-size: 100% 100%; opacity: 1;/* animation: indexout 3.2s 2s; -webkit-animation: indexout 3.2s 2s; animation-fill-mode: both; -webkit-animation-fill-mode: both;*/ } @-webkit-keyframes jump1 { 0% { right: 10px; -webkit-animation-timing-function: ease-in; } 25% { right: 14px; -webkit-animation-timing-function: ease-out; } 50% { right: 16px; -webkit-animation-timing-function: ease-in; } 75% { right: 14px; -webkit-animation-timing-function: ease-out; } 100% { right: 10px; -webkit-animation-timing-function: ease-in; } } @-moz-keyframes jump1 { 0% { right: 10px; -webkit-animation-timing-function: ease-in; } 25% { right: 14px; -webkit-animation-timing-function: ease-out; } 50% { right: 16px; -webkit-animation-timing-function: ease-in; } 75% { right: 14px; -webkit-animation-timing-function: ease-out; } 100% { right: 10px; -webkit-animation-timing-function: ease-in; } } @-o-keyframes jump1 { 0% { right: 10px; -webkit-animation-timing-function: ease-in; } 25% { right: 14px; -webkit-animation-timing-function: ease-out; } 50% { right: 16px; -webkit-animation-timing-function: ease-in; } 75% { right: 14px; -webkit-animation-timing-function: ease-out; } 100% { right: 10px; -webkit-animation-timing-function: ease-in; } } @-ms-keyframes jump1 { 0% { right: 10px; -webkit-animation-timing-function: ease-in; } 25% { right: 14px; -webkit-animation-timing-function: ease-out; } 50% { right: 16px; -webkit-animation-timing-function: ease-in; } 75% { right: 14px; -webkit-animation-timing-function: ease-out; } 100% { right: 10px; -webkit-animation-timing-function: ease-in; } } @keyframes jump1 { 0% { right: 10px; -webkit-animation-timing-function: ease-in; } 25% { right: 14px; -webkit-animation-timing-function: ease-out; } 50% { right: 16px; -webkit-animation-timing-function: ease-in; } 75% { right: 14px; -webkit-animation-timing-function: ease-out; } 100% { right: 10px; -webkit-animation-timing-function: ease-in; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeIn { 0% { -webkit-transform: scale(0) translateZ(0); -moz-transform: scale(0) translateZ(0); transform: scale(0) translateZ(0); opacity: 0; } 100% { -webkit-transform: scale(1) translateZ(0); -moz-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(0) translateZ(0); -moz-transform: scale(0) translateZ(0); transform: scale(0) translateZ(0); opacity: 0; } 100% { -webkit-transform: scale(1) translateZ(0); -moz-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeIn1 { 0% { opacity: 0; -webkit-transform: scale(0.8) translateZ(0); -moz-transform: scale(0.8) translateZ(0); transform: scale(0.8) translateZ(0); } 30% { -webkit-transform: scale(1.2) translateZ(0); -moz-transform: scale(1.2) translateZ(0); transform: scale(1.2) translateZ(0); } 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0); -moz-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } } @-webkit-keyframes fadeIn1 { 0% { opacity: 0; -webkit-transform: scale(0.8) translateZ(0); -moz-transform: scale(0.8) translateZ(0); transform: scale(0.8) translateZ(0); } 30% { -webkit-transform: scale(1.2) translateZ(0); -moz-transform: scale(1.2) translateZ(0); transform: scale(1.2) translateZ(0); } 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0); -moz-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } } @-webkit-keyframes indexout { 0% { opacity: 1; z-index: 32; } 100% { opacity: 0; z-index: 1; } } @-moz-keyframes indexout { 0% { opacity: 1; z-index: 32; } 100% { opacity: 0; z-index: 1; } } @-o-keyframes indexout { 0% { opacity: 1; z-index: 32; } 100% { opacity: 0; z-index: 1; } } @keyframes indexout { 0% { opacity: 1; z-index: 32; } 100% { opacity: 0; z-index: 1; } } .logo2 { width: 593px; height: 55px; margin-left: -296.5px; left: 50%; margin-top: -27.5px; position: absolute; top: 50%; z-index: 2; opacity: 1;/* animation: fadeOut 2s 0.4s; -webkit-animation: fadeOut 2s 0.4s; animation-fill-mode: both; -webkit-animation-fill-mode: both;*/ } @-webkit-keyframes smscover { 0% { left: 36%; } 100% { left: 44%; } } @-moz-keyframes smscover { 0% { left: 36%; } 100% { left: 44%; } } @-o-keyframes smscover { 0% { left: 36%; } 100% { left: 44%; } } @keyframes smscover { 0% { left: 36%; } 100% { left: 44%; } } @-webkit-keyframes bgscover { 0% { left:44%; } 100% { left: 50%; } } @-moz-keyframes bgscover { 0% { left:44%; } 100% { left: 50%; } } @-o-keyframes bgscover { 0% { left:44%; } 100% { left: 50%; } } @keyframes bgscover { 0% { left:44%; } 100% { left: 50%; } } @-webkit-keyframes rightbgov { 0% { right:6%; } 100% { right: 0%; } } @-moz-keyframes rightbgov { 0% { right:6%; } 100% { right: 0%; } } @-o-keyframes rightbgov { 0% { right:6%; } 100% { right: 0%; } } @keyframes rightbgov { 0% { right:6%; } 100% { right: 0%; } } @-webkit-keyframes rightbgovsm { 0% { right:14%; } 100% { right: 8%; } } @-moz-keyframes rightbgovsm { 0% { right:14%; } 100% { right: 8%; } } @-o-keyframes rightbgovsm { 0% { right:14%; } 100% { right: 8%; } } @keyframes rightbgovsm { 0% { right:14%; } 100% { right: 8%; } } @-webkit-keyframes linefs { 0% { width:0px; } 100% { width:1300px; } } @-moz-keyframes linefs { 0% { width:0px; } 100% { width:1300px; } } @-o-keyframes linefs { 0% { width:0px; } 100% { width:1300px; } } @keyframes linefs { 0% { width:0px; } 100% { width:1300px; } } @-webkit-keyframes navhidcon { 0% { opacity:0; top:-164px; } 100% { opacity:1; top:0px; } } @-moz-keyframes navhidcon { 0% { opacity:0; top:-164px; } 100% { opacity:1; top:0px; } } @-o-keyframes navhidcon { 0% { opacity:0; top:-164px; } 100% { opacity:1; top:0px; } } @keyframes navhidcon { 0% { opacity:0; top:-164px; } 100% { opacity:1; top:0px; } } .content .navleft.s { left: -336px; animation: none; -webkit-animation: none; animation-fill-mode: none; -webkit-animation-fill-mode: none; } .index2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; } .index2.s { z-index: 4; animation: index2 1.4s 0s; -webkit-animation: index2 1.4s 0s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .index2 .fourli { overflow: hidden; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .index2 .fourli li { float: left; position: relative; height: 100%; width: 25%; } .index2 .fourli li .grenov { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: url(../images/mark21.png) repeat center center; z-index: 1; } .index2 .fourli li .text1 { position: absolute; left: 26px; top: 40%; margin-top: -51px; z-index: 2; } .index2 .fourli li .text1 img { width: 80%; height: auto; } .index2 .fourli li .lko { position: absolute; width: 100%; z-index: 3; top: 0px; left: 0px; background: #fff; opacity: 0; filter: alpha(opacity=0); height: 100%; display: block; } .index2 .ft { position: absolute; left: calc(50% - 500px); z-index: 4; width: 314px; text-align: center; height: 160px; bottom: 102px; margin-left: 0px; } .index2 .slowdown { position: absolute; margin-left: -40px; left: 50%; z-index: 4; width: 80px; height: 30px; bottom: 32px; cursor: pointer; opacity: 1; animation: fadeIn3 2s 1s; -webkit-animation: fadeIn3 2s 1s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .index2 .slowdown img { position: relative; animation-name: section-arrow; animation-duration: 2s; animation-timing-function: ease-in-out; animation-direction: alternate; animation-play-state: running; animation-iteration-count: infinite; } @keyframes section-arrow { from { top:-7px; } 50% { top:5px; } to { top: -7px; } } .footer { position: absolute; left: 0px; z-index: 4; bottom: 54px; overflow: hidden; width: 100%; font-size: 13px; color: #fff; font-family: 黑体; } .footer .con { overflow: hidden; padding-left: 26px; padding-right: 42px; min-width: 950px; } .footer .compname { float: left; } .footer .rightn { text-align: right; float: right; padding-top: 15px; } .footer .rightn a { color: #fff; } .footer .rightn img { vertical-align: top; } .index3 { display: none; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 3; } .index3.s { z-index: 4; opacity: 1; animation: index3 1.4s 0s; -webkit-animation: index3 1.4s 0s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } @-webkit-keyframes index3 { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 40% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes index3 { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 40% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes index3 { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 40% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes index3 { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 40% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes index2 { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 40% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes index2 { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 40% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes index2 { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 40% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes index2 { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 40% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .index3 .pos { position: absolute; left: 10%; width: 80%; top: 50%; z-index: 100; } .index3 .tt { text-align: center; padding-bottom: 4%; height: 42px; } .index3 .bd { max-width: 1143px; margin: 0 auto; } .index3 .slowup { position: absolute; margin-left: -40px; left: 50%; z-index: 4; width: 80px; height: 30px; top: 32px; cursor: pointer; opacity: 1; z-index: 100; animation: fadeIn3 2s 1s; -webkit-animation: fadeIn3 2s 1s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .index3 .slowup img { position: relative; animation-name: section-arrow; animation-duration: 2s; animation-timing-function: ease-in-out; animation-direction: alternate; animation-play-state: running; animation-iteration-count: infinite; } @keyframes fadeIn3 { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn3 { 0% { opacity: 0; } 100% { opacity: 1; } } .index4 { margin-left: -840px; left: 50%; position: absolute; width: 100%; height: 100%; z-index: 24; animation: fadeIn3 1.4s 2s; -webkit-animation: fadeIn3 1.4s 2s; animation-fill-mode: both; -webkit-animation-fill-mode: both; overflow: hidden; } .index4.s { position: relative; width: auto; height: auto; } .bsearch { width: 195px; margin: 0 auto; /*margin-bottom: 7%;*/ } .bsearch .stxt { border: 1px solid #626262; width: 142px; border-right: none; background: none; height: 31px; line-height: 31px; padding: 0 10px; color: #676767; float: left; outline: none; } .bsearch .sbut { background: url(../images/sbut.jpg) no-repeat center; width: 32px; height: 33px; display: block; border: none; cursor: pointer; outline: none; } .listbox { /*background: #262626;*/ top: 50%; position: relative; +top:30%; top: 30%\0; +z-index:100; +position:absolute; +width:100%; +left:0; +margin-top:30%; } :root .listbox { top: 50%; } .listbox .sttt { /* background: #1d574c;*/ padding: 10px 0; text-align: center; font-size: 14px; line-height: 47px; color: #d3dad8; position: relative; } .listbox .sttt:hover { background: #1d574c; } .listbox dl { line-height: 55px; border-bottom: 1px solid #222222; } .content .navleft .nav li .hovhid .listbox dl a { color: #969696; display: block; } .content .navleft .nav li .hovhid .listbox .llistbox { display: none; } .listbox .sttt .arrow { background: url(../images/mark40.png) no-repeat center; display: block; width: 15px; height: 8px; position: absolute; right: 10px; top: 50%; margin-top: -4px; } .content .navleft .nav li .hovhid .listbox .selected .sttt .arrow { background: url(../images/mark39.png) no-repeat center; } .content .navleft .nav li .hovhid .listbox dl a { background: url(../images/mark41.png) no-repeat 95% center; } .content .navleft .nav li .hovhid .listbox dl a:hover, .content .navleft .nav li .hovhid .listbox dl.selected a { background: url(../images/mark42.png) no-repeat 95% center; } .language2 { background: url(../images/bg2.png) no-repeat center; display: inline-block; width: 42px; height: 42px; line-height: 42px; text-align: center; color: #fff; text-transform: capitalize; font-size: 16px; margin-left: 20px; position: relative; top: -25px; } .index3 .li { float: left; width: 55.5%; margin-right: 1.5%; } .index3 .media { position: relative; } .index3 .media .iicon { position: absolute; left: 50%; top: 50%; } .index3 .media .iicon1 { margin: -49px 0 0 -46px; } .index3 .media .iicon2 { left: 25%; margin: -32px 0 0 -12px; } .index3 .media .iicon3 { margin: -18px 0 0 -85px; } .index3 .mark { position: absolute; } .index3 .mark1 { left: -37px; bottom: 0; } .index3 .li .con .con-tt { color: #fff; font-size: 14px; text-transform: uppercase; margin: 15px 0 5px 0; } .index3 .li .con .conbox { color: #7d7d7e; font-size: 14px; text-align: left; line-height: 25px; letter-spacing: -0.03em; } .index3 .li .con .more { margin-top: 10px; } .index3 .li2 { float: left; width: 43% } .index3 .li2 .mark2 { right: 9px; top: -42px; } .index3 .media2 { margin: 43px 0 12px 0; } .index3 .li2 .mark3 { right: -27px; bottom: 0px; } .index3 .link { margin-top: 3%; text-align: center; } .index3 .link a { display: inline-block; margin: 0 10px; +padding-bottom:5px; padding-bottom: 5px\0; } :root .index3 .link a { padding-bottom: 0; } .index3 .link a .h { display: none; } .index3 .link a::after { content: ""; width: 0; margin: 10px auto 0 auto; height: 1px; display: block; background: #00a38f; margin-top: 10px; transition: all 0.35s cubic-bezier(0.5, 0.25, 1, 1); -webkit-transition: all 0.35s cubic-bezier(0.5, 0.25, 1, 1); } .index3 .link a:hover .h { display: inline-block; } .index3 .link a:hover .s { display: none; } .index3 .link a:hover::after { width: 100%; margin-top: 10px; } .index3 .link a:hover { +border-bottom:1px solid #00a38f; border-bottom: 1px solid #00a38f\0; } :root .index3 .link a:hover { border: none; } @media screen and (max-height: 860px) { /*.content .navleft .nav li { line-height: 50px; height: 50px; }*/ .content .navleft .nav { padding-top: 10px; } .content .navleft .logo img { width: 290px; height: auto; } .content .navbtn1 { } .content>.botb{ bottom:30px;} .navleft .bottomtext{ bottom:5px; } } @media screen and (max-height: 750px) { /*.content .navleft .nav li { line-height: 40px; height: 40px; }*/ .content .subcon { padding-bottom: 10px; } .content .botb { bottom: 10px; } } @media screen and (max-height: 730px) { .content .navleft .nav { padding-top: 5px; } .bsearch { margin-bottom: 3%; } } @media screen and (max-width:1183px) { .companyname { left: 36%; } .companyname.rightline { left: auto; right: 64%; margin-right: -650px; animation: linefs 5s 3.6s; -webkit-animation: linefs 5s 3.6s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .companyname.leftline { left: 36%; right: auto; margin-left: -650px; animation: linefs 5s 3.6s; -webkit-animation: linefs 5s 3.6s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .content .right img#coverimg { left: 44%; animation: smscover 2s 2s; -webkit-animation: smscover 2s 2s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .content .right img#coverimg.s { animation: smscover 3.2s 0s; -webkit-animation: smscover 3.2s 0s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .content .rightbg.ov { height: 100%; width: 0px; top: 0px; right: 0; animation: rightbgovsm 3.2s 2s; -webkit-animation: rightbgovsm 3.2s 2s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } } /****************内页********************/ .contentbox { padding-left: 336px; } .space { padding: 20px 73px 70px 73px; } .spaces { margin-right: 73px !important; margin-left: 73px !important; } .space2 { padding: 20px 65px 70px 65px; } .space3 { padding-bottom: 0; } .product-sort { /* width:1216px; margin:0 0 0 -8px;*/ } .product-sort li { float: left; width: 25%; } .product-sort li .mod { margin: 0 8px; position: relative; } .product-sort li .mod .mc { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -webkit-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -o-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -ms-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: linear-gradient(to left, #00a38f 0%, #04a8bb 100%); +background:#00a38f; background: #00a38f\0; filter: progid:DXImageTransform.Microsoft.gradient( GradientType=1, startColorstr='#00a38f', endColorstr='#04a8bb'); opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); transition: all 0.3s cubic-bezier(0.25, 0, 1, 1); -webkit-transition: all 0.3s cubic-bezier(0.25, 0, 1, 1); } :root .product-sort li .mod .mc { background: -moz-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -webkit-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -o-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -ms-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: linear-gradient(to left, #00a38f 0%, #04a8bb 100%); } .product-sort li .mod .con { position: absolute; width: 93.5%; height: 90%; left: 3.25%; top: 5%; text-align: center; color: #fff; /*text-transform: uppercase;*/ line-height: 35px; border: 1px solid; border-color: transparent; transition: all 0.6s cubic-bezier(0.25, 0, 1, 1); -webkit-transition: all 0.6s cubic-bezier(0.25, 0, 1, 1); } .product-sort li .mod .con .cons { display: block; position: absolute; top: 50%; margin-top: -35px; width: 100%; left: 0; text-align: center; } .product-sort li .mod .con::before, .product-sort li .mod .con::after { position: absolute; content: ''; opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform .4s; -moz-transition: opacity 0.4s, -moz-transform .4s; -o-transition: opacity 0.4s, -o-transform .4s; transition: opacity 0.4s, transform .4s } .product-sort li .mod .con::before { top: 0%; right: 0%; bottom: 0%; left: 0%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0 } .product-sort li .mod .con::after { top: 0%; right: 0%; bottom: 0%; left: 0%; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0 } .product-sort li .mod:hover .con::before, .product-sort li .mod:hover .con::after, .product-sort li.selected .mod .con::before, .product-sort li.selected .mod .con::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .product-sort li .mod .con i, .product-sort li .mod .con em { display: block; font-style: normal; } .product-sort li .mod .con i.cn { font-size: 24px; } .product-sort li .mod .con .en { font-size: 18px; font-family: Arial, Helvetica, sans-serif; } .product-sort li .mod a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product-sort li .mod .arrow { background: url(../images/mark67.png) no-repeat center; width: 30px; height: 15px; display: block; position: absolute; left: 50%; bottom: -15px; margin-left: -15px; bottom: 10px; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .product-sort li .mod:hover .con, .product-sort li.selected .mod .con { +border:1px solid #fff; border: 1px solid #fff\0; } :root .product-sort li .mod:hover .con, :root .product-sort li.selected .mod .con { border: 1px solid; border-color: transparent; } .product-sort li .mod:hover .mc, .product-sort li.selected .mod .mc { opacity: 0.9; filter: alpha(opacity=90); } .product-sort li .mod:hover .arrow, .product-sort li.selected .mod .arrow { opacity: 1; filter: alpha(opacity=100); bottom: -15px; } .product-hd { background: -moz-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -webkit-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -o-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -ms-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: linear-gradient(to left, #00a38f 0%, #04a8bb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a38f', endColorstr='#04a8bb', GradientType=1 ); +background:#00a38f; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; font-size: 18px; padding: 10px 35px; margin: 45px 8px 0 8px; } .conbox { color: #4c4c4c; line-height: 30px; font-family: "黑体"; } .product-bd, .team-bd { overflow: hidden; margin: 0 8px; } .product-bd1, .team-bd { margin-top: 35px; } .product-bd1 .media { float: right; margin-left: 30px; } .product-bd1 .cones { margin-top: 200px; } .product-bd1 .congmp { margin-top: 35px; } .product-bd .mod { border: 1px solid #d7d6d6; overflow: hidden; margin-top: 35px; } .product-bd2 .mod .media { float: right; } .product-bd2 .mod .con { padding: 30px 35px; margin-right: 468px; } .product-bd2 .mod .con .tt { font-size: 24px; color: #ff9600; margin-bottom: 20px; } .product-bd2 .mod .con .tt img { vertical-align: middle; margin-right: 10px; } .product-bd2 .lmod .tt { text-align: right; } .product-bd2 .lmod .media { float: left; } .product-bd2 .lmod .con { margin-left: 468px; margin-right: 0; } .product-bd2 { margin-top: 0; } .product-bd3 .mod .con { padding: 40px 30px 30px; } .product-bd3 .mod .con .tt { font-size: 24px; color: #00a390; line-height: 24px; margin-bottom: 18px; } .product-bd3 .mod .con .conbox { font-size: 14px; } .green { font-size: 12px; color: #00a390; } .back { text-align: center; margin-top: 70px; } .back a { display: inline-block; border: 1px solid #d7d6d6; padding: 10px 50px; font-size: 18px; } /*********************报告下载***********************/ .download, .about { position: relative; z-index: 10; padding: 70px 47px 70px 47px; } .down-hd { text-align: center; margin: 0 24px 50px 24px; } .down-sort { text-align: center; color: #fff; font-size: 16px; margin: 0 24px 35px 24px; font-family: Arial, Helvetica, sans-serif; } .down-sort a { color: #fff; margin: 0 10px; } .down-sort a.selected { font-weight: bolder; } .bg { position: fixed; top: 0; right: 0; z-index: 0; width: 100%; } .bg2 { width: auto; right: 0; /* left:50%; margin-left:-960px;*/ height: 100%; } .down-list li { float: left; width: 20%; } .down-list li .mod { margin: 6.5%; border: 2px solid #fff; text-align: center; padding: 20px 10px 30px 10px; color: #fff; transition: all 0.4s cubic-bezier(0.65, 0.25, 1, 1); -webkit-transition: all 0.4s cubic-bezier(0.65, 0.25, 1, 1); -moz-transition: all 0.4s cubic-bezier(0.65, 0.25, 1, 1); -ms-transition: all 0.4s cubic-bezier(0.65, 0.25, 1, 1); -o-transition: all 0.4s cubic-bezier(0.65, 0.25, 1, 1); } .down-list li .mod .date { font-size: 16px; margin-bottom: 15px; } .down-list li .mod .conbox { color: #fff; line-height: 25px; height: 50px; margin-bottom: 25px; overflow: hidden; } .down-list li .mod .mark { background: url(../images/mark44.png) no-repeat center; display: block; width: 55px; height: 50px; margin: 0 auto; } .down-list li .mod:hover { background: #fff; color: #00908d; } .down-list li .mod:hover .conbox { color: #00908d; } .down-list li .mod:hover .mark { background: url(../images/mark44s.png) no-repeat center; } .page { margin-top: 10px; padding: 14px 0 15px; text-align: center; } .page a { border: 1px solid #CCCCCC; margin-right: 5px; padding: 4px 7px; color: #5c5b5b; background: #fff; } .page span { border: 1px solid #CCCCCC; margin-right: 5px; padding: 4px 7px; background: #fff; color: #5c5b5b; } .page span.current { color: #00908d; } .about-link-list li { float: left; width: 50%; } .about-link-list .mod { margin: 9px; border: 2px solid #fff; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; } .about-link-list .mod a { display: block; padding: 20px 15px; color: #fff; line-height: 25px; overflow: hidden; height: 25px; font-size: 14px; font-family: "黑体"; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; } .about-link-list .mod a>span { display: inline-block; height: 25px; overflow: hidden; } .about-link-list .mod a .date { float: left; margin-right: 44px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; } .about-link-list .mod a .c { display: block; margin-left: 126px; } .about-link-list .mod:hover { background: #fff; } .about-link-list .mod:hover a .date { color: #4c4c4c; } .about-link-list .mod:hover a .c { color: #00a391; } .about-intro { margin: 0 80px; color: #fff; font-size: 13px; line-height: 35px; height: 210px; overflow: hidden; position: relative; z-index: 100; padding-right: 10px; } .sly { width: 100%; height: 210px; } .scrollbar { position: absolute; top: 0; right: 2px; height: 210px; background: #ccc; width: 1px; } .scrollbar { } .scrollbar .handle { border-radius: 10px; background: #00908d; cursor: pointer; line-height: 0; width: 3px; margin-left: -1px; } .about-development { margin: 0 110px; } .about-development li { float: left; width: 50%; +overflow:hidden; } .about-development li .mod { margin: 13px 16px; display: table; } .about-development li .mod .mark { display: table-cell; vertical-align: middle; +display:inline; +float:left; } .about-development li .mod .mark img { vertical-align: middle; } .about-development li .mod .year { display: table-cell; padding-left: 30px; vertical-align: middle; +display:inline; +float:left; } .about-development li .mod .year span { background: #fff; width: 75px; height: 40px; line-height: 40px; text-align: center; color: #009f91; font-size: 15px; font-weight: bolder; display: block; position: relative; } .about-development li .mod .year span .arrow { background: url(../images/arrow.png) no-repeat right center; display: block; width: 11px; height: 11px; position: absolute; left: -11px; top: 50%; margin-top: -5px; } .about-development li .mod .con { padding-left: 45px; background: url(../images/mark57.png) no-repeat 30px center; display: table-cell; color: #fff; vertical-align: middle; height: 72px; overflow: hidden; +display:inline; +float:left; +background-position:30px 12px; } .about-honor { margin: 0px 110px 0 110px; } .about-honor .a-h-hd { color: #fff; font-size: 26px; text-align: center; margin-bottom: 40px; } .about-honor .list li { float: left; width: 25%; } .about-honor .list li a { display: block; margin: 16px; } /************招聘**************/ .product-sort2 li { width: 33.333%; } .product-bd-conbox { margin-top: 30px; color: #4c4c4c; } .join-handdle { border-bottom: 1px solid #e5e5e5; padding: 0 73px 25px 73px } .join-handdle .search { float: right; } .join-handdle .search .stxt2 { border: 1px solid #b4b4b4; border-top-left-radius: 100px; border-bottom-left-radius: 100px; width: 220px; height: 25px; line-height: 25px; padding: 0 10px; float: left; } .join-handdle .search .sbut2 { border: 1px solid #b4b4b4; border-left: none; border-top-right-radius: 100px; border-bottom-right-radius: 100px; width: 30px; height: 27px; background: url(../images/sbut2.jpg) no-repeat center; cursor: pointer; } .join-handdle .join-sort a { color: #4e4d4d; font-size: 16px; margin-right: 50px; } .join-handdle .join-sort a.selected { color: #00a38f; } .join-list table { width: 100%; text-align: center; } .join-list th { background: #4d4d4d; text-align: center; color: #fff; font-size: 14px; padding: 10px; } .join-list td { padding: 10px; background: #f7f7f7; color: #000000; } .join-list .grey { background: #e3e3e3; } .join-lc { margin-bottom: 30px; } .join-lc table { width: 100%; text-align: center; } .join-lc table span { display: block; border-radius: 4px; text-align: center; color: #fff; font-size: 14px; padding: 5px 0; } .bgreens { background: #2b5749; } .bgreen { background: #00a38f; } .join-detail { background: #f3f3f3; padding: 40px; } .join-detail h1 { font-size: 30px; color: #000; margin-bottom: 20px; } .join-detail .conbox { font-size: 15px; margin-bottom: 20px; } .join-detail .button .but { background: -moz-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -webkit-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -o-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -ms-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: linear-gradient(to left, #00a38f 0%, #04a8bb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a38f', endColorstr='#04a8bb', GradientType=1 ); min-width: 95px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 17px; padding: 0 10px; display: inline-block; margin-right: 15px; } .jonin-intro { margin: 30px 8px; text-align: center; } .jonin-intro .tt { font-size: 22px; margin-bottom: 15px; } .jonin-intro .conbox { font-size: 14px; } .join-hd { border-bottom: 1px solid #cdcdcd; padding: 0 35px 10px 35px; font-size: 18px; color: #212121; line-height: 25px; margin-bottom: 25px; } .join-bd { margin-bottom: 25px; overflow: hidden; } .join-bd .li { float: left; width: 30.333%; } .join-bd .li .mod { border: 1px solid #079380; border-radius: 2px; height: 32px; line-height: 32px; margin-left: 35px; } .join-bd .li .mod .name { float: left; width: 114px; text-align: right; padding-right: 10px; font-size: 13px; color: #029c89; } .join-bd .li .mod .c { margin-left: 124px; } .join-bd .li .mod .c .txt { border: none; width: 100%; height: 32px; line-height: 32px; padding: 0; +height:30px; +line-height:30px; } .join-bd2 { padding: 0 101px 0 71px; } .join-bd2 .table td { padding: 10px 30px 10px 0; } .join-bd2 .table .name { width: 121px; padding: 0 10px 0 0; font-size: 14px; color: #212121; font-family: "黑体"; } .join-bd2 .txt2, .join-bd2 .txt3 { width: 46%; height: 30px; line-height: 30px; padding: 0 2%; border: 1px solid #c9c9c9; border-radius: 2px; } .join-bd2 .txt3 { width: 96%; } .join-bd2 label { font-weight: bolder; font-size: 14px; margin-right: 25px; vertical-align: middle; } .join-bd2 label input { margin-right: 5px; } .join-bd2 .table2 .name { color: #212121; font-size: 14px; font-family: "黑体"; } .join-bd2 .table2 td { padding: 10px 3% 10px 0; } .join-bd3 { padding: 0 71px; } .join-bd2 .table2 td input { width: 96%; height: 30px; line-height: 30px; padding: 0 2%; border: 1px solid #c9c9c9; border-radius: 2px; +width:90%; } .join-bd2 .table2 td input.txt7 { +width:91.5%; } .join-bd2 .add a { color: #029c89; font-size: 14px; } .remark { text-align: center; color: #000000; font-size: 14px; font-family: "黑体"; } .button2 { text-align: center; margin-top: 22px; } .button2 .sbut3 { display: inline-block; min-width: 116px; height: 40px; line-height: 40px; color: #fff; font-size: 17px; background: -moz-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -webkit-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -o-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -ms-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: linear-gradient(to left, #00a38f 0%, #04a8bb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a38f', endColorstr='#04a8bb', GradientType=1 ); border: none; cursor: pointer; } .team-bd .list { width: 101%; } .team-bd .list li { float: left; width: 24%; margin: 0 1% 1% 0; background: #efefef; padding-bottom: 18px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; position: relative; } .team-bd .list li a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #fff; opacity: 0; filter: alpha(opacity=0); } .team-bd .list li .con { padding: 15px; } .team-bd .list li .con .name { color: #069393; font-size: 14px; background: url(../images/dian.jpg) no-repeat left center; padding-left: 15px; height: 25px; line-height: 25px; overflow: hidden; } .team-bd .list li .con .line { margin-left: 15px; width: 44px; height: 4px; background: #069393; border-radius: 100px; margin-top: 5px; } .team-bd .list li:hover { background: #00a38f; } .team-bd .list li:hover .con .name { background: url(../images/dians.jpg) no-repeat left center; color: #fff; } .team-bd .list li:hover .con .line { background: #fff; } .team-intro .media { float: left; } .team-intro .con { margin-left: 397px; height: 307px; padding: 45px; color: #fff; background: -moz-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -webkit-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -o-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -ms-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: linear-gradient(to left, #00a38f 0%, #04a8bb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a38f', endColorstr='#04a8bb', GradientType=1 ); } .team-intro .con .name { font-size: 43px; text-transform: uppercase; } .team-intro .con .name .en { display: inline-block; font-size: 18px; line-height: 22px; margin-left: 10px; position: relative; top: 3px; } .team-intro .con .c { font-size: 20px; margin: 32px 0; } .team-intro .conbox { color: #fff; font-size: 13px; line-height: 35px; height: 165px; overflow: hidden; position: relative; z-index: 100; padding-right: 10px; } .team-intro .sly { height: 165px; } .team-intro .scrollbar { height: 165px; } .team-info { color: #1f1f1f; line-height: 30px; font-family: "黑体"; margin-top: 50px; } /***************致力国际化*******************/ .product-sort3 li { width: 50%; } .ehs-list { margin: 50px 0 0 -29px; width: 103%; } .ehs-list li { float: left; width: 16.666%; +width:16.5%; text-align: center; } .ehs-list li .mod { margin: 0 29px; } .ehs-list li .media { margin: 0 auto; width: 133px; height: 133px; background: url(../images/markbg.jpg) no-repeat center; } .ehs-list li .media img { max-width:100%; } .ehs-list li .media .h { display: none; } .ehs-list li .conbox { margin-top: 22px; color: #121212; font-size: 13px; line-height: 25px; } .ehs-bd { margin: 30px 8px 0 8px; position: relative; } .ehs-bd .con { position: absolute; left: 0; width: 100%; bottom: 4%; } .ehs-bd .con .li { background: url(../images/mc2.png) repeat; height: 45px; line-height: 23px; padding: 5px 3%; width: 43%; color: #fff; float: left; font-size: 13px; font-family: "宋体"; margin: 5px 0; overflow: hidden; } .ehs-bd .con .li2 { width: 94%; } .ehs-bd .con .rli { margin-left: 2%; } .ehs-bd2 .conbox { font-size: 14px; } .down2-hd { font-size: 18px; color: #1f9a88; margin: 30px 0 15px 0; } .down2-hd img { vertical-align: middle; margin-left: 10px; } .down-bd { border: 1px solid #dedede; border-bottom: none; } .down-bd td, .down-bd th { padding: 8px 2%; font-size: 14px; border-bottom: 1px solid #dedede; } .button3 { text-align: center; } .down-bd { font-size: 14px; font-family: "黑体"; } .down-bd th { color: #4c4c4c; } .down-bd td { color: #4c4c4c; } .down-bd tr:hover .c { color: #00a391; } .ehs-bd2 .tt { display: inline-block; background: #00a38f; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 22px; min-width: 102px; padding: 5px; text-align: center; margin-bottom: 15px; } .iso-list { width: 103%; margin-top: 25px; overflow:hidden; } .iso-list dl { float: left; width: 22%; margin-right: 3%; +width:21.9%; } .iso-list dl span { display: block; border: 1px solid #dedede; } .ehs-bd2 .ad { position: relative; } .ehs-bd2 .ad .ad-con { position: absolute; width: 100%; left: 0; text-align: center; color: #fff; font-size: 14px; font-family: "黑体"; top: 50%; margin-top: -12px; } /**********新闻***********/ .space3 { padding-bottom: 25px; } .news-handdle .join-sort a { padding: 0 20px; margin-right: 10px; display: inline-block; } .news-handdle .join-sort a.selected { border-bottom: 2px solid #00a38f; padding-bottom: 25px; margin-bottom: -26px; } .news { margin: 32px 47px 65px 47px; } .news .list li { float: left; width: 33.333%; } .news .list li .mod { margin: 18px 26px; border: 1px solid #dedada; } .news .list li .mod .con { padding: 25px; text-align: center; } .news .list li .mod .con .tt { font-size: 20px; color: #2c2c2c; line-height: 30px; margin-bottom: 5px; } .news .list li .mod .con .conbox { color: #7a7878; font-size: 13px; font-family: "黑体"; line-height: 25px; height: 50px; margin: 10px 0 20px 0; overflow: hidden; } .news .list li .mod .con .more2 a { display: inline-block; border: 1px solid #dedada; min-width: 138px; height: 40px; line-height: 40px; padding: 0 10px; color: #7a7878; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .news .list li:hover .mod .con .more2 a { background: #00a38f; border-color: #00a38f; color: #fff; } .detail { margin: 50px 73px; } .detail-hd { text-align: center; margin-bottom: 25px; } .detail-hd .tt { font-size: 25px; color: #3e3e3e; } .detail-hd .date { font-size: 14px; color: #6d6d6d; margin-top: 15px; } .detail .conbox { color: #6f6d6d; } .npage { overflow: hidden; margin-top: 40px; } .npage a { display: inline-block; width: 57px; height: 57px; float: left; } .npage a.prev { width: 56px; background: url(../images/npage.jpg) no-repeat left center; } .npage a.next { background: url(../images/npages.jpg) no-repeat right center; } .npage a.nback { background: url(../images/closed.jpg) no-repeat center; } .npage a:hover.prev { background: url(../images/npages.jpg) no-repeat left center; } .npage a:hover.next { background: url(../images/npage.jpg) no-repeat right center; } .news-handdle2 { padding-top: 25px; } .news .list2 li { padding: 0; } .news .list2 li .mod { border: none; } .news .list2 li .mod .con { text-align: left; padding: 10px 0 0 0; } .news .list2 li .mod .con .tt { font-size: 20px; height: 25px; overflow: hidden; line-height: 25px; } .news .list2 li .mod .con .tt .date { /*float: right;*/ font-size: 14px; } .news .list2 li .mod .con .conbox { color: #6e6c6c; font-size: 14px; margin: 10px 0; } .news .list2 li:hover .mod .con .tt a { color: #00a390; } .markting { position: relative; background: url(../images/bg7.jpg) repeat-x center top; padding-top: 90px; } .Investor { padding: 0; } table.t1 { color: #333; border-left: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; margin: 0 auto; margin-top: 75px; font-family: "黑体"; } table.t1 th, table.t1 td { padding: 10px; background: #fff; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; } table.t1 th { font-weight: bold; text-align: left; background-color: #f6f6f6; width: 208px; } table.t1 .pro_img { text-align: center; } .banner { position: relative; } .banner .text { position: absolute; left: 50%; top: 50%; margin: -48px 0 0 -241px; } .Investor-ad { padding: 40px 0; margin: 0 8px; } .Investor-ad2 { padding: 0; background: url(../images/line.jpg) repeat-x center bottom; padding-bottom: 40px; } .Investor-sort { padding: 25px 8px; } .Investor-sort .tt { font-weight: bolder; font-size: 14px; color: #4c4c4c; font-family: "黑体"; margin-bottom: 10px; } .Investor-sort .txt4 { width: 181px; height: 35px; border: 1px solid #a9a9a9; padding: 0 10px; line-height: 35px; float: left; } .Investor-sort .sbut4 { background: -moz-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -webkit-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -o-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: -ms-linear-gradient(left, #00a38f 0%, #04a8bb 100%); background: linear-gradient(to left, #00a38f 0%, #04a8bb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a38f', endColorstr='#04a8bb', GradientType=1 ); min-width: 93px; padding: 0 10px; height: 37px; border: none; line-height: 37px; cursor: pointer; color: #fff; font-size: 14px; font-weight: bolder; font-family: "黑体"; margin-left: 10px; float: left; } .Investor-sort .sort-year { margin-left: 335px; line-height: 37px; font-size: 16px; color: #2e2e2e; font-family: Arial, Helvetica, sans-serif; } .Investor-sort .sort-year a { color: #2e2e2e; margin: 0 3px; display: inline-block; vertical-align: middle } .Investor-sort .sort-year a.selected { color: #00a38f; font-weight: bolder; } .Investor-bd { margin: 0 8px; } .Investor-bd th { background: #dddddd; } .down-bd td { font-size: 16px; font-family: Arial, Helvetica, sans-serif; } .down-bd td+td { font-size: 14px; font-family: "黑体"; } .color { color: #676767; } .bsearch .stxt.color { color: #676767; } .psorts { margin: 40px 8px 0 8px; } .psorts .li { float: left; min-width: 174px; height: 66px; padding: 15px 5px 15px 15px; color: #fff; border-radius: 5px; margin-right: 5px; position: relative; } .psorts .li a { display: block; position: absolute; top: 0; left: 0; background: #fff; opacity: 0; width: 100%; height: 100%; filter: alpha(opacity=0); } .psorts .li .media { float: right; } .psorts .li .con { margin-right:80px; text-align: left; padding-top: 15px; } .psorts .li .con i, .psorts .li .con em { font-style: normal; display: block; } .psorts .li .con .cn { font-size: 18px; } .psorts .li .con .en { font-size: 11px; /*text-transform: uppercase;*/ color: #d5e3f5; } .psorts .pbd { overflow: hidden; } .psorts .li.pli1 { background: #6fa913; } .psorts .li.pli2 { background: #41aab6; } .psorts .li.pli3 { background: #308ad8; } .psorts .pbd { display: none; } .psorts .pbd.selected { display: block; } .product-hd2 { margin: 30px 0; position: relative; overflow: hidden; } .product-hd2 .search2 { float: right; margin-top: 61px; } .product-hd2 .search2 .txt8 { width: 88px; height: 29px; line-height: 29px; padding: 0 15px; float: left; border: none; background: url(../images/search.jpg) no-repeat left center; } .search-sbox { background: fff; float: left; height: 29px; line-height: 29px; width: 94px; position: relative; } .selview { background: url(../images/search.jpg) no-repeat -118px center; width: 62px; padding: 0 22px 0 10px; height: 29px; position: relative; top: 0; left: 0; color: #000000; font-size: 12px; z-index: 10; overflow: hidden; } .search-sbox .se { position: absolute; z-index: 11; height: 29px; top: 0; width: 100%; border: none; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } .sbut5 { background: url(../images/search.jpg) no-repeat right center; width: 51px; height: 29px; border: none; cursor: pointer; float: left; } .product-hd2 h1, .product-hd2 .c { margin-right: 281px; } .product-hd2 h1 { font-size: 35px; color: #029c89; font-weight: 500; line-height: 40px; margin-top: 28px; } .p-button{ border:1px solid #d4d4d4; color:#029c89; font-weight:500; font-size:16px; display:inline-block; vertical-align:middle; padding:5px 15px; border-radius:5px; margin-left:10px; line-height:25px; } .product-hd2 .c { font-size: 13px; color: #7f7f7f; font-family: '黑体'; margin-top: 5px; } .pro-tab { background: #d6eeea; padding: 10px; text-align: justify; margin-bottom: 15px; overflow:hidden; } .pro-tab a { display: inline-block; padding: 5px 0; border-radius: 3px; color: #029c89; margin: 7px 0; font-size: 14px; font-family: '黑体'; float: left; width: 16.6%; text-align: center; } .pro-tab a.selected { background: #029c89; color: #fff; } .space4 { padding: 0 73px; } .ad { padding-top: 25px; padding-bottom: 25px; } .product-list { padding: 0 61px 70px 61px; } .product-list li { float: left; width: 33.3%; } .product-list li .mod { margin: 12px; background: #fff; border: 1px solid #dcdcdc; padding: 12px; color: #00a38f; font-family: Arial, '黑体'; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .product-list li .mod a { display: block; position: absolute; width: 100%; top: 0; left: 0; height: 100%; background: #fff; opacity: 0; filter: alpha(opacity=0); } .product-list li .mod .name { font-size: 18px; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .product-list li .mod .line { display: block; width: 72px; height: 1px; background: #00a38f; margin: 8px 0 10px 0; } .product-list li .mod .conbox { font-size: 12px; color: #00a38f; height:207px; overflow: hidden; line-height: 22px; margin-bottom: 10px; } .product-list li .mod .mark { background: url(../images/mark68.png) no-repeat center; width: 21px; height: 19px; display: inline-block; margin-left: 8px; vertical-align: middle; } .product-list li .mod:hover { background: #029c89; border-color: #029c89; color: #fff; } .product-list li .mod:hover .conbox { color: #fff; } .product-list li .mod:hover .mark { background: url(../images/mark68s.png) no-repeat center; } .more3 { border-radius: 3px; color: #00a38f; font-size: 14px !important; padding: 5px 25px !important; } /*联系我们*/ .tab { border-bottom: 1px solid #e5e5e5; padding: 0 73px; } .tab a { color: #4e4d4d; font-size: 16px; display: inline-block; line-height: 66px; padding: 0 15px; border-bottom: 2px solid; border-color: transparent; margin-bottom: -1px; margin-right: 25px; } .tab a.selected { border-color: #00a38f; color: #00a38f; } .space5 { padding: 60px 73px 60px 73px; } .space6 { padding: 20px 73px 30px 73px; } .contact .li { float: left; width: 33.333%; } .contact .li2 { width: 30.333%; } .contact .li3 { width: 36.333%; } .contact .chd { font-size: 18px; color: #4c4c4c; } .contact .line { width: 35px; height: 2px; display: block; background: #00a38f; margin: 15px 0 25px 0; } .contact .conbox { color: #4c4c4c; font-size: 14px; font-family: '黑体'; line-height: 45px; } .contact .map { width: 198px; height: 96px; text-align: center; line-height: 96px; color: #fff; font-size: 18px; background: #009f91; font-family: '黑体'; cursor: pointer; } .contact .map .mark4 { background: url(../images/mark69.png) no-repeat center; display: inline-block; width: 23px; height: 31px; vertical-align: middle; margin-right: 10px; position: relative; top: -2px; } .contact .button4 { text-align: left; margin-top: 40px; } .but2 { display: inline-block; min-width: 158px; height: 51px; line-height: 51px; padding: 0 20px; color: #fff; font-size: 17px; background: #565656; text-align: center; margin-right: 50px; } .mark5 { display: inline-block; width: 23px; height: 27px; background: url(../images/mark70.png) no-repeat center; margin-right: 15px; margin-top: 11px; float: left; } .contact .button4 a { margin-right: 50px; } .map-tc { position: fixed; top: 50%; left: 50%; margin: -210px 0 0 -212px; z-index: 11; display: none; } .map-tc .closed { background: url(../images/closed2.jpg) no-repeat center; width: 33px; height: 33px; position: absolute; top: -33px; right: 0; } .float { background: url(../images/mark31.png) repeat; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; display: none; } .contact .cbox { overflow: hidden; } .contact .cbox .cli { float: left; color: #4c4c4c; margin-top: 15px; border-right: 1px solid #dbdbdb; padding-right: 30px; color: #4c4c4c; font-size: 12px; font-family: '黑体'; line-height: 30px; margin-right: 30px; } .contact .cbox .cli2 { border-right: none; } .contact .cbox2 { float: left; width: 48%; margin-right: 4%; margin-top: 50px } .contact .ctable { width: 100%; } .contact .ctable th, .contact .ctable td { line-height: 30px; color: #333333; font-size: 13px; padding: 0 25px; font-family: Arial, '黑体'; text-align: center; } .contact .ctable .t { padding-left: 35px; } .contact .ctable .cbg { background: #f2f2f2; } .contact .cbox4 { float: left; width: 49%; margin-right: 2%; margin: 50px 2% 40px 0; } .contact .cbox3 { margin-right: 0; } .scroll-pane { margin-top: 64px; margin-bottom: 40px; overflow: hidden; } /*05-19 最新增加*/ .product-bd4 { border: 1px solid #d7d6d6; margin: 34px 8px 0 8px; padding: 40px 0; } .product-bd4 .p-hd { background: url(../images/n-mark.jpg) no-repeat left center; padding-left: 40px; color: #ff9600; font-size: 24px; margin: 0 3.2% 45px 3.2%; } .product-bd4 .p-bd dl { float: left; width: 33.333%; } .product-bd4 .p-bd dl dt, .product-bd4 .p-bd dl dd { padding: 0 10%; } .product-bd4 .p-bd dl dt img { border-radius: 20px; } .product-bd4 .p-bd dl dd { text-align: center; margin-top: 45px; color: #4c4c4c; font-size: 14px; font-family: '黑体'; line-height: 30px; } .n-Investor-tab { background: url(../images/line.jpg) repeat-x center bottom; padding-bottom: 58px; margin: 0 8px; } .n-Investor-tab a { display: inline-block; border: 2px solid #00a38f; border-radius: 100px; width: 23.7%; height: 68px; line-height: 68px; margin-right: 2%; text-align: center; color: #00a38f; font-size: 14px; margin: 10px 1.25% 10px 0; box-sizing: border-box; position:relative; padding-left:65px; } .n-Investor-tab a+a+a+a{ margin-right:0; } .n-Investor-tab a img { vertical-align: middle; } .n-Investor-tab .mark { float: left; width: 45px; height: 45px; border: 2px solid #00a38f; border-radius: 100px; margin: 8px 0 0 9px; overflow: hidden; position:absolute; top:0; bottom:0; margin:auto; left:10px; } .n-Investor-tab .mark img { border-radius: 100px; /* width: 45px; */ margin-left: -2.5px; margin-top: -2.5px; } .n-Investor-tab a.selected, .n-Investor-tab a:hover { background: #00a38f; color: #fff; } .n-Investor-tab a.selected .mark, .n-Investor-tab a:hover .mark { background: #fff; border-color: #fff; } .down-list2 { width: 102.5%; margin-left: -1.3%; } .down-list2 li .mod { border-color: #00a38f; color: #00a38f; } .down-list2 li .mod .conbox { color: #00a38f; } .down-list2 li .mod .mark { background: url(../images/mark44s.png) no-repeat center; } .down-list2 li .mod:hover { background: #00a38f; color: #fff; } .down-list2 li .mod:hover .conbox { color: #fff; } .down-list2 li .mod:hover .mark { background: url(../images/mark44.png) no-repeat center; } .n-i-c-tab { margin: 39px 0; } .n-i-c-tab a { display: inline-block; min-width: 165px; height: 50px; border: 1px solid #009f91; line-height: 50px; text-align: center; color: #009f91; font-size: 18px; font-family: '黑体'; margin-right: 30px; } .n-i-c-tab a:hover, .n-i-c-tab a.selected { background: #009f91; color: #fff; } .n-i-contact { margin: 0 8px; } .n-i-contact .info { border: 1px solid #d7d6d6; display: table; width: 100%; display: none; height: 288px; } .n-i-contact .infos { float: left; position: relative; background: #fff; } .n-i-contact .infos .info { display: table; } .n-i-contact .info>div { display: table-cell; vertical-align: middle; width: 50%; } .n-i-contact .info .info-r { border-left: 1px solid #d7d6d6; position: relative; } .n-i-contact .info .info-r .info-r-t { background: #02796f; color: #fff; font-size: 17px; line-height: 53px; height: 53px; position: absolute; left: 0; top: 0; } .n-i-contact .info .info-r .info-r-t span { background: url(../images/n-mark5.jpg) no-repeat left center; display: block; padding: 0 15px 0 73px } .n-i-contact .info .info-l { padding: 50px 30px; box-sizing: border-box; } .n-i-contact .info .info-l dl { display: table; width: 100%; color: #4c4c4c; font-size: 14px; font-family: '黑体'; margin: 10px 0; } .n-i-contact .info .info-l dl dt { display: table-cell; vertical-align: middle; width: 58px; } .n-i-contact .info .info-l dl dd { display: table-cell; vertical-align: middle; } .n-i-contact .info .info-l dl dd a{ color:#4c4c4c; } .n-i-contact .info .info-l dl .tel { color: #009f91; font-size: 26px; /* font-family: Impact; */ font-weight: 500; } .info-w .arrow { width: 23px; height: 16px; position: absolute; top: -15px; left: 0; z-index: 10; background: url(../images/n-mark6.jpg) no-repeat center; } .info-w { position: relative; margin-bottom: 40px; } .n-i-contact .info.selected { display: table; } .n-i-contact .line { width: 35px; height: 2px; display: block; background: #00a38f; margin: 15px 0 25px 0; } .n-i-contact .info .info-l .conbox { height: 186px; padding-right: 10px; position: relative; overflow: hidden; } .n-i-contact .info .info-l .conbox dl { display: table; width: 100%; } .n-i-contact .info .info-l .conbox dl dt, .n-i-contact .info .info-l .conbox dl dd { display: table-cell; vertical-align: top; font-size: 13px; color: #4c4c4c; font-family: '黑体'; line-height: 25px; } .n-i-contact .info .info-l .conbox dl dt { width: 109px; font-size: 17px; font-family: '黑体'; text-align: left; color: #4c4c4c; } .n-i-contact .info .info-l .conbox dl:hover dt, .n-i-contact .info .info-l .conbox dl:hover dd { color: #009f91 } .swiper-container { width: 100%; height: 100%; } .swiper-slide { background-color: #333; /*text-align: center;*/ /*font-size: 18px;*/ /*background: #fff;*/ float: left; } #PageRegin { position: relative; height: 100%; overflow: hidden; } #PageRegin .FosunMain { height: 100%; } .swiper-slide>div { height: 100%; background-position: center !important; padding-left: 336px; } .swiper-pagination-bullet-active { background-color: #fff } .swiper-pagination { position: absolute; left: 50%; margin-left: 90px; bottom: 20px; text-align: center; } .swiper-pagination-switch { background: #fff; width: 8px; height: 8px; display: inline-block; margin: 0 10px; border-radius: 100px; transition: all .6s linear; -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear; -ms-transition: all .6s linear; } .swiper-pagination-switch.swiper-active-switch { width: 35px; background: #00a38f; } #PageRegin h1 { font-size: 48px; font-family: '黑体'; color: #fff; line-height: 48px; font-weight: 500; opacity: 0; margin-left: -150px; transition: all ease 1s; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; -o-transition: all ease 1s; } #PageRegin h2 { font-size: 48px; font-family: Arial, Helvetica, sans-serif; color: #fff; opacity: 0.6; filter: alpha(opacity=60); font-weight: 500; line-height: 48px; text-transform: uppercase; margin: 30px 0; opacity: 0; margin-left: -150px; transition: all ease 1s 0.5s; -webkit-transition: all ease 1s 0.5s; -moz-transition: all ease 1s .5s; -ms-transition: all ease 1s .5s; -o-transition: all ease 1s .5s; } #PageRegin .conbox { background: #3e4247; padding: 15px; width: 800px; color: #fff; font-size: 15px; opacity: 0; margin-left: -150px; transition: all ease 1s 1s; -webkit-transition: all ease 1s 1s; -moz-transition: all ease 1s 1s; -ms-transition: all ease 1s 1s; -o-transition: all ease 1s 1s; } #PageRegin .list { width: 330px; opacity: 0; margin-left: -150px; overflow: hidden; transition: all ease 1s 1s; -webkit-transition: all ease 1s 1s; -moz-transition: all ease 1s 1s; -ms-transition: all ease 1s 1s; -o-transition: all ease 1s 1s; } #PageRegin .list dl { float: left; width: 123px; height: 105px; border: 1px solid #fff; border-radius: 20px; text-align: center; color: #fff; font-size: 16px; padding: 18px 0 0 0; margin-right: 40px; margin-bottom: 40px; } #PageRegin .list dl dt { margin-bottom: 10px; height: 52px; } #PageRegin .list dl dt img { vertical-align: middle; } .a-info { padding: 150px 0 0 100px; } #PageRegin .swiper-slide-active h1, #PageRegin .swiper-slide-active h2, #PageRegin .swiper-slide-active .conbox, #PageRegin .swiper-slide-active .list { margin-left: 0; opacity: 1; } /*侧边栏*/ #contacts-bar { position: fixed; width: 43px; height: 320px; right: 0; top: 50%; margin-top: -160px; z-index: 1000; } #contacts-bar .popup { color: #fff; position: absolute; overflow: hidden; top: 0; right:43px; width: 505px; height: 280px; visibility: hidden; opacity: 0; background:url(../images/bg-linear-gray.jpg) no-repeat center; display: none; } #contacts-bar .popup .filter { margin-right: 5px; } #contacts-bar .popup.popups{ background:none; } #contacts-bar .item:hover .popup { visibility: visible; opacity: 1; display: block } #contacts-bar .icon { cursor: pointer; display: block; width: 43px; height: 42px; margin-bottom: 1px; background: url("../images/icons-contacts-bar.png") -1px -1px no-repeat } #dituContent { width: 500px; height: 280px; } #contacts-bar .qcode { /* float: left; width: 250px;*/ text-align: center } #contacts-bar .inner { margin: 20px 15px; line-height: 16px; font-size: 12px; overflow: hidden } #contacts-bar .inner dl { margin-bottom: 10px } #contacts-bar .inner dt { font-weight: bold } #contacts-bar .section { float: left; width: 230px; } #contacts-bar .section a { color: #fff } #contacts-bar .tit { margin: 35px auto 20px; line-height: 30px; } #contacts-bar .weibo .icon{ background-position:-1px -1px; transition:none; -webkit-transition:none; -moz-transition:none; } #contacts-bar .weibo:hover .icon { background-position: -45px -1px; } #contacts-bar .weixin .icon { background-position: -1px -45px; } #contacts-bar .weixin:hover .icon { background-position: -45px -45px; } #contacts-bar .phone .icon { background-position: -1px -88px; } #contacts-bar .phone:hover .icon { background-position: -45px -88px; } #contacts-bar .map .icon { background-position: -1px -133px; } #contacts-bar .map:hover .icon { background-position: -45px -133px; } #contacts-bar .subscribe .icon { background-position: -1px -176px } #contacts-bar .subscribe:hover .icon { background-position: -45px -176px } #contacts-bar .zh .icon { background-position: -1px -181px; margin-top: 5px } #contacts-bar .zh:hover .icon { background-position: -36px -181px; } #contacts-bar .zh.active .icon { background-position: -36px -181px; } #contacts-bar .hk .icon { background-position: -1px -216px; } #contacts-bar .hk:hover .icon { background-position: -36px -216px; } #contacts-bar .hk.active .icon { background-position: -36px -216px; } #contacts-bar .en .icon { background-position: -1px -251px; } #contacts-bar .en:hover .icon { background-position: -36px -251px; } #contacts-bar .en.active .icon { background-position: -36px -251px; } #contacts-bar .d-item { margin: 0 9px; display: inline-block; width: 105px; height: 105px; border: 1px solid #d5d5d5 } #contacts-bar .d-item .block-link { display: block; width: 100%; height: 100%; } #contact-list { border: 0; height: 240px; table-layout: fixed } #contact-list td { width: 50%; padding: 10px 0 10px 13px; font-size: 12px; line-height: 20px; border: 1px solid #9b9b9b; vertical-align: top } #contact-list .comment { color: #eee } #contact-list p { margin: 0; } #contact-list .title b { margin-right: 5px } #contact-list .con a { color: #fff; margin-left: 3px } #contact-list .con a:hover { text-decoration: underline; } #pop_subscribe{margin:40px auto 0;text-align: center} .fsab_caption{font-size: 24px;line-height: 30px;letter-spacing: 4px;font-weight: lighter} .en_US .fsab_caption{font-family: "DINCond-Regular"} #fsab_txt_Button{ border: 1px solid #fff; color: #fff; background: none; cursor: pointer; width: 100px;height: 24px;line-height: 22px; font-size: 14px;font-weight: lighter;border-radius: 2px;letter-spacing: 2px; } #fsab_txt_email{ background-color: #8e8e8e; border: 1px solid #9b9b9b; border-radius: 3px; color: #ffffff; display: block; line-height: 24px; margin: auto; overflow: hidden; padding: 3px 10px 3px 10px; position: relative; width: 272px; text-align: center; } .fsab_msg{margin-top: 15px;color:#00ccff;height: 20px;line-height: 20px} .fsab_textbox{margin-top: 50px;} .fsab_button{margin-top: 25px} /*06-02 修改*/ .product-bd2 .info .li{ float:left; padding-right: 2%; margin-right: 2%; font-size:14px; color:#4c4c4c; line-height:30px; max-width:354px; border-right:1px dashed #4d4d4d; width: 45%; } .product-bd2 .info .li+.li{ border-right:none; margin-right:0; } .product-bd5 .mod .con{ margin-right:261px; } .product-bd2 .info .li dl{ margin:10px 0; } .markting-box{ max-width:1200px; margin:0 auto 50px auto; position:relative; } .dian{ position:absolute; display:block; width:17px; height:5px; cursor:pointer; z-index:100; } .dian.s{ z-index:101; } .dian i{ display:block; width:17px; height:5px; text-align:center; background:url(../images/n-mark12.png) repeat center; border-radius:100%; position:relative; z-index:10; } .dian .n{ position:absolute; display:block; color:#fff; background:#02a6a8; font-style:normal; width:75px; text-align:center; top:-53px; left:50%; margin-left:-37px; } .dian.d5 .n{ padding:0; width: 53px; margin-left: -26px; } .dian.d4 .n{ width: 40px; margin-left: -20px; } .dian.d2 .n{ width:30px; margin-left:-15px; } .dian .mark{ background:url(../images/n-bz.png) no-repeat center; width:20px; height:26px; display:block; position:absolute; left:50%; margin-left:-10px; top:-26px; animation:dmark 1s linear infinite; -webkit-animation:dmark 1s linear infinite; -moz-animation:dmark 1s linear infinite; -ms-animation:dmark 1s linear infinite; -o-animation:dmark 1s linear infinite; } @keyframes dmark{ 0%{ transform:translateY(-1px); -webkit-transform:translateY(-1px); -moz-transform:translateY(-1px); -ms-transform:translateY(-1px); -o-transform:translateY(-1px); } 50%{ transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); } 100%{ transform:translateY(-1px); -webkit-transform:translateY(-1px); -moz-transform:translateY(-1px); -ms-transform:translateY(-1px); -o-transform:translateY(-1px); } } .dian:after{ content:''; width:140%; height:150%; border-radius:100%; position:absolute; left:-15%; top:-19%; background:url(../images/n-mark12s.png) repeat center; display:block; animation:dian 2s linear infinite; -webkit-animation:dian 2s linear infinite; -moz-animation:dian 2s linear infinite; -ms-animation:dian 2s linear infinite; -o-animation:dian 2s linear infinite; } @keyframes dian{ 0%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); } 50%{ transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); } 100%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); } } @-webkit-keyframes dian{ 0%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); } 50%{ transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); } 100%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); } } @-moz-keyframes dian{ 0%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); } 50%{ transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); } 100%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); } } @-ms-keyframes dian{ 0%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); } 50%{ transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); } 100%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); } } @-o-keyframes dian{ 0%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); } 50%{ transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); } 100%{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); } } .dian.d1 { top: 47.9%; left: 79.4%; z-index:101; } .dian.d1 .n{ left: 0; margin-left: -37px; top: -31px; width: 32px; } .dian.d8 { top: 44.9%; left: 79.4%; } .dian.d8 .n{ left: 100%; margin-left: 6px; width: 32px; top: -37px; } .dian.d2{ top: 55.5%; left: 75.2%; } .dian.d3{ top: 53.5%; left: 45.8%; } .dian.d4{ top: 67.5%; left: 31.8%; } .dian.d5{ top: 71%; left: 28%; } .dian.d6{ top: 54%; left: 20%; } .dian.d7 { top: 40%; left: 25.5%; } .dian.d9 { top: 44.2%; left: 76.7%; } .dian.d9 .n{ width:31px; top: -36px; margin-left: -46px; } .dian.d10 { top: 43.8%; left: 78.3%; } .dian.d10 .n{ width:31px; margin-left:-15px; } .markting-con{ position:absolute; left:50%; bottom:35px; margin-left: -189px; z-index:100; display:none; } .dian.s .markting-con{ display:block; z-index:100; } .markting-con .mark2{ background:url(../images/n-arrow.png) no-repeat center; width:25px; height:15px; margin-top:-4px; display:block; position:relative; left:50%; margin-left:-12px; } .markting-cons .mark2{ background:url(../images/n-arrow.png) no-repeat center; width:25px; height:15px; margin-top:-4px; display:block; position:relative; left:50%; margin-left:-12px; } .markting-con .con{ width:303px; position:relative; z-index:1; padding:20px 35px; background: -moz-linear-gradient(left, #04a8bb, #00a38f); background: -webkit-linear-gradient(left, #04a8bb, #00a38f); background: -o-linear-gradient(left, #04a8bb, #00a38f); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#04a8bb, endColorstr=#00a38f);/*IE<9>*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#04a8bb, endColorstr=#00a38f)";/*IE8+*/ } .markting-con .con .pbd{ display:none; } .markting-con .con .pbd.selected{ display:block; } .markting-con .con .conbox{ line-height:25px; } .markting-con .con h1{ font-size:19px; color:#fff; font-weight:500; margin-bottom:15px; } .markting-con .con .conbox{ color:#ffffff; font-family:'黑体'; font-size:14px; max-height:174px; overflow:hidden; overflow-y:scroll; position:relative; } .markting-con .con .conbox::-webkit-scrollbar { width:4px; } .markting-con .con .conbox::-webkit-scrollbar-button { width:4px; } .markting-con .con .conbox::-webkit-scrollbar-track { background:none; border-radius:0; } .markting-con .con .conbox::-webkit-scrollbar-thumb { background:#bfbfbf; border-radius:100px; } .markting-con .con .conbox::-webkit-scrollbar-thumb:hover { background:#bfbfbf; border-radius:100px; } ::-webkit-scrollbar-button:start:decrement, /*显示滚动条上方的渐减按钮*/ ::-webkit-scrollbar-button:end:increment { display:none; } ::-webkit-scrollbar-button:vertical:start:increment, ::-webkit-scrollbar-button:vertical:end:decrement { display: none; } /*.md1{ top: -18%; left: 68.5%; }*/ /*.md2{ margin-top:-202px; } .md3{ margin-top:-180px; } .md4{ margin-top:-176px; } .md5{ margin-top:-177px; } .md6{ margin-top:-151px; } .md7{ margin-top:-150px; } .md8{ margin-top:-150px; }*/ .floatbg{ background:none; position:absolute; width:100%; top:0; height:100%; left:0; z-index:10; } .nback{ border: 1px solid #2e2e2e; padding: 5px 20px; color: #2e2e2e; margin-bottom: 25px; display: inline-block; font-size: 14px; min-width: 80px; text-align: center; position: absolute; right: 73px; top: 0; } .nback:hover{ color:#00a38f; } .p-space2{ margin-left:130px; } .p-space3{ margin-left:0; float:right; margin-right:100px } .p-space4{ float:right; margin-right:0; width:24%; } .p-space4 .li{ width:100%; box-sizing:border-box; height:96px } .psorts{ overflow:hidden; } .n-i-contact2{ margin-top:30px; } .n-i-contact .info>div{ box-sizing:border-box; } .addrlist li{ padding:10px 0; border-bottom:2px solid #eeeeee; } .addrlist li .tt{ background: url(../images/n-img5.png) no-repeat left 3px; padding-left: 33px; color: #02a6a8; font-size: 14px; line-height: 27px; } .addrlist li span{ color:#02a6a8; font-weight:bolder; } .addrlist li dl{ padding-left:33px; line-height:30px; color:#6e6d6d; font-size:14px; margin:5px 0; } .addrlist li dl.a-li1{ background:url(../images/n-img6.png) no-repeat left center; } .addrlist li dl.a-li2{ background:url(../images/n-img7.png) no-repeat left center; } .addrlist li dl.a-li3{ background:url(../images/n-img8.png) no-repeat left center; } .addrlist li dl.a-li4{ background:url(../images/n-img9.png) no-repeat left center; } .p-bd-box{ display:table; width:100%; } .p-bd-box>div{ display:table-cell; vertical-align:middle; } .p-bd-box .media{ background:#00a38f; border-radius:5px; text-align:center; width:30%; float:none; margin:0; } .p-bd-box .media img{ } .p-bd-box .con{ border:1px solid #dedede; border-top-left-radius:5px; border-bottom-left-radius:5px; vertical-align:top; padding:35px; border-right:none; background:url(../images/n-img10.jpg)repeat-x left bottom; } .p-bd-list li{ float:left; width:31.83%; margin:2% 2% 2% 0; } .p-bd-list li.llast{ margin-right:0; } .p-bd-list li dl{ border:1px solid #e8e6e6; } .p-bd-list li dl img{ display:block; } /*0905 修改*/ .p-box1{ background:#f2f2f2; box-sizing:border-box; } .p-box1>div{ float:left; } .p-box1 .p-box1-media{ overflow:hidden; width:41%; } .p-box1 .p-box1-con{ padding:50px 35px 0 35px; box-sizing:border-box; width:59%; } .p-box1 .p-box1-con .line{ display:block; width:46px; height:2px; background:#666666; margin-bottom:30px; } .p-box1 .p-box1-con .conbox{ color:#4c4c4c; font-size:14px; font-family:'宋体'; } .p-box2{ position:relative; background:url(../images/bg10.jpg) no-repeat right bottom; } .p-box2 .pline{ position:absolute; z-index:0; display:block; } .p-box2 .tpline{ background:url(../images/line2.jpg) repeat-x center; height:18px; width:100%; top:0; left:0; } .p-box2 .bpline{ background:url(../images/line2.jpg) repeat-x center; height:18px; width:100%; left:0; bottom:0; } .p-box2 .rpline{ background:url(../images/line3.jpg) repeat-y center; height:100%; width:18px; top:0; right:0; } .p-box2 .lpline{ background:url(../images/line2.jpg) repeat-y center; height:100%; width:18px; top:0; left:0; } .p-box2 .conbox{ z-index:1; position:relative; font-size:14px; font-family:'宋体'; color:#4c4c4c; padding:46px 66px; line-height:35px; } .ehs-bd2 .tt2{ font-size:16px; padding:5px 15px 5px 30px; margin-bottom:30px; } .bx-wrapper { position: relative; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(../images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(../images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .p-box3{ overflow:visible; } .p-box3 .c{ border:1px solid #e9e4e4; text-align:center; font-size:16px; color:#000; padding:10px 0; } .p-box3 .bx-wrapper .bx-controls-direction a{ width:38px; height:36px; top:-66px; margin-top:0; } .p-box3 .bx-wrapper .bx-prev{ background:url(../images/prev.jpg) no-repeat left center; left:auto; right:37px; } .p-box3 .bx-wrapper .bx-next{ background:url(../images/prev.jpg) no-repeat right center; right:0; } .p-box3 img{ width:100%; } /*9.23 修改*/ .unit{ text-align:right; color:#2e2e2e; margin:20px 0; font-size:19px; } .report{ font-size:19px; text-align:center; } .report th{ background:#00a38f; border:1px solid #fff; font-weight:500; text-align:center; color:#fff; padding:13px 0; } .report td{ border:1px solid #fff; background:#f7f6f6; font-family:Arial, Helvetica, sans-serif; padding:13px 0; } .report .name{ background:#2e2e2e; color:#fff; } .n-Investor-tab a .righttext{ display:inline-block; vertical-align:middle; margin-top:-3px; } .n-Investor-tab a .righttext .table{ display:table; } .n-Investor-tab a .righttext .cell{ display:table-cell; height:68px; line-height:24px; vertical-align:middle; } .navleft .bottomtext { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; color: #fff } .navleft .bottomtext a{ color:#fff } .navleft .bottomtext img { vertical-align: middle; margin: 0 2px; margin-top: -3px; } .gdr-table { border: 1px solid #e8ecef; width: 100%; max-width: 100%; border-radius: 1px; margin-top: 20px; } .gdr-table th { text-align: center; } .gdr-table tr { border-bottom: 1px solid #ddd; } .gdr-table tbody tr:nth-of-type(odd) { background-color: #f9f9f9; } .gdr-table tbody tr:last-child { border-bottom: none; } .gdr-table th, .gdr-table td { padding: 8px; max-width: 300px; overflow: hidden; text-overflow: ellipsis; font-size: 14px; border-right: 1px solid #ddd; } .gdr-table tr th:last-child, .gdr-table tr td:last-child { border-bottom: none; } .gdr-table td { padding: 8px 12px; } .gdr-table td a { color: #337ab7; } .gdr-table td a:hover, .gdr-table td a:focus { text-decoration:underline; } .gdr-pagination { font-size: 14px; margin-top: 10px; } .gdr-pagination .page-num input { width: 50px; font-size: 14px; padding: 2px 5px; } .gdr-pagination .pagination-detail { float: left; } .gdr-pagination .pagination { float: right; } .gdr-pagination .pagination li { display: inline; } .gdr-pagination .pagination li a { position: relative; float: left; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-right: none; width: 35px; height: 35px; line-height: 35px; text-align: center; } .gdr-pagination .pagination li a:hover { background: #eee; } .gdr-pagination .pagination li.active a { background: #337ab7; color: #fff; } .gdr-pagination .pagination li.disabled a { cursor: default; } .gdr-pagination .pagination li.disabled a:hover { background: #fff; } .gdr-pagination .pagination li:last-child a { border-right: 1px solid #ddd; } .gdr-float { width: 100%; height: 100%; background: #333; opacity: 0.6; position: fixed; top: 0; left: 0; z-index: 1001; display: none; } .gdr-area-dialog { width: 30%; height: 310px; position: fixed; top: calc(50% - 150px); left: 35%; z-index: 1002; background: #fff; border-radius: 3px; font-size: 16px; display: none; } .gdr-area-dialog .txt { padding: 20px; } .gdr-area-dialog .chlt { padding: 0 20px 20px; } .gdr-area-dialog .chlt ul li { cursor: pointer; padding: 10px; } .gdr-area-dialog .chlt ul li:hover { background: #00a38f; color: #fff; } .gdr-disc1-dialog { width: 70%; height: 90%; position: fixed; top: 5%; left: 15%; z-index: 1002; background: #fff; border-radius: 3px; font-size: 16px; display: none; overflow: hidden; } .gdr-disc1-dialog .txt { margin: 20px; padding: 20px; height: calc(100% - 140px); overflow: auto; border: 1px solid #999; } .gdr-disc1-dialog .btns { height: 60px; text-align: center; } .gdr-disc1-dialog .btns .agree { background: #00a38f; color: #fff; border: 1px solid #00a38f; padding: 10px 30px; border-radius: 5px; } .gdr-disc1-dialog .btns .disagree { border: 1px solid #333; padding: 10px 30px; border-radius: 5px; margin-left: 50px; } .gdr-disc2-dialog { width: 40%; height: auto; position: fixed; top: calc(50% - 200px); left: 30%; z-index: 1002; background: #fff; border-radius: 3px; font-size: 16px; display: none; } .gdr-disc2-dialog .txt { margin: 20px; padding: 20px; height: calc(100% - 140px); overflow: auto; border: 1px solid #999; }