@charset "utf-8"; img { max-width: 100%; } .jkdc-slider { width: 100%; height: 731px; } .daoyu { width: 100%; background: url(../images/dy-bg.jpg) center center repeat-y; color: #fff; } .daoyu .info { padding-top: 15px; } .daoyu .info .s { position: relative; float: left; width: 120px; height: 120px; background: #03aca8; text-align: center; font-size: 24px; padding-top: 18px; line-height: 1.3; } .daoyu .info .s b { padding: 0 30px; display: block; font-weight: normal; } .daoyu .info .s span { display: block; text-transform: uppercase; font-size: 12px; margin-top: 5px; } .daoyu .info .t { margin-left: 140px; } .dy-bottom { background: url(../images/dy-bg2.png) center center no-repeat; height: 68px; } .comTitle { color: #03aca8; margin-bottom: 50px; } .comTitle img { display: inline-block; } .comTitle b { display: inline-block; font-size: 30px; margin-left: -50px; padding-top: 15px; position: relative; padding-left: 40px; } .comTitle b img { position: absolute; left: 0; top: -10px; } .li-before li { position: relative; padding-left: 12px; } .li-before li:before { position: absolute; content: ""; width: 5px; left: 0; height: 5px; top: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #ccc; } .mt20 { margin-top: 20px; } .why { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; border: 1px solid #ddd; } .why p { display: block; text-align: center; padding: 20px 0; background: #03aca8; color: #fff; font-size: 20px; font-weight: normal; } .why p i { font-size: 36px; display: block; } .why ul { height: 200px; padding: 10px 30px; } .why ul li { margin-top: 10px; margin-bottom: 10px; } .why-zj { background: #069ee5; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; } .bg-gray { background: #f8f8f8; } .list-bg { margin-top: 15px; } .list-bg li { background: url(../images/jt2.png) 0 10px no-repeat; padding-left: 22px; } .list-bg li b { color: #03aca8; } .fzms-box { background: #13b5b1; position: relative; z-index: 10; } .fzms-box .comTitle { color: #fff; } .pd-lg { padding: 50px 0; } .fzms-item { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; } .fzms-item span, .fzms-item b { display: block; text-align: center; font-weight: bold; } .fzms-item span { color: #03aca8; font-size: 48px; font-weight: 100; } .fzms-item p { font-size: 14px; margin-top: 10px; height: 100px; } .jk-table { background: #fff; width: 100%; position: relative; z-index: 100; } .jk-table td, .jk-table th { padding: 10px 15px; border: 1px solid #eee; } .jk-table th { background: #f39800; color: #fff; text-align: center; border: 1px solid #ebc27c; } .jk-table td { font-size: 14px; } .bl-list li { display: block; clear: both; } .bl-list .num { font-size: 70px; color: #87ccc9; font-weight: 100; position: relative; width: 90px; float: left; display: inline-block; line-break: 1; } .bl-list .txt b { display: block; font-size: 16px; padding-top: 15px; } .bl-list .txt p { font-size: 14px; } .luoji-bg { margin-bottom: -100px; background: url(../images/ljbg.jpg) right bottom no-repeat; } .dc-ljinfo { padding-bottom: 140px; } .bt-name { font-size: 20px; color: #fff; background: url(../images/bt-bg.png); width: 158px; height: 50px; line-height: 44px; text-align: center; font-weight: bold; } .fw-content { background: #effafe; } .fw-content b { display: block; background: url(../images/bt-bg2.png) left center no-repeat; background-size: cover; height: 60px; color: #fff; text-align: center; line-height: 55px; font-size: 18px; } .fw-content ul { height: 265px; padding: 15px 40px; } .fw-content ul li { margin-bottom: 5px; } .fw-content-odd b { background: url(../images/bt-bg3.png) left center no-repeat; } .jz-tab-list { margin-bottom: 20px; } .jz-tab-list li { cursor: pointer; } .jz-tab-list .current .bt-name { background: url(../images/bt-bg4.png) left center no-repeat; } .jz-tab-list p { display: inline-block; } .jz-tab-list p.h { font-size: 20px; color: #03aca8; font-weight: bold; line-height: 50px; margin-left: 10px; } .qzjz-info .h { color: #03aca8; } .qzjz-info .hs { font-size: 20px; font-weight: bold; } .dsjlist { padding-left: 30px; margin-bottom: 20px; } .dsjlist b { color: #03aca8; } .dsjlist p { color: #707070; font-size: 14px; margin-top: 5px; } .dg-container { width: 100%; position: relative; margin-top: 50px; } .dg-wrapper { width: 25em; height: 30em; margin: 0 auto; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; } .dg-wrapper p { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; } .dg-wrapper p.dg-transition { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .dg-wrapper p img { display: block; width: 100%; padding: 0px 0px 0px 1px; } .dg-wrapper a div { font-style: italic; text-align: center; line-height: 50px; color: #333; font-size: 16px; width: 100%; bottom: 0px; display: none; position: absolute; } .dg-wrapper a.dg-center div { display: block; } .dg-container nav { width: 100%; z-index: 1000; } .dg-container .dg-prevnext span { float: left; cursor: pointer; width: 35px; height: 35px; border-radius: 35px; line-height: 35px; text-align: center; color: #fff; font-family: "瀹嬩綋"; font-weight: 200; position: absolute; font-size: 20px; background: rgba(0, 0, 0, 0.5); } .dg-wrapper p span { width: 84.5%; height: 89.1667%; margin-left: auto; margin-right: auto; display: table; position: relative; } .dg-container .dg-prevnext span:hover { opacity: 1; } .dg-container .dg-prevnext span.dg-next { right: 0; top: 50%; position: absolute; } .dg-container .dg-prevnext span.dg-prev { left: 0; top: 50%; position: absolute; } .dg-wrapper p em, .dg-wrapper p img { vertical-align: middle; } .dg-wrapper p em { display: table-cell; } .messageBox { position: relative; background-color: #efefef; } .messageBox:before { position: absolute; content: ""; top: 0; bottom: 0; width: 100%; left: 0; } .messageBox .comTitle { color: #fff; } .messageBox .comTitle b, .messageBox .comTitle p { color: #474747; } .messageBox .comTitle p { color: #999; } .ztNavBox { background: url(../images/dy-bg.jpg) center center repeat-y; color: #fff; } .ztNavBox a { color: #fff; } .ztNavBox li.current { background-color: #069ee5; } @media (max-width: 768px) { .jkdc-slider { width: 100%; height: 300px; } .jk-table td, .jk-table th { padding: 0; } .comTitle b img { position: absolute; left: 0; top: -5px; height: 50px; } .comTitle b { font-size: 20px; margin-left: 0; } .daoyu .info .s { height: auto; padding-top: 10px; padding-bottom: 10px; } .daoyu .info .s b { padding: 0; font-size: 20px; } .daoyu .info .t { margin-left: 0; margin-top: 80px; } .pd-lg { padding-top: 30px; padding-bottom: 30px; } .fzms-item p { height: 140px; } .fzms-item { margin-bottom: 10px; } .mt50 { margin-top: 30px; } .luoji-bg { background: none; } .bl-list .num { font-size: 60px; width: 60px; } .bl-list .txt { margin-left: 80px; } .jz-tab-list p.h { line-height: 25px; font-size: 18px; margin-top: 10px; display: block; } .dg-wrapper { width: 100%; } }