@charset "utf-8";/* CSS Document */ body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, fieldset, embed, object, applet, header, nav, section, strong, footer, a img {border: 0 none;padding: 0;margin:0;font-family:"微软雅黑"} ul {list-style: none outside none;} html {overflow-x: hidden;} a {color:inherit;text-decoration: none;} li {list-style:none;} .clear {clear:both;padding:0px !important;margin:0px !important;} .lf {float:left;} .rt {float:right} p {padding:0px;margin:0px;} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block} input,textarea,button{outline:none;} a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0;text-decoration:none} a:hover{text-decoration:none} .hx {width:100%;height:10px;background:#288383;margin:0 auto;} .auto,.auto_1200{margin:0 auto;width:100%;position:relative;} .auto{max-width:1400px;} .auto_1200{max-width:1200px;} img {width:100%;} @media only screen and (max-width: 1400px) and (min-width: 320px){ } @media screen and (max-width:1280px){.auto_1200{width:95%} } .top-h{height:91px;border-bottom:solid 1px #eeeeee;} .header{width:100%;z-index:105;background-color:rgba(255,255,255,1);background-repeat:no-repeat;background-position:center center;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .header .logo{padding:15px 0;position:absolute} @media screen and (min-width:960px){} @media screen and (max-width:1240px){.header .nav ul li{padding:0} .header .nav ul li b{padding-left:28px;} } @media screen and (max-width:1040px){} @media screen and (max-width:960px){.header{position:relative;} .header .logo{padding:8px 0;position:relative;} } /*banner*/ .slick-list,.slick-slider,.slick-track{position:relative;display:block} .slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden} .slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{top:0;left:0} .slick-track:after,.slick-track:before{display:table;content:''} .slick-track:after{clear:both} .slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none}/*# sourceMappingURL=slick.min.css.map */ .slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0} .slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-loading .slick-list{background:url(ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')} .slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0} .slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0} .slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1} .slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25} .slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff} .slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto} .slick-prev:before{content:'←'} .slick-next:before,[dir=rtl] .slick-prev:before{content:'→'} .slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'} .slick-dotted.slick-slider{margin-bottom:0px} .slick-dots{bottom:15px;width:100%;margin:0;list-style:none;text-align:center} .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer} .slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0} .slick-dots li button:focus,.slick-dots li button:hover{outline:0} .slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1} .slick-dots li button:before{font-size:40px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.5;color:#fff} .slick-dots li.slick-active button:before{opacity:.75;color:#247413}/*# sourceMappingURL=slick-theme.min.css.map */ .slideshow {position: relative;z-index: 1;margin: 0 auto;width:100%;} .slideshow * {outline: none;} /*.slideshow .slider {box-shadow: 0 20px 50px -25px black;}*/ .slideshow .slider-track {-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);} .slideshow .item {height: 100%;position: relative;z-index: 1;} .slideshow .item img {width: 100%;-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2);transform: scale(1.2);} .slideshow .item.slick-active img {-webkit-transform: scale(1);transform: scale(1);} /**/ .bt {width:100%;} .wrapper {width: 1100px;margin: 0 auto;position: relative;} .slideGroup {margin:0 auto;width: 1200px;height: 500px;} .slideGroup .parHd {position: relative;height: 100px;line-height: 100px;padding: 0 20px;} .slideGroup .parHd ul {display:table;margin:0 auto;} .slideGroup .parHd ul li {float: left;padding: 0 15px;cursor: pointer;} .slideGroup .parHd ul li.on {height: 30px;background: #d26306;color: green;} .slideGroup .slideBox {overflow: hidden;zoom: 1;padding: 10px 0 10px 100px;position: relative;} .slideGroup .sPrev, .slideGroup .sNext {position: absolute;left: 5px;top: 10px;display: block;width: 54px;height: 385px;background: url(../images/icoLeft.png) center center no-repeat;} .slideGroup .sNext {left: auto;right: 5px;background: url(../images/icoRight.png) center center no-repeat;} .slideGroup .parBd ul {overflow: hidden;zoom: 1;} .slideGroup .parBd ul li {margin: 0 8px;float: left;width: 1000px !important;position: relative;} .slideGroup .parBd ul li .pic {text-align: center;} .slideGroup .parBd ul li .pic img {width: 650px;height: 500px;display: block;padding: 2px;} .slideGroup .parBd ul li .description {position: absolute;width: 280px;height: 145px;padding: 20px 10px 10px 20px;top:20px;left: 420px;color:#fff } .slideGroup .parBd ul li .description h4{color: #cca552;height: 40px;line-height: 40px;} .slideGroup .parBd ul li .description a{color: #fff;float: right;margin-top: 10px;background: #7c0002;border-radius: 5px;padding: 3px 10px;} .description {width:600px !important;height:400px !important;border-radius:400px;}/**/ li.liMove{transition:all 0.5s ease-out 0s;} li.liMove:hover{transform:translate(0,-10px);} .h_column ul li{float:left;width:31.25%;} .h_column ul li:nth-child(2){margin:0 3.125%;} .h_column ul li .pic img{border-radius:10px 10px 0 0;overflow:hidden;width:100%} .h_column ul li .txt{color:#fff;position:relative;padding:5% 3% 9% 25%} .h_column ul li .txt img{width:15.556%;left:5%;top:-33%;position:absolute;border-radius:100px;box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.52);} .h_column ul li .txt .h3{height:24px;overflow:hidden;font-size:18px;font-weight:bold;} .h_column ul li .txt .p{height:24px;overflow:hidden;font-size:14px;margin-top:10px;} .h_column ul li:nth-child(1) .txt, .h_column ul li:nth-child(1) .txt img{background-color:#5bc1b4;} .h_column ul li:nth-child(2) .txt, .h_column ul li:nth-child(2) .txt img{background-color:#f6d00b;} .h_column ul li:nth-child(3) .txt, .h_column ul li:nth-child(3) .txt img{background-color:#0294a3;} @media screen and (max-width:640px){.h_column ul li{float:none;width:100%;} .h_column ul li:nth-child(2){margin:3% 0;} } .auto {max-width: 1400px;margin:0 auto;margin-top:50px;} .bk1 {padding-top:50px;} .bt p:nth-of-type(1) img{display:block;margin:0 auto;width:auto;} .bt p{text-align:center;} .bt p:nth-of-type(2) {font-size:32px;font-family:"Arial";color:#369d8d;} .bt p:nth-of-type(3){font-size:18px;color:#218982;} /*优势*/ .bk2 {padding-top:70px;} .ys {width:12.2%;height:400px;background:url(../images/ysbg.png) no-repeat;background-size:100%;float:left;margin-right:4px;margin-top:40px;} .ys:nth-of-type(8){margin-right:0px;} .ys p:nth-of-type(1){font-size:48px;font-weight:bold;color:#257978;padding:28px 0px;text-align:center;} .ys p:nth-of-type(2){font-size:17px;color:#27817c;padding-bottom:20px;text-align:center;font-weight:bold;} .ys p:nth-of-type(3){font-size:16px;color:#257978;padding:0px 10px;line-height:26px;} @media screen and (max-width:1399px){.ys {width:12.2%;height:400px;background:url(../images/ysbg.png) no-repeat;background-size:100%;float:left;margin-right:4px;} .ys:nth-of-type(8){margin-right:0px;} .ys p:nth-of-type(1){font-size:48px;font-weight:bold;color:#257978;padding:20px 0px;text-align:center;} .ys p:nth-of-type(2){font-size:15px;color:#27817c;padding-bottom:20px;text-align:center;font-weight:bold;} .ys p:nth-of-type(3){font-size:14px;color:#257978;padding:0px 10px;line-height:24px;} } @media screen and (max-width:1250px){.ys {width:12.2%;height:400px;background:url(../images/ysbg.png) no-repeat;background-size:100%;float:left;margin-right:3px;} .ys:nth-of-type(8){margin-right:0px;} .ys p:nth-of-type(1){font-size:48px;font-weight:bold;color:#257978;padding:15px 0px;text-align:center;} .ys p:nth-of-type(2){font-size:16px;color:#27817c;padding-bottom:10px;text-align:center;font-weight:bold;} .ys p:nth-of-type(3){font-size:14px;color:#257978;padding:0px 10px;line-height:24px;} } .bg1 {width:100%;height:450px;margin:0 auto;background:url(../images/ysbg1.jpg) no-repeat;background-position:center;margin-top:-240px;} /*产品*/ .cp {width:100%;margin:0 auto;} .zzsc {width: 98%;background: white;position: relative;z-index: 90;float:left;margin-right:75px;margin-bottom:60px;} .zzsc .ribbon-zzsc-green {width: 85px;height: 88px;overflow: hidden;position: absolute;top: -3px;right: -3px;} .zzsc .ribbon-green {font: bold 15px Sans-Serif;color: #333;text-align: center;text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);position: relative;padding: 7px 0;left: -5px;top: 15px;width: 120px;background-color: #BFDC7A;background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);color: #6a6340;-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);} .zzsc .ribbon-green:before, .ribbon-green:after {content: "";border-top: 3px solid #6e8900;border-left: 3px solid transparent;border-right: 3px solid transparent;position: absolute;bottom: -3px;} .zzsc .ribbon-green:before {left: 0;} .zzsc .ribbon-green:after {right: 0;} .cp1 {margin:0 auto;padding-top:20px;} .cp2 {text-align:center;font-size:18px;padding:12px 0px;color:#000;} .cp3 {width:210px;height:60px;line-height:60px;color:#fff;background: url(../images/an.png);margin:0 auto;display:block;margin-top:10px;text-align:center;font-size:16px;margin-top:28px;} .box2 {width:100%;height:1293px;margin:0 auto;background:url(../images/footer.jpg) no-repeat;background-position:center;} .mt14{margin-top:14px;} .mr_t1 {background: url(../images/mr_1px.jpg) repeat-x left bottom;height: 40px;padding-right: 16px;} .mr_t1name {font: bold 16px/40px "微软雅黑";color: #FFF;background: #2257A2 url(../images/mr_t1bg.jpg) no-repeat right top;height: 40px;width: 120px;padding-left: 21px;float: left;} .mr_t1name img {float: left;margin-top: 9px;margin-right: 6px;display: inline;} .mr_frbox {height: 560px;} .mr_frBtnL {float: left;margin: 28px 22px 0px 0px;cursor: pointer;display: inline;} .mr_frUl {float: left;width: 540px;} .mr_frBtnR {float: right;margin-top: 28px;cursor: pointer;} .mr_frUl ul li {display: inline;float: left;width:420px;margin-right: 75px;overflow: hidden;} .mr_frUl ul li img {display: block;margin-bottom: 7px;width:100%;} @media screen and (max-width:1380px){.mr_frUl ul li {display: inline;float: left;width:360px;margin-right: 75px;overflow: hidden;} .mr_frUl { padding-left:10px;} } @media screen and (max-width:1280px){.mr_frUl ul li {display: inline;float: left;width:340px;margin-right: 75px;overflow: hidden;} .mr_frUl { padding-left:10px;} } .an2 {width:255px;height:55px;background:url(../images/an1.jpg) no-repeat;line-height:55px;text-align:center;font-size:24px;color:#fff;margin:0 auto;} /*在线留言*/ .bk4 {padding-top:50px;} .biaodan {width:100%;height:500px;background:url(../images/zxly.jpg) no-repeat;background-position:center;background-size:100%;} .bd {width:1200px;margin:0 auto;padding-top:70px;} .bd form {width:100%;} .xm {width:540px;} .xm span {display:block;font-size:18px;width:90px;float:left;line-height:50px;} .xm input {width:440px;height:40px;border:5px solid #bfe3de;float:right;border-radius:10px;} .ly {padding-top:70px;} .ly span {display:block;font-size:18px;width:90px;float:left;line-height:50px;} .ly input {width:1095px;float:right;height:140px;border:5px solid #bfe3de;border-radius:10px;} .tj {width:255px!important;height:55px!important;background:url(../images/an1.jpg) no-repeat !important;line-height:55px!important;text-align:center;font-size:24px!important;color:#fff;margin:0 auto;border:none;} .zxly {width:255px;margin:0 auto;margin-top:25px;} @media screen and (max-width:1330px){.bd {width:1000px;margin:0 auto;padding-top:90px;} .bd form {width:100%;} .xm {width:440px;} .xm span {display:block;font-size:18px;width:90px;float:left;line-height:50px;} .xm input {width:340px;height:40px;border:5px solid #bfe3de;float:right;border-radius:10px;} .ly {padding-top:40px;} .ly span {display:block;font-size:18px;width:90px;float:left;line-height:50px;} .ly input {width:895px;float:right;height:140px;border:5px solid #bfe3de;border-radius:10px;} .tj {width:255px;height:55px;background:url(../images/an1.jpg) no-repeat;line-height:55px;text-align:center;font-size:24px;color:#fff;margin:0 auto;border:none;} .zxly {width:255px;margin:0 auto;margin-top:25px;} } .bk5 {padding-top:50px;} .box5 {width:95%;margin:0 auto;} .box51 {width:490px;margin-top:30px;} .box52 {width:620px;margin-top:30px;} .xw1 p:nth-of-type(1){font-size:22px;color:#333333;} .xw1 p:nth-of-type(2){font-size:14px;color:#999999;padding:15px 0px;} .xw1 p:nth-of-type(3){font-size:14px;color:#999999;padding-bottom:50px;} .xw1 p:nth-of-type(4) a {display:block;width:150px;height:45px;background:#2ba193;line-height:45px;text-align:center;color:#fff;font-size:30px;} .xwim {padding-top:60px;} .news {margin-bottom:30px;} .rq {width:135px;float:left;} .rq span {display:block;text-align:center;} .rq span:nth-of-type(1){font-size:40px;color:#999999;} .rq span:nth-of-type(2) {font-size:16px;color:#999999;} .sx {width:1px;height:85px;background:#d6d7d8;float:left;} .new {width:100%;float:right;} .new span {display:block;} .new span:nth-of-type(1) {font-size:22px;color:#333333;} .new span:nth-of-type(2) {font-size:14px;color:#999999;padding-top:15px;} .dx {width:100%;height:1px;background:#d6d7d8;margin-top:30px;} .news:hover span {color:#2ba193;} @media screen and (max-width:1300px){.box51 {width:450px;margin-top:30px;} .box52 {width:600px;margin-top:30px;} } .footer {width:100%;height:550px;background:url(../images/footer.png) no-repeat;background-position:center;margin-top:50px;} .dbdh {width:1200px;margin:0 auto;padding-top:150px;} .dbdh a {display:block;float:left;width:14.25%;text-align:center;line-height:50px;color:#fff;font-size:18px;} .fx {width:96.5%;margin:0 auto;height:1px;background:#fff;} .mt30 {margin-top:20px;} .foot {width:1280px;margin:0 auto;} .ftlg {width:445px;float:left;padding-top:50px;} .gsxx {width:425px;float:left;margin-left:3%;padding-top:50px;} .gsxx1 {margin-bottom:20px;} .gsxx1 span {display:block;} .gsxx1 span:nth-of-type(1){width:45px;float:left;} .gsxx1 span:nth-of-type(2) {width:350px;float:left;margin-left:25px;line-height:45px;color:#fff;font-size:16px;} .wx {width:170px;float:left;padding-top:55px;} .jszz {font-size:14px;color:#fff;text-align:center;margin-top:10px;} /**/ .dh {} .container-fluid {width: 100%;padding-bottom: 10px;} .carect {position: relative;width: 0;height: 0;margin-left: 5px;margin-bottom: 2px;border-top: 6px solid;border-left: 5px solid transparent;border-right: 5px solid transparent;border-radius: 10px;display: inline-block;} /* 导航组件 */ .m0 {margin-top:0px;} nav {width: 100%;height: 120px;} nav li, nav a {text-decoration: none;list-style: none;} nav .nav-logo {width: 374px;height: 100px;float: left; background:URL(/Application/Home/Public/images/logo.jpg) no-repeat;margin-top:5px;} .nav-logo h1{ text-indent:-99em; height:100px;} nav .nav-logo img {margin-top:5px;} nav .nav-logo a, nav .nav-logo li, nav .nav-logo ol, nav .nav-logo span, nav .nav-logo p {font-size: 30px;font-weight: bold;list-style: none;color: #1f79ec;text-decoration: none;} nav .nav-logo img {max-width: 100%;max-height: 100%;} nav ::-webkit-scrollbar {display: none;} nav .nav-list {/*nav-list*/-webkit-box-sizing: border-box;box-sizing: border-box;float: left;margin-right: 20px;margin-top:35px;} @media (max-width: 1200px) {nav .nav-list {position: fixed;height: 100%;top: 0;padding-top: 10px;width: 60%;background: #fff;left: -60%;-webkit-transition: 1s;transition: 1s;z-index:999;-webkit-box-shadow: 3px 0px 10px #f0eded;box-shadow: 3px 0px 10px #f0eded;} } nav .nav-list > li {position: relative;list-style: none;float: left;text-align: center;} @media (max-width: 1200px) {nav .nav-list > li {width: 100%;margin: 0;overflow: hidden;} nav .nav-list > li {margin-bottom: 15px;} } nav .nav-list > li .active {color: #fff;background: #288383;} nav .nav-list > li a {color: #5a5c5f;display: inline-block;line-height: 32px;padding: 1px 15px;margin: 0 10px;font-size: 15px;text-decoration: none;} @media (max-width: 1200px) {nav .nav-list > li a {width: 100%;border-radius: 0;margin: 0;} } nav .nav-list > li a:hover {color: #fff;background-color: #288383;} nav .nav-list > li .menu {min-width: 120px;background: #fff;-webkit-box-shadow: 0 2px 10px #ccc;box-shadow: 0 2px 10px #ccc;position: absolute;border-radius: 5px;white-space: nowrap;left: 10px;height: 0;overflow: hidden;-webkit-transition: 1s;transition: 1s;z-index:999;top:35px;} @media (max-width: 1200px) {nav .nav-list > li .menu {position: relative;width: 100%;text-align: center;border-radius: 0;-webkit-box-shadow: 0 -1px 7px #ccc inset;box-shadow: 0 -1px 7px #ccc inset;} } nav .nav-list > li .menu li a {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0;} nav .nav-list > li:hover .menu {height: auto;} nav .nav-menu {display: none;z-index: 999;background: #fff;cursor: pointer;} @media (max-width: 1200px) {nav .nav-menu {display: block;float: right;padding: 8px 5px;position: relative;border: 1px solid #ccc;border-radius: 5px;margin-right: 15px;} nav .nav-menu span {height: 2px;width: 25px;display: block;background: #CCC;border-radius: 10px;} nav .nav-menu span + span {margin-top: 6px;} } nav .open {left: 0%;overflow: auto;} .button{width:70px;background: url(../images/ss.jpg) no-repeat;display:block;margin-top:10px;height:70px;text-align:center;text-decoration:none;color:#fff;cursor:pointer;transition:background .3s;-webkit-transition:background .3s;float:left;} #login{width:400px;margin-top:8px;margin-bottom:2%;transition:opacity 1s;-webkit-transition:opacity 1s;display:none;position:absolute;z-index:999;right:0px;top:100px;} #triangle{width:0;border-top:12x solid transparent;border-right:12px solid transparent;border-bottom:12px solid #369890;border-left:12px solid transparent;margin:0 auto;} #login h1{background:#369890;padding:20px 0;font-size:140%;font-weight:300;text-align:center;color:#fff;} input[type="submit"]{width:100%;background:#369890;border:0;padding:4%;font-family:'Open Sans',sans-serif;font-size:100%;color:#fff;cursor:pointer;transition:background .3s;-webkit-transition:background .3s; padding:0px!important;} input[type="submit"]:hover{background:#2288bb;} .sousuo {width:396px;height:50px;padding:0px;} @media (max-width: 1250px) {nav .nav-list > li a {color: #5a5c5f;display: inline-block;line-height: 32px;padding: 1px 8px;margin: 0 10px;font-size: 15px;border-radius: 30px;text-decoration: none;} } .bg2 {height:520px;background:url(../images/jzbg.png) no-repeat;background-position:center;position:relative;margin-top:-520px;} /*家族*/ /**tabs**/ .tabPanel ul{height:30px;width:178px;float:right;position:relative;z-index:999;padding-top:110px;margin-right:1%;} .tabPanel ul li{margin:0 2px 0 0;font-size:11px;height:50px;line-height:50px;width:170px;text-align:center;cursor:pointer;border-radius:50px;background:#288383;color:#fff;font-size:18px;margin-bottom:45px;} .tabPanel .hit{cursor:pointer;color:#fff;background:#e67e22;} .pane{border-top:0;min-height:100px;background-color:#fff;display:none;height:520px;} .pane p{padding:15px 15px 0 10px;} .pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;} .yx {width:380px;height:380px;background:#fff;border-radius:380px;margin-left:55.7%;} .h50 {height:70px;} .cpt {margin-left:54.5%;width:420px;position:relative;z-index:999; margin-top:-40px;} .cpt img {position:relative;} .jz1 {background:url(../images/jz1.jpg) no-repeat;background-position:center;} .jz2 {background:url(../images/jz2.jpg) no-repeat;background-position:center;} .jz3 {background:url(../images/jz3.jpg) no-repeat;background-position:center;} .box1 {margin-top:60px;margin-bottom:90px;} @media (max-width: 1300px) {.cpt {margin-left:55.7%;width:300px;position:relative;z-index:999;} } .wrapper{width: 100%;min-height: 100%;position: relative;box-sizing: border-box;overflow: hidden;} /*公司简介*/ .wrap{max-width: 1400px;margin: 0 auto;width: 100%;box-sizing: border-box;} .wrap:after{content: "";height: 0;display: block;clear: both;} @media only screen and (max-width: 1400px){.wrap{max-width: 1200px;} } .lzpic2{display: none;} img{width: 100%;display: block;} .col, .row{width: 100%;box-sizing: border-box;} .col:after, .row:after{content: "";height: 0;display: block;clear: both;} .l{float: left;} .r{float: right;} img{width: 100%;display: block;} .article{line-height: 26px;font-size: 14px;color: #777777;text-align: justify;} .article img{display: inline-block;width: auto;max-width: 100%;} .mainFilter{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background: url(../images/mainFilter.png);} .wrapper{width: 100%;min-height: 100%;position: relative;box-sizing: border-box;overflow: hidden;} .loadingTop{width: 40px;height: 40px;background: url(../images/loading.gif) no-repeat center;background-size: 100% 100%;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);z-index: 999;} .main{background: #fff;} .main .banner .swiper-button-next, .main .banner .swiper-button-prev{width: 40px;height: 40px;position: absolute;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);z-index: 2;cursor: pointer;outline: none;margin: 0;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .main .banner .swiper-button-prev{left: 94px;background: url(../images/arrow4.png) no-repeat center;} .main .banner .swiper-button-prev:hover{background-position: 0 center;} .main .banner .swiper-button-next{right: 94px;background: url(../images/arrow5.png) no-repeat center;} .main .banner .swiper-button-next:hover{background-position: right 0 center;} .main .banner .swiper-pagination{bottom: 24px;} .main .banner .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;opacity: .7;outline: none;background: #fff;} .main .banner .swiper-pagination .swiper-pagination-bullet-active{background: #288383;opacity: 1;} .main .product{padding: 50px 0 30px 0;} .main .product .box{width: 690px;margin-bottom: 20px;} .main .product .box a{display: block;position: relative;overflow: hidden;} .main .product .box a:hover img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);} .main .product .box img{transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;} .main .product .box .text{width: 100%;position: absolute;left: 0;bottom: 46px;z-index: 2;padding: 0 34px;box-sizing: border-box;} .main .product .box .text .p1{line-height: 34px;font-size: 24px;color: #333333;} .main .product .box .text .p2{line-height: 20px;font-size: 14px;color: #777777;margin-top: 8px;} .main .about{width: 50%;float: left;position: relative;background-size: 0 0;} .main .about .content{width: 660px;position: absolute;top: 40px;right: 40px;bottom: 40px;z-index: 2;background: url(../images/about_bg2.png) no-repeat;background-size: 100% 100%;text-align: center;} .main .about .box{width: 100%;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);z-index: 4;padding: 0 36px;box-sizing: border-box;} .main .about .title{font-size: 16px;color: #777777;} .main .about .title img{display: inline-block;width: auto;margin-bottom: 4px;} .main .about .line{width: 26px;height: 1px;background: #288383;margin: 30px auto 40px auto;} .main .about .text{line-height: 26px;font-size: 14px;color: #555555;} .main .about .btn{display: block;width: 124px;height: 36px;line-height: 34px;border-radius: 36px;border: solid 1px #e0e0e0;box-sizing: border-box;font-size: 14px;color: #999999;margin: 48px auto 0 auto;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .main .about .btn:hover{background: #288383;border: solid 1px #288383;color: #fff;} .main .news{width: 50%;float: right;} .main .news .swiper-container{position: relative;} .main .news .title{width: 148px;position: absolute;top: 0;left: 50%;z-index: 2;background: #288383;text-align: center;color: #fff;padding: 34px 0;margin-left: 72px;} .main .news .title .t1, .main .news .title .t2{height: 34px;line-height: 34px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;} .main .news .title .t1{font-size: 26px;} .main .news .title .t2{font-size: 16px;opacity: .5;} .main .news .swiper-slide a{display: block;position: relative;} .main .news .swiper-slide .text{width: 100%;position: absolute;left: 0;bottom: 80px;z-index: 2;padding: 0 38px;box-sizing: border-box;color: #fff;} .main .news .swiper-slide .p1, .main .news .swiper-slide .p2, .main .news .swiper-slide .p3{height: 20px;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;} .main .news .swiper-slide .p1{font-size: 14px;} .main .news .swiper-slide .p2{font-size: 18px;margin: 12px 0 8px 0;} .main .news .swiper-slide .p3{font-size: 14px;color: #dddddd;} .main .news .swiper-pagination{bottom: 30px;padding: 0 34px;box-sizing: border-box;} .main .news .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;opacity: 1;outline: none;background: #fff;float: left;} .main .news .swiper-pagination .swiper-pagination-bullet-active{background: #288383;opacity: 1;} @media only screen and (max-width: 1400px){.main .product .box{width: 590px;} .main .about .content{width: 580px;top: 20px;right: 20px;bottom: 20px;} .main .about .box{padding: 0 30px;} .main .about .line{margin: 20px auto;} .main .about .btn{margin: 20px auto 0 auto;} .main .news .title{padding: 24px 0;} .main .news .title .t1, .main .news .title .t2{height: 30px;line-height: 30px;} .main .news .title .t1{font-size: 22px;} .main .news .title .t2{font-size: 14px;} .main .news .swiper-slide .text{bottom: 40px;padding: 0 20px;} .main .news .swiper-pagination{bottom: 20px;padding: 0 18px;} } .container .columnMenu{border-bottom: solid 1px #eaeaea;} .container .columnMenu .crumbs{float: left;line-height: 65px;background: url(../images/crumbs.png) no-repeat 0 center;padding-left: 26px;box-sizing: border-box;font-size: 14px;color: #dddddd;} .container .columnMenu .crumbs a{font-size: 14px;color: #999999;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .container .columnMenu .crumbs a:last-child{color: #777777;} .container .columnMenu .crumbs a:hover{color: #288383;} .container .columnMenu .crumbs span{padding: 0 12px;} .container .columnMenu .menu{float: right;} .container .columnMenu .menu .btn{display: none;} .container .columnMenu .menu li{float: left; padding-top:10px; padding-bottom:10px; margin-left:15px; } .container .columnMenu .menu li a{display: block;font-size: 16px;color: #444444;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s; border:1px solid #288383; padding:10px 20px;} .container .columnMenu .menu li.on a, .container .columnMenu .menu li a:hover{color: #288383;} .container .paging{text-align: center;margin-top: 20px;} .container .paging ul{display: inline-block;} .container .paging li{float: left;margin: 0 10px;} .container .paging li a{width: 44px;height: 40px;line-height: 40px;text-align: center;display: block;font-size: 16px;color: #444444;border: solid 1px #dddddd;background-repeat: no-repeat;background-position: center;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .container .paging li.on a, .container .paging li a:hover{background-color: #288383;border: solid 1px #288383;color: #fff;} .container .paging li.prev a{background-image: url(../images/arrow6.png);} .container .paging li.prev a:hover{background-image: url(../images/arrow8.png);} .container .paging li.next a{background-image: url(../images/arrow7.png);} .container .paging li.next a:hover{background-image: url(../images/arrow9.png);} .aboutPage{padding: 68px 0;} .aboutPage .pic{width: 700px;float: left;} .aboutPage .content{width: 622px;float: right;margin-top: 40px;} .aboutPage .content .title{font-size: 30px;color: #288383;} .aboutPage .content .text{line-height: 26px;font-size: 16px;color: #777777;margin-top: 20px;} .aboutPage .content .text .tit{font-size: 20px;color: #333333;margin-bottom: 10px;} @media only screen and (max-width: 1400px){.aboutPage .pic{width: 570px;} .aboutPage .content{width: 570px;margin-top: 20px;} } .contactPage{padding: 68px 0;} .contactPage .wrap{background: #fff;} .contactPage .title{font-size: 20px;color: #288383;} .contactPage .contact{width: 680px;float: left;background: #fff;padding: 38px 42px;box-sizing: border-box;} .contactPage .contact .text{min-height: 22px;line-height: 22px;font-size: 14px;color: #333333;margin-top: 36px;} .contactPage .contact .text a{font-size: 14px;color: #333333;} .contactPage .contact .text p{margin-bottom: 18px;background: no-repeat 0 0;padding-left: 32px;box-sizing: border-box;} .contactPage .map{width: 720px;float: right;} .contactPage .map #allmap{height: 380px;} .contactPage .message{background: none;margin-top: 32px;} .contactPage .message .content{margin-top: 16px;} .contactPage .message .content:after{content: "";height: 0;display: block;clear: both;} .contactPage .message textarea, .contactPage .message input[type="text"]{width: 342px;height: 60px;line-height: 58px;padding: 0 20px;float: left;box-sizing: border-box;margin: 0 0 8px 10px;background: #fff;font-size: 14px;color: #333;border: solid 1px #eeeeee;} .contactPage .message textarea::-webkit-input-placeholder, .contactPage .message input[type="text"]::-webkit-input-placeholder{color: #999999;} .contactPage .message textarea:-moz-placeholder, .contactPage .message input[type="text"]:-moz-placeholder{color: #999999;} .contactPage .message textarea::-moz-placeholder, .contactPage .message input[type="text"]::-moz-placeholder{color: #999999;} .contactPage .message textarea:-ms-input-placeholder, .contactPage .message input[type="text"]:-ms-input-placeholder{color: #999999;} .contactPage .message textarea:first-child, .contactPage .message input[type="text"]:first-child{margin-left: 0;} .contactPage .message textarea{width: 100%;height: 152px;margin: 0;padding: 10px 20px;resize: none;line-height: 20px;} .contactPage .message button, .contactPage .message input[type="button"]{width: 132px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: #288383;float: left;cursor: pointer;margin-top: 8px;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .contactPage .message button:hover, .contactPage .message input[type="button"]:hover{background: #ac143f;} @media only screen and (max-width: 1400px){.contactPage .contact{width: 580px;padding: 20px;} .contactPage .contact .text{margin-top: 26px;} .contactPage .map{width: 590px;} .contactPage .map #allmap{height: 340px;} .contactPage .message textarea, .contactPage .message input[type="text"]{width: 292px;} .contactPage .message textarea{width: 100%;} } .queryPage{padding: 40px 0;} .queryPage .wrap{background: #fff;padding: 64px 32px;box-sizing: border-box;} .queryPage .title{font-size: 30px;color: #444444;text-align: center;} .queryPage input[type="text"]{max-width: 622px;width: 100%;height: 52px;line-height: 50px;border: solid 1px #dddddd;box-sizing: border-box;font-size: 14px;color: #333;text-align: center;margin: 32px auto 12px auto;display: block;} .queryPage input[type="text"]::-webkit-input-placeholder{color: #999999;} .queryPage input[type="text"]:-moz-placeholder{color: #999999;} .queryPage input[type="text"]::-moz-placeholder{color: #999999;} .queryPage input[type="text"]:-ms-input-placeholder{color: #999999;} .queryPage button, .queryPage input[type="button"]{max-width: 622px;width: 100%;height: 52px;line-height: 52px;text-align: center;background: #288383;font-size: 16px;color: #fff;cursor: pointer;margin: 0 auto;display: block;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .queryPage button:hover, .queryPage input[type="button"]:hover{background: #ac143f;} .queryPage .tips{text-align: center;line-height: 24px;font-size: 14px;color: #777777;margin: 66px 0;} .queryPage .process:after{content: "";height: 0;display: block;clear: both;} .queryPage .process ul{float: left;} .queryPage .process li{width: 294px;float: left;margin-left: 90px;} .queryPage .process li:first-child{margin-left: 0;} .queryPage .process li .tit{min-height: 26px;line-height: 26px;font-size: 16px;color: #288383;} .queryPage .process li .tit span{width: 26px;height: 26px;line-height: 26px;text-align: center;border-radius: 50%;display: inline-block;color: #fff;background: #288383;margin-right: 8px;} .queryPage .process li .pic{padding-left: 18px;box-sizing: border-box;margin-top: 34px;} .queryPage .process .qrcode{float: right;text-align: center;} .queryPage .process .qrcode .tit{font-size: 16px;color: #288383;} .queryPage .process .qrcode .pic{width: 150px;height: 150px;border: solid 1px #dddddd;box-sizing: border-box;border-radius: 3px;margin: 16px 0 4px 0;} .queryPage .process .qrcode .txt{font-size: 14px;color: #888888;} @media only screen and (max-width: 1400px){.queryPage .process li{width: 294px;margin-left: 20px;} } .popupPrompts{width: 682px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);z-index: 200;background: #fff;padding: 62px 38px;box-sizing: border-box;display: none;} .popupPrompts .close{width: 20px;height: 20px;position: absolute;top: 14px;right: 14px;z-index: 2;background: url(../images/close2.png) no-repeat center;cursor: pointer;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .popupPrompts .close:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);} .popupPrompts .title{text-align: center;background: url(../images/popupPrompts_line.png) repeat-x 0 bottom;padding-bottom: 32px;} .popupPrompts .title .en{font-size: 16px;color: #288383;} .popupPrompts .title .tit{font-size: 24px;color: #444444;margin-top: 6px;} .popupPrompts .inst{line-height: 24px;font-size: 14px;color: #777777;margin: 34px 0;} .popupPrompts .inst p{margin-bottom: 2px;padding-left: 16px;box-sizing: border-box;background: url(../images/popupPrompts_inst.gif) no-repeat 0 8px;} .popupPrompts .result{background: #999999;padding: 60px 34px 40px 34px;box-sizing: border-box;text-align: center;} .popupPrompts .result .icon{width: 70px;margin: 0 auto;} .popupPrompts .result .txt{line-height: 30px;font-size: 20px;color: #fff;margin-top: 24px;} .popupPrompts .copy{text-align: center;margin-top: 37px;font-size: 14px;color: #aaaaaa;} .popupPrompts .copy img{width: 142px;display: inline-block;margin-bottom: 10px;} .popupPrompts2 .result{background: #288383;} .newsPage{padding: 40px 0 50px 0;} .newsPage .newsList:after{content: "";height: 0;display: block;clear: both;} .newsPage .newsList li{width: 446px;float: left;margin: 0 0 30px 31px;} .newsPage .newsList li:nth-child(3n+1){margin-left: 0;} .newsPage .newsList li a{display: block;background: #fff;padding: 15px 15px 26px 15px;box-sizing: border-box;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .newsPage .newsList li a:hover{box-shadow: 0 0 12px 2px #efefef;} .newsPage .newsList li a:hover .pic img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);} .newsPage .newsList li a:hover .tit{color: #288383;} .newsPage .newsList li .pic{height: 261px;overflow: hidden;} .newsPage .newsList li .pic img{transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;} .newsPage .newsList li .tit, .newsPage .newsList li .date, .newsPage .newsList li .txt{height: 20px;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;} .newsPage .newsList li .tit{font-size: 18px;color: #555555;margin: 26px 0 10px 0;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .newsPage .newsList li .date{font-size: 14px;color: #999999;} .newsPage .newsList li .txt{height: 40px;font-size: 14px;color: #777777;-webkit-line-clamp: 2;margin-top: 18px;} .newsPage .details{background: #fff;padding: 62px 30px;box-sizing: border-box;} .newsPage .details .title{text-align: center;padding-bottom: 28px;} .newsPage .details .title .tit{line-height: 40px;font-size: 30px;color: #333333;} .newsPage .details .title .info{line-height: 22px;font-size: 14px;color: #999999;margin-top: 16px;} .newsPage .details .title #share{display: inline-block;vertical-align: middle;margin: -4px 0 0 14px;} .newsPage .details .title #share a{width: 22px;height: 22px;float: left;margin-right: 8px;position: relative;background: no-repeat center;background-size: 100% 100%;outline: none;} .newsPage .details .title #share .icon-wechat{background-image: url(../images/share1.png);} .newsPage .details .title #share .icon-wechat:hover .wechat-qrcode{display: block;} .newsPage .details .title #share .icon-weibo{background-image: url(../images/share2.png);} .newsPage .details .title #share .icon-qq{background-image: url(../images/share3.png);} .newsPage .details .title #share .wechat-qrcode{display: none;width: 140px;position: absolute;top: 30px;left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);z-index: 5;background: #fff;} .newsPage .details .title #share .wechat-qrcode h4{height: 30px;line-height: 30px;background: #eee;font-size: 14px;color: #333;} .newsPage .details .title #share .wechat-qrcode .qrcode{padding: 10px 20px;box-sizing: border-box;} .newsPage .details .title #share .wechat-qrcode .help{display: none;} .newsPage .details .article{padding: 44px 0;border-top: solid 1px #eeeeee;border-bottom: solid 1px #eeeeee;} .newsPage .details .bottom{margin-top: 52px;} .newsPage .details .bottom:after{content: "";height: 0;display: block;clear: both;} .newsPage .details .bottom a{height: 20px;line-height: 20px;font-size: 14px;color: #999999;float: left;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .newsPage .details .bottom a:hover{color: #288383;} .newsPage .details .bottom .next, .newsPage .details .bottom .prev{width: 300px;} .newsPage .details .bottom .next{margin-left: 40px;} .newsPage .details .bottom .return{float: right;background: url(../images/return.png) no-repeat 0 center;padding-left: 28px;} @media only screen and (max-width: 1400px){.newsPage .newsList li{width: 386px;margin: 0 0 20px 20px;} .newsPage .newsList li .pic{height: 223px;} } .productPage{padding-bottom: 40px;} .productPage .productMenu{margin: 98px 0 65px 0;} .productPage .productMenu:after{content: "";height: 0;display: block;clear: both;} .productPage .productMenu li{width: 20%;float: left;line-height: 30px;font-size: 16px;color: #555555;text-align: center;background: url(../images/productMenu_line.gif) no-repeat 0 center;} .productPage .productMenu li:first-child{background: none;} .productPage .productMenu li a{font-size: 16px;color: #555555;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .productPage .productMenu li a:hover{color: #288383;} .productPage .productMenu li span{margin-right: 10px;} .productPage .productMenu li img{width: auto;display: inline-block;vertical-align: middle;margin-top: -4px;} .productPage .productList{margin-bottom: 40px;} .productPage .productList:after{content: "";height: 0;display: block;clear: both;} .productPage .productList li{float: left;margin: 0 0 12px 12px;width: 341px;} .productPage .productList li:nth-child(4n+1){margin-left: 0;} .productPage .productList li a{display: block;position: relative;border: solid 1px #eaeaea;box-sizing: border-box;overflow: hidden;} .productPage .productList li a:hover img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);} .productPage .productList li img{transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;} .productPage .productList li .text{width: 100%;position: absolute;top: 30px;left: 0;z-index: 2;padding: 0 38px;box-sizing: border-box;} .productPage .productList li .p1, .productPage .productList li .p2{height: 30px;line-height: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;} .productPage .productList li .p1{font-size: 20px;color: #444444;} .productPage .productList li .p2{font-size: 14px;color: #999999;} .productPage .productList.ts li{width: 347px;} .productPage .productList.ts li:nth-child(4n+1){margin-left: 12px;} .productPage .productList.ts li:nth-child(22), .productPage .productList.ts li:nth-child(19), .productPage .productList.ts li:nth-child(16), .productPage .productList.ts li:nth-child(13), .productPage .productList.ts li:nth-child(10), .productPage .productList.ts li:nth-child(7), .productPage .productList.ts li:nth-child(4), .productPage .productList.ts li:nth-child(1){margin-left: 0;} .productPage .productList.ts li:nth-child(24), .productPage .productList.ts li:nth-child(19), .productPage .productList.ts li:nth-child(18), .productPage .productList.ts li:nth-child(13), .productPage .productList.ts li:nth-child(12), .productPage .productList.ts li:nth-child(7), .productPage .productList.ts li:nth-child(6), .productPage .productList.ts li:nth-child(1){width: 680px;} .productPage .topMenu:after{content: "";height: 0;display: block;clear: both;} .productPage .topMenu .title{height: 82px;line-height: 82px;float: left;font-size: 20px;color: #444444;} .productPage .topMenu .menu{float: right;} .productPage .topMenu .menu li{margin-left: 38px;float: left;height: 82px;line-height: 82px;} .productPage .topMenu .menu li a{font-size: 14px;color: #999999;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .productPage .topMenu .menu li.on a, .productPage .topMenu .menu li a:hover{color: #333333;} .productPage .topMenu .store{float: right;max-width: 116px;width: auto;text-indent: 14px;padding-right: 14px;background: #fff;border-radius: 3px;margin: 20px 0 0 24px;position: relative;} .productPage .topMenu .store .tit{height: 40px;line-height: 40px;font-size: 14px;color: #999999;cursor: pointer;} .productPage .topMenu .store .tit span{background: url(../images/arrow1.png) no-repeat right 0 center;padding-right: 10px;} .productPage .topMenu .store .tit.on span{background-image: url(../images/arrow2.png);} .productPage .topMenu .store ul{width: 100%;top: 36px;left: 0;background: #fff;position: absolute;z-index: 2;padding: 4px 0 14px 0;display: none;} .productPage .topMenu .store li a{height: 28px;line-height: 28px;display: block;font-size: 14px;color: #999999;} .productPage .topMenu .store li a:hover{color: #288383;} .productPage .details{background: #fff;} .productPage .details .bpic{width: 50%;float: right;} .productPage .details .cont{width: 628px;position: absolute;top: 50%;right: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);z-index: 2;box-sizing: border-box;} .productPage .details .row{position: relative;} .productPage .details .row:nth-child(even) .bpic{float: left;} .productPage .details .row:nth-child(even) .cont{left: 50%;right: auto;padding-left: 170px;} .productPage .details .p1{line-height: 30px;font-size: 20px;color: #777777;} .productPage .details .p2{line-height: 46px;font-size: 36px;color: #333333;margin: 20px 0 16px 0;} .productPage .details .p3{line-height: 38px;font-size: 28px;color: #288383;margin-top: 30px;} .productPage .details .p4{line-height: 24px;font-size: 16px;color: #288383;margin-top: 6px;} .productPage .details .list, .productPage .details ul{margin-top: 46px;} .productPage .details .list:after, .productPage .details ul:after{content: "";height: 0;display: block;clear: both;} .productPage .details .list .li, .productPage .details ul .li, .productPage .details .list li, .productPage .details ul li{margin-right: 50px;text-align: center;float: left;} .productPage .details .list .li img, .productPage .details ul .li img, .productPage .details .list li img, .productPage .details ul li img{width: auto;max-height: 100%;display: inline-block;} .productPage .details .list .li .icon, .productPage .details ul .li .icon, .productPage .details .list li .icon, .productPage .details ul li .icon{height: 42px;} .productPage .details .list .li .txt, .productPage .details ul .li .txt, .productPage .details .list li .txt, .productPage .details ul li .txt{line-height: 24px;font-size: 16px;color: #288383;margin-top: 14px;} .productPage .parameter .row{border-top: solid 1px #e8e8e8;padding: 50px 0;} .productPage .parameter .title{line-height: 30px;font-size: 18px;color: #555555;float: left;} .productPage .parameter .cont{padding-left: 340px;box-sizing: border-box;line-height: 24px;font-size: 14px;color: #888888;} .productPage .parameter .cont img{width: auto;display: inline-block;} .productPage .parameter .cont p{margin-bottom: 16px;} @media only screen and (max-width: 1400px){.productPage .productList li{margin: 0 0 10px 10px;width: 292px;} .productPage .productList li .text{top: 20px;padding: 0 20px;} .productPage .productList.ts li{margin: 0 0 10px 10px;width: 298px;} .productPage .productList.ts li:nth-child(24), .productPage .productList.ts li:nth-child(19), .productPage .productList.ts li:nth-child(18), .productPage .productList.ts li:nth-child(13), .productPage .productList.ts li:nth-child(12), .productPage .productList.ts li:nth-child(7), .productPage .productList.ts li:nth-child(6), .productPage .productList.ts li:nth-child(1){width: 582px;} .productPage .details .cont{width: 600px;} } #wrapper {width:100%;height: 220px;margin:0 auto;margin-top:120px;} #carousel {width: 100%;position:vrelative;} #carousel ul {list-style: none;display: block;margin: 0;padding: 0;} #carousel li {background: transparent url(../images/carousel_polaroid.png) no-repeat 0 0;font-size: 40px;color: #999;text-align: center;display: block;width: 232px;height: 178px;padding: 0;margin: 6px;float: left;position: relative;} #carousel li img {width: 201px;height: 127px;margin:0 auto;margin-top: 14px;} #carousel li span {background: transparent url(../images/carousel_shine.png) no-repeat 0 0;text-indent: -999px;display: block;overflow: hidden;width: 201px;height: 127px;position: absolute;z-index: 2;top: 14px;left: 16px;} .clearfix {float: none;clear: both;} #carousel .prev, #carousel .next {background: transparent url(../images/carousel_control.png) no-repeat 0 0;text-indent: -999px;display: block;overflow: hidden;width: 15px;height: 21px;margin-left: 10px;top:-120px;position:relative;} #carousel .prev {background-position: 0 0;left: 30px;float:left;} #carousel .next {background-position: -18px 0;float:right;} #carousel .pager {text-align: center;margin: 0 auto;} #carousel .pager a {background: transparent url(../images/carousel_control.png) no-repeat -2px -32px;text-decoration: none;text-indent: -999px;display: inline-block;overflow: hidden;width: 8px;height: 8px;margin: 0 5px 0 0;} #carousel .pager a.selected {background: transparent url(../images/carousel_control.png) no-repeat -12px -32px;text-decoration: underline;} #source {text-align: center;width: 100%;position: absolute;bottom: 10px;left: 0;} #source, #source a {font-size: 12px;color: #999;} #donate-spacer {height: 100%;} #donate {border-top: 1px solid #999;width: 750px;padding: 50px 75px;margin: 0 auto;overflow: hidden;} #donate p, #donate form {margin: 0;float: left;} #donate p {width: 650px;} #donate form {width: 100px;} .caroufredsel_wrapper {margin:0 auto !important;} /*生产环境*/ #mbOverlay {position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer;} #mbOverlay.mbOverlayFF {background:transparent url(80.png) repeat;} #mbOverlay.mbOverlayIE {position:absolute;} #mbCenter {height:557px;position:absolute;z-index:9999;left:50%;background-color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70);-webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70);} #mbCenter.mbLoading {background:#fff url(images/WhiteLoading.gif) no-repeat center;-moz-box-shadow:none;-webkit-box-shadow:none;} #mbImage {left:0;top:0;font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px;} #mbImage a, #mbImage a:link, #mbImage a:visited {color:#ddd;} #mbImage a:hover, #mbImage a:active {color:#fff;} #mbBottom {min-height:20px;font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px;} #mbTitle {display:inline;color:#999;font-weight:bold;line-height:20px;font-size:12px;} #mbNumber {background:url(images/mbNumber_bg.gif) no-repeat center;display:inline;color:#C00;line-height:26px;font-size:12px;position: absolute;bottom: 10px;right: 10px;text-align: center;width:65px;height:26px;} #mbCaption {display:block;color:#999;line-height:14px;font-size:10px;} #mbPrevLink, #mbNextLink, #mbCloseLink {display:block;float:right;height:20px;margin:0;outline:none;} #mbPrevLink {width:32px;height:100px;background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center;position: absolute;top:38%;left:-32px;} #mbNextLink {width:32px;height:100px;background:transparent url(../images/CustomBlackNext.gif) no-repeat center;position: absolute;top:38%;right:-32px;} #mbCloseLink {width:24px;background:transparent url(../images/CustomBlackClose.gif) no-repeat center;position:absolute;top:10px;right:10px;} #mbError {position:relative;font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-moz-border-radius:5px;-webkit-border-radius:5px;} #mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {color:#d00;font-weight:bold;text-decoration:underline;} .layout_default{float:left;width:30%;padding:0 1.5%;margin-bottom:30px;} .mod_gallerylist{margin:0 auto} .meta{font-size:12px;text-align:center;} .image_container img{border:1px solid #CCC;padding:2px} .meta {height:40px;line-height:40px;} .meta a{color:#333;text-decoration:none;font-size:16px;} /*分页*/ .pagination-outer{text-align: center;margin-top:60px;height:60px;} .pagination{font-family: 'Allerta Stencil', sans-serif;display: inline-flex;position: relative;} .pagination li a.page-link{color: #fff;background: transparent;font-size: 21px;line-height: 35px;height: 38px;width: 38px;padding: 0;margin: 0 8px;border: none;position: relative;z-index: 1;transition: all 0.4s ease 0s;display:block;} .pagination li.active a.page-link, .pagination li a.page-link:hover, .pagination li.active a.page-link:hover{color: #fff;background-color: transparent;} .pagination li a.page-link:before, .pagination li a.page-link:after{content:'';background: linear-gradient(225deg,#33b5b4,#379291);height: 100%;width: 100%;border: 3px solid #fff;box-shadow: 0 0 3px #000;border-radius: 50%;opacity: 1;transform: translateX(-50%) translateY(-50%) rotate(-45deg);position: absolute;top: 50%;left: 50%;z-index: -1;transition: all 0.3s ease-in;} .pagination li a.page-link:hover:before, .pagination li.active a.page-link:before{border-radius: 50% 0 50% 50%;} .pagination li a.page-link:after{background: #fff;height: 5px;width: 5px;border: none;box-shadow: 0 0 0 transparent;opacity: 0;transform: translateX(-50%) translateY(0) rotate(0);top: auto;bottom: 0;} .pagination li a.page-link:hover:after, .pagination li.active a.page-link:after{opacity: 1;bottom: 85%;} .pagination li:first-child a.page-link:before{transform: translateX(-50%) translateY(-50%) rotate(-135deg);} .pagination li:first-child a.page-link:hover:before{border-radius: 50% 0 50% 50%;} .pagination li:first-child a.page-link:after{transform: translateX(0) translateY(-50%);top: 50%;bottom:auto;left: auto;right: 0;} .pagination li:first-child a.page-link:hover:after{right: 80%;} .pagination li:last-child a.page-link:before{transform: translateX(-50%) translateY(-50%) rotate(45deg);} .pagination li:last-child a.page-link:hover:before{border-radius: 50% 0 50% 50%;} .pagination li:last-child a.page-link:after{transform: translateX(0) translateY(-50%);bottom:auto;top: 50%;left: 0;} .pagination li:last-child a.page-link:hover:after{left: 80%;} @media only screen and (max-width: 480px){.pagination{display: block;} .pagination li{margin-bottom: 10px;display: inline-block;} } .list_txt ul li{border:solid 1px #ececec;box-shadow: 0 0 3px #f8f8f8;margin-top:2%;} .list_txt ul li:first-child{margin-top:0} .list_txt ul li a{display:block;padding:2% 3%;} .list_txt ul li .pic img{max-height:113px;} .list_txt ul li .txt .h3{padding:1% 0;} .list_txt ul li .txt p{color:#959595;} .list_txt ul li .txt p span{color:#288383} .list_txt_photo ul li{border:solid 1px #ececec;box-shadow: 0 0 3px #f8f8f8;margin-top:2%;} .list_txt_photo ul li:first-child{margin-top:0} .list_txt_photo ul li a{display:block;padding:2% 3%;} .list_txt_photo ul li .pic{position:absolute;right:3%;width:164px;text-align:center} .list_txt_photo ul li .pic img{max-height:113px;} .list_txt_photo ul li .txt{padding-right:200px;min-height:113px} .list_txt_photo ul li .txt .h3{padding:1% 0;font-weight:bold;} .list_txt_photo ul li .txt p{color:#959595;line-height:28px;} .list_txt_photo ul li .txt .h3, .list_txt_photo ul li .txt p span{color:#288383} @media screen and (max-width:640px){.list_txt_photo ul li .txt{padding-right:170px;height:113px;} .list_txt_photo ul li .txt p{display:none;} .list_txt_photo ul li .txt .h3{white-space: inherit;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;} } .xwrq{width:100%;max-height:113px;height:113px; border:1px solid #288383;} .xwrq span {display:block;text-align:center;color:#fff;} .xwrq span:nth-of-type(1){font-size:30px;padding-top:18px;} .xwrq span:nth-of-type(2){font-size:20px;} /*新闻内页*/ .single{text-align:justify;} .detail-article .title{color:#379291;line-height:30px;font-size:24px;text-align:center;} .detail-article .other{padding:2% 0;text-align:center;opacity:0.8} .detail-article .other span{padding:0px 10px;} .info_back{padding:2% 0;text-align:center;border-top:solid 1px #ececec;} .info_back a{width:140px;line-height:40px;display:inline-block;background-color: #379291;color: #fff;border-radius:100px;} .info_prev_next {padding:2% 0;opacity:0.8;overflow:hidden;} .info_prev_next span{display:block;opacity:0.8;padding:8px 0px;font-size:18px;} .p0 {padding:0px !important;} /*联系我们*/ .contactPage {padding: 68px 0;} .contactPage .wrap {background: #fff;} .contactPage .contact .text {min-height: 22px;line-height: 22px;font-size: 14px;color: #333333;margin-top: 36px;} .contactPage .contact .text a {font-size: 14px;color: #333333;} .contactPage .contact .text p {margin-bottom: 30px;background: no-repeat 0 0;padding-left: 32px;box-sizing: border-box;} #BMapLib_trans0 {display:none;} .contactPage .message {background: none;margin-top: 60px;} .contactPage .message .content {margin-top: 16px;} .contactPage .message .content:after {content: "";height: 0;display: block;clear: both;} .contactPage .message textarea, .contactPage .message input[type="text"] {width:49.3%;height: 60px;line-height: 58px;padding: 0 20px;float: left;box-sizing: border-box;margin: 0 0 8px 10px;background: #fff;font-size: 14px;color: #333;border: solid 1px #eeeeee;} .contactPage .message textarea::-webkit-input-placeholder, .contactPage .message input[type="text"]::-webkit-input-placeholder {color: #999999;} .contactPage .message textarea:-moz-placeholder, .contactPage .message input[type="text"]:-moz-placeholder {color: #999999;} .contactPage .message textarea::-moz-placeholder, .contactPage .message input[type="text"]::-moz-placeholder {color: #999999;} .contactPage .message textarea:-ms-input-placeholder, .contactPage .message input[type="text"]:-ms-input-placeholder {color: #999999;} .contactPage .message textarea:first-child, .contactPage .message input[type="text"]:first-child {margin-left: 0;} .contactPage .message textarea {width: 100%;height: 152px;margin: 0;padding: 10px 20px;resize: none;line-height: 20px;} .contactPage .message button, .contactPage .message input[type="button"] {width: 132px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: #288383;float: left;cursor: pointer;margin-top: 20px;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;border:none;} .contactPage .message button:hover, .contactPage .message input[type="button"]:hover {background: #176868;} @media only screen and (max-width: 1400px) {.contactPage .contact {width: 580px;padding: 20px;} .contactPage .contact .text {margin-top: 26px;} .contactPage .map {width: 590px;} .contactPage .map #allmap {height: 340px;} .contactPage .message textarea, .contactPage .message input[type="text"] {width: 49%;} .contactPage .message textarea {width: 100%;} } @media only screen and (max-width: 1380px) {nav .nav-list > li .active {color: #fff;background: #288383;} nav .nav-list > li a {color: #5a5c5f;display: inline-block;line-height: 32px;padding: 1px 5px;margin: 0 10px;font-size: 15px;text-decoration: none;} .gsjj2 { width:660px !important;float:right;} .gsxx {width:425px;float:left;margin-left:0.5%;padding-top:50px;} } .w100 {width:100% !important;} /*产品中心*/ .wapper1{width:100%;margin:0 auto;overflow:hidden;} .wapper1 ul{margin-top:60px;} .wapper1 li{float:left;width:30%;background-color:#fff;color:#fff;text-align:center;font-weight:bold;display:inline-block;margin:0 1.5%;margin-bottom:30px;} .wapper1 li .pic{width:auto !important;margin:0 auto;float:none;} .wapper1 li .title{margin:0 10px 2px} .wapper1 li .title a{color:#333;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;_zoom:1} .wapper1 li .desc{margin:0 10px 10px;height:18px;font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;_zoom:1;color:#b0b0b0} .wapper1 li .price{margin:0 10px 14px;color:#ff6700;} .wapper1 li{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .wapper1 li:hover {transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-webkit-box-shadow:0px 5px 15px #e5e5e5;-moz-box-shadow:0px 5px 15px #e5e5e5;box-shadow:0px 5px 15px #e5e5e5;} /*产品内页*/ .bg{width:95%;margin:0 auto;padding:20px;border:1px solid #E8E8E8;overflow: hidden;min-width: 900px;box-sizing: border-box;background: #fff;margin-top:25px;} .bg_left{width: 430px;height:auto;float: left} .bg_right{float: left} .show{width: 430px;height: 430px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move} .show img{width: 430px;height: 430px;} .mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;} .bigshow{width: 430px;height: 430px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;} .bigshow img{width: 860px;height: 860px;margin-right: 10px;} .smallshow{width: 100%;height: 70px;position: relative} .smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s} .smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;} .smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;} .smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;} .smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;} .smallshow>.prev{left: 0;background: url(../img/hover-prev.png) no-repeat;transition: all 0.5s} .smallshow>.next{right: 0;background: url(../img/hover-next.png) no-repeat;transition: all 0.5s} .smallshow>.prev.prevnone{left: 0;background: url(../img/prev.png) no-repeat;cursor: not-allowed} .smallshow>.next.nextnone{right: 0;background: url../(img/next.png) no-repeat;cursor: not-allowed} .protur_deright{float: right;width: 90%;padding-top:60px;} .protur_deright h3{font-size: 24px;width: 636px;} .pin{width: 636px;margin-top: 20px;} .pin ul{width: 100%;margin: auto;border-bottom: 1px solid #eee;height: 90px;margin-bottom: 25px;} .pin ul li{width: 33.33%;float: left;} .pin ul li p{color: #777;line-height:36px;} .pin ul li p span{display: block;font-size: 18px;font-weight: bold;color: #222;} .pin h3{font-size: 18px;font-weight: normal;line-height:50px;color: #555;} .pin h3 span{font-size: 14px;font-weight: normal;line-height: 34px;color: #999;display:block;} .related{width:1200px;margin:auto;padding-top:40px;padding-bottom:25px;} .ymal{/* margin-top:-77px;*/} .ymal h3{line-height:60px;font-size:24px;color:#2f70d9;} #cpdemo{overflow:hidden;width:1200px;} #cpindemo{float:left;width:800%;} #cpdemo1{float:left;} .scroll-2{display:block;float:left;margin-left:15px;border:solid 1px #ccc;} .scroll-2:hover{border:solid 1px #2f70d9;} .scroll-2 img{display:block;height:240px;width:240px;} .scroll-2 span{display:block;text-align:center;width:152px;line-height:30px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .scroll-2 p{text-align:center;padding-bottom:15px;padding-top:15px;width: 200px;margin: auto;} .scroll-2 p a{text-align:center;font-size:12px;} #cpdemo2{float:left;} .pin_det{width:1200px;margin:auto;} .pindet_top{width: 1200px;margin: auto;} .pindet_top p{padding-left: 15px;line-height: 56px;font-size: 18px;font-weight: bold;color: #2f70d9;} .pindet_top p a{padding-left: 77px;font-weight: normal;} .pindet_top p a:hover{} .pindetop{width: 1200px;border: 1px solid #eee;border-radius: 10px;height: 270px;background:#f9f9f9;} .pindetop img{width: 25%;float: left;margin-left: 25px;} .pindetop ul{width:40%;float: right;margin-right: 2%;} .pindetop ul li{width: 33.33%;float: left;border-bottom: 1px solid #ccc;} .pindetop ul li p{font-size: 18px;line-height: 34px;} .pindetop ul li p span{display: block;color: #999;font-weight: bold;} .pindetop ul h3{margin-top: 25px;line-height: 30px;} .pindetop ul h3 span{display: block;color: #999;font-weight: normal;} .pinxiangqing{width:1200px;margin:auto;border: 1px solid #2f70d9;background: #f7fbff;border-radius: 10px;margin-top: 25px;padding-bottom:25px;} .pinxiangqing h3{font-size:22px;color: #2f70d9;padding-left: 20px;line-height: 65px;border-bottom: 1px solid #ccc;width: 94%;margin: auto;} .pinxqone{padding-left: 20px;margin-top:25px;} .pinxqone h4{color: #2f70d9;font-size: 18px;font-weight:normal;} .pinxqone ul{margin-top:10px;} .pinxqone ul li{width:50%;float:left;line-height:32px;} .pinxqone ul li p{width:40%;float:left;} .pinxqone ul li span{color:#777;} .pinxqtwo{padding-left: 20px;margin-top:25px;border-top:1px solid #ddd;padding-top: 30px;} .pinxqtwo h4{color: #2f70d9;font-size: 18px;font-weight:normal;} .pinxqtwo ul{margin-top:10px;} .pinxqtwo ul li{/* width:50%;float:left;*/ line-height:32px;} .pinxqtwo ul li span{color:#777;} .pinxqthree{padding-left: 20px;margin-top:25px;border-top:1px solid #ddd;padding-top: 30px;} .pinxqthree h4{color: #2f70d9;font-size: 18px;font-weight:normal;} .pinxqthree ul{margin-top:10px;} .pinxqthree ul li{/* width:50%;float:left;*/ line-height:32px;} .pinxqthree ul li span{color:#777;margin-left:33px;display:block;} .pinxqfour{padding-left: 20px;margin-top:25px;border-top:1px solid #ddd;padding-top: 30px;} .pinxqfour h4{color: #2f70d9;font-size: 18px;font-weight:normal;margin-bottom:22px;} .pindetail{width:95%;margin: auto;margin-top: 30px;} .pindetail p{text-indent:2em;line-height: 30px;font-size: 14px;} .proliuy{width:1200px;margin:auto;} #mybtns h3{font-size:22px;line-height:36px;width:410px;float:left;} #myscroll {display: block;width: 100%;position: relative;height: 300px;overflow: hidden;} #myscroll #myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 1000000px;} #myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;margin-top:30px;} #myscroll ul li {display: block;float: left;padding: 0;width:280px;padding:10px 0px;} #myscroll ul li a {display: block;width: 260px;padding: 0;position: relative;height: 260px;color: #333;margin:0 auto;} #myscroll a .intro {position: absolute;left: 0;z-index: 10;background-color: #288383;filter: alpha(opacity=70);width: 260px;color: #fff;-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;text-align: center;} #myscroll a .intro h5 {padding: 0;margin: 0;font-size: 16px;height: 40px;width: 260px;line-height: 30px;border-bottom: 1px solid #288383;font-weight:100;} #myscroll a .intro p {font-size: 13px;line-height: 20px;margin: 65px 70px;height: 70px;overflow: hidden;} #myscroll a .intro {bottom: -211px;} #myscroll a:hover .intro {bottom: 0px;} #mybtns {margin: 10px 0;width: 95%;display: block;height: 42px;margin:0 auto;} #mybtns a {width: 42px;height: 42px;display: block;float: right;margin-right: 1px;background-color: #c1c1c1;margin-left:10px;} #mybtns a:hover {background-color: #288383;} #mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #mybtns #left {background-image: url(../images/jt_l.png);} #mybtns #right {background-image: url(../images/jt_r.png);} #kinMaxShow {visibility: hidden;width: 100%;height: 500px;overflow: hidden;} .scrollpic {margin-top:50px;} .wan-spinner {border: 1px solid #dddddd;display: inline-block;} .wan-spinner .minus, .wan-spinner .plus, .wan-spinner input {height: 15px;float: left;line-height: 1em;padding: 5px;text-align: center;} .wan-spinner input {border: none;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;margin: 0;width: 40px;} .wan-spinner .minus, .wan-spinner .plus {color: #333333;cursor: pointer;text-decoration: none;width: 15px;} .btn-img{width:160px;height:50px;overflow:hidden;background:url(../images/cart.gif) no-repeat;cursor:pointer;border:0;margin-top:50px;} .btn-img span{display:block;font-size:18px !important;font-weight:800;color:#fff !important;font-family:"微软雅黑","宋体";padding:0 0 0 50px !important;line-height:50px !important;} /*登录注册*/ .mai1 {width:650px;height:370px;float:left;margin:30px 0px;} .zcdl {width:424px;height:369px;float:right;background:#f8f8f8;border: 1px solid #ddd;margin:30px 0px;} .ft14{font-size: 14px;} .ft18{font-size: 18px;} .ft24{font-size: 24px;} .ft48{font-size: 48px;} .red{color: #e73d43;} .registerBox{border: 1px solid #ccc;padding: 40px;margin: 20px 0;height: auto;overflow: hidden;} .adPic{padding: 10px;} .registerForm,.loginForm{background-color: #f8f8f8;width: 422px;} .registerForm h1,.loginForm h1{color: #666;} .registerForm h1{width: 370px;font: 18px "Microsoft YaHei";margin: 20px auto 4px auto;} .registerForm .form-group ,.loginForm .form-group,.editPwdForm .form-group,.validateForm .form-group{height: auto;overflow: hidden;} .registerForm .control-label,.editPwdForm .control-label,.validateForm .control-label {padding-top: 4px;font-size: 14px;line-height: 25px;color: #666;padding-right: 10px;text-align: right;} .registerForm .form-control,.loginForm .form-control,.editPwdForm .form-control,.validateForm .form-control {background-color: #fff;border: 1px solid #ccc;color: #555;display: block;font-size: 14px;} .registerForm .form-group {margin: 0 auto 12px auto;width: 370px;} .registerForm .control-label {width: 95px;text-align: right;} .registerForm .form-control{width: 240px;padding: 6px 10px;} .registerForm .btn-danger{width: 264px;} .smText{width: 122px !important;} .sm84{width: 84px !important;} .btn-grey{background-color: #e73d43;height: 30px;width: 112px;padding: 0 25px;border: 0 none;font: 14px "Microsoft YaHei";color: #fff;margin-left: 6px;cursor: pointer;} .btn-blue{background-color: #e73d43;height: 38px;width: 112px;padding: 0 25px;border: 0 none;font: 14px "Microsoft YaHei";color: #fff;margin-left: 6px;cursor: pointer;} .checkbox{display: block;position: relative;color: #666;} .checkbox label {cursor: pointer;padding-left: 20px;font-size: 14px;} input[type="checkbox"]{box-sizing: border-box;padding: 0;margin: 3px 0 0;} .checkbox input[type="checkbox"]{position: absolute;margin-left: -20px;} .openBox {height: 380px;overflow-y: auto;padding: 10px 22px;} .openBox p{color: #454545;line-height: 24px;} .fl {float: left;} .btn-danger{background-color: #e73d43;font: 14px "Microsoft YaHei";color: #fff;padding: 10px 50px;border: 0 none;cursor: pointer;display: inline-block;} .btn-danger:hover{background-color: #fa6161;text-decoration: none;} /*登录*/ .loginBox{margin: 20px 0;height: auto;overflow: hidden;} .adImgBg{background: url("../images/loginLeft.jpg") no-repeat;width: 659px;height: 367px;font-size: 14px;color: #fff;background-size: 100%;} .adImgBg p{text-align: center;padding-bottom: 20px;} .loginForm .form-group{width: 340px;margin: 10px auto 0 auto;} .loginForm .form-control {padding: 10px 10px;width: 93%;} .loginForm h1{margin: 0 auto;font: 18px/56px "Microsoft YaHei";width: 340px;border-bottom: 1px solid #ddd;} .loginForm .btn-danger{width: 340px;} .msg{color: #e73d43;} .btn-white{border-radius: 4px;border: 1px solid #fff;color: #fff;padding: 10px 36px;} .vCode{margin-left: 6px;float: left;} .vCode img{width: 150px;height: 40px;} .vCode span{float: left;} .vCode a{float: right;margin-top: 8px;} .vCode .refresh{margin-left: 40px;} .vCode a,.txtLink{color: #666;text-decoration: underline;} .vCode .refresh,.txtLink{font: 14px "Microsoft YaHei";} .txtBlue{font-size: 12px;} .vCode a, .txtBlue{color: #57aef8;} .fr {float: right;} /*忘记密码*/ .fl{float:left;} .fr{float:right;} .main { width: 1200px; margin: 0 auto; } /*忘记密码 必要样式*/ .clears{clear:both;} .for-liucheng{width:640px;margin:30px auto;height:50px;padding:20px 0 0 0;position:relative;} .liulist{float:left;width:25%;height:7px;background:#ccc;} .liutextbox{position:absolute;width:100%;left:0;top:10px;} .liutextbox .liutext{float:left;width:25%;text-align:center;} .liutextbox .liutext em{display:inline-block;width:24px;height:24px;-moz-border-radius: 24px;-webkit-border-radius: 24px;border-radius:24px;background:#ccc;text-align:center;font-size:14px;line-height:24px;font-style:normal;font-weight:bold;color:#fff;} .liutextbox .liutext strong{display:inline-block;height:26px;line-height:26px;font-weight:400;} .liulist.for-cur{background:#77b852;} .liutextbox .for-cur em{background:#77b852;} .liutextbox .for-cur strong{color:#77b852;} .forget-pwd{width:500px;margin:20px auto;min-height:400px;} .forget-pwd input,.forget-pwd select,.forget-pwd button{border:0;margin:0;padding:0;background:none;} .forget-pwd dl{margin-bottom:20px;} .forget-pwd dt{float:left;padding-right:10px;width:100px;height:30px;line-height:30px;text-align:right;font-size:14px;} .forget-pwd dd{float:left;width:380px;height:30px;position:relative;} .forget-pwd dd input{width:190px;height:28px;border:#ccc 1px solid;} .forget-pwd dd select{width:190px;height:30px;border:#ccc 1px solid;} .forget-pwd dd button{width:120px;height:30px;line-height:30px;border:#ddd 1px solid;background:#f1f1f1;text-align:center;cursor:pointer;font-size:14px;color:#666;} .forget-pwd .yanzma{position:absolute;left:200px;top:2px;height:30px;line-height:30px;width:180px;} .subtijiao{padding:0 0 0 110px;} .subtijiao input{width:85px;height:32px;background:#f60;color:#fff;font-size:14px;cursor:pointer;} .successs{text-align:center;padding: 20px 0 60px 0;} .successs h3{padding:20px;font-size:25px;color:#A0CD4E;} .container1{font-family: 微软雅黑;background: #fff;margin:50px auto;overflow: hidden;} .container1 .menu{width: 240px;float: left;border-right: 1px solid #aaa;border-left: 1px solid #aaa; height:500px;border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; } /*position 菜单背景图标*/ /*menu图标*/ .container1{font-family: 微软雅黑;background: #fff;margin:50px auto;overflow: hidden;} .container1 .menu{width: 240px;float: left;border-right: 1px solid #aaa;border-left: 1px solid #aaa; height:800px;border-top: 1px solid #aaa; } /*position 菜单背景图标*/ .q-menu-img{background: url("../img/iconfont-kuaisulu.png");} .q-menu-doit{background: url("../img/iconfont-0bangzhushouce.png");} .q-menu-three{background: url("../img/iconfont-wenti.png");} .container1 .menu h3{font-size: 20px;cursor: pointer; text-indent:2rem; border:1px solid #eee; height:80px; line-height:80px; } .container1 .menu ul{display: none; } .container1 .menu ul li{height: 40px;line-height: 40px; border:1px solid #eee; text-indent:2rem;} .container1 .menu ul li a:hover{background: #9FB6CD;border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;-moz-border-radius:14px;color:#fff;}ul{list-style: none;} .container1 .menu .selected{background: #ccc;height: 40px; width:100%; display:block; text-indent:2rem;} .container1 .content{margin-left: 300px;border-right: 1px solid #aaa;border-left: 1px solid #aaa; height:500px;border-top: 1px solid #aaa; padding:40px;border-bottom: 1px solid #aaa;} .container1 .content .get-menu{margin-left: -10px;} .container1 .content .get-menu a{display: inline-block;font-size: 15px;height: 40px;} .container1 .content .get-menu a:last-child{margin-left: -8px;color: #7D9EC0;} .container1 .content .get-menu span{display: inline-block;height: 40px;margin-left: -110px;} .container1 .content .menu1 .tab {display: none;} .container1 .content .menu1 .active{display: block;} .container1 .content .menu1 .tab p{font-size: 14px;line-height: 20px;color: rgba(0,0,0,1);word-break:break-all;} .container1 .content .menu1 .tab .tt{font-size: 14px;font-weight: bold;} .carxx {border:1px solid #dddddd;} .car { height:30px; border-bottom:1px solid #dddddd;} .car p { height:30px; line-height:30px !important; text-align:center; margin-top:0px;} .car p:nth-of-type(1){ width:300px; float:left; border-right:1px solid #ddd;} .car p:nth-of-type(2){ width:120px; float:left;border-right:1px solid #ddd;} .car p:nth-of-type(3){ width:100px; float:left;border-right:1px solid #ddd;} .car p:nth-of-type(4){ width:171px; float:left;border-right:1px solid #ddd;} .car p:nth-of-type(5){ width:120px; float:left;border-right:1px solid #ddd;} /*第二个菜单下的文档内容*/ .container .content .menu2 .tab {display: none;} .container .content .menu2 .active{display: block;} .container .content .menu2 .tab p{font-size: 14px;line-height: 20px;color: rgba(0,0,0,0.8);word-break:break-all;} .container .content .menu2 .tab .tt{font-size: 14px;font-weight: bold;} /*第三个菜单下的文档内容*/ .container .content .menu3 .tab {display: none;} .container .content .menu3 .active{display: block;} .container .content .menu3 .tab p{font-size: 14px;line-height: 20px;color: rgba(0,0,0,0.8);word-break:break-all;} .container .content .menu3 .tab .tt{font-size: 13px;font-weight: bold; } .cj {border:1px solid #dddddd;} .cj1 { height:30px; border-bottom:1px solid #dddddd;} .cj1 p { height:30px; line-height:30px !important; text-align:center; margin-top:0px;} .cj1 p:nth-of-type(1){ width:178px; float:left; border-right:1px solid #ddd;} .cj1 p:nth-of-type(2){ width:160px; float:left;border-right:1px solid #ddd;} .cj1 p:nth-of-type(3){ width:130px; float:left;border-right:1px solid #ddd;} .cj1 p:nth-of-type(4){ width:60px; float:left;border-right:1px solid #ddd;} .cj1 p:nth-of-type(5){ width:100px; float:left;border-right:1px solid #ddd;} .cj1 p:nth-of-type(6){ width:100px; float:left;border-right:1px solid #ddd;} .cj1 p:nth-of-type(7){ width:80px; float:left;border-right:1px solid #ddd;} .syqk {border:1px solid #dddddd;} .syqk1 { height:50px;} .syqk1 p{height:50px; line-height:50px !important; text-align:center; margin-top:0px;} .syqk1 p:nth-of-type(1){ width:230px; float:left; border-right:1px solid #ddd;} .syqk1 p:nth-of-type(2){ width:202px; float:left;border-right:1px solid #ddd;} .syqk1 p:nth-of-type(3){ width:190px; float:left;border-right:1px solid #ddd;} .syqk1 p:nth-of-type(4){ width:190px; float:left;border-right:1px solid #ddd;} .je {border:1px solid #dddddd;} .je1 { height:30px; border-bottom:1px solid #dddddd;} .je1 p { height:30px; line-height:30px !important; text-align:center; margin-top:0px;} .je1 p:nth-of-type(1){ width:100px; float:left; border-right:1px solid #ddd;} .je1 p:nth-of-type(2){ width:160px; float:left;border-right:1px solid #ddd;} .je1 p:nth-of-type(3){ width:150px; float:left;border-right:1px solid #ddd;} .je1 p:nth-of-type(4){ width:160px; float:left;border-right:1px solid #ddd;} .je1 p:nth-of-type(5){ width:100px; float:left;border-right:1px solid #ddd;} /**/ .xxb1 { height:20px; margin-bottom:25px;} .xxb1 p:nth-of-type(1) { display:block; width:100px; height:20px; line-height:20px !important; float:left; font-size:16px; margin-top:0px;} .xxb1 p:nth-of-type(1) span { color:#c32035; font-weight:bold;} .xxb1 input { width:300px; float:left; margin-left:10px; line-height:20px;} /**/ .xgmm1 { height:20px; margin-bottom:25px;} .xgmm1 p:nth-of-type(1) { display:block; width:80px; height:20px; line-height:20px !important; float:left; font-size:16px; margin-top:0px;} .xgmm1 input { width:300px; float:left; margin-left:10px; line-height:20px;} .qr { margin-top:30px; padding-top:20px;} .dqwz { height:50px; width:1200px; margin:0 auto;} .dqwz1 { width:600px; float:left; line-height:50px; } .dqwz1 span { color:#c32035;} .fhdt { width:140px; height:40px; float:right; text-align:center; line-height:40px; background:#288383; color:#fff; margin-top:5px;} .fhdt a { display:block;} .hbg { width:100%; background:#f2f2f0; } .gl { text-align:right; margin-top:50px; float:left; width:100px; color:#288383; margin-right:20px; padding-top:10px;} .zzsc p{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .zzsc p:hover {transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-webkit-box-shadow:0px 5px 15px #e5e5e5;-moz-box-shadow:0px 5px 15px #e5e5e5;box-shadow:0px 5px 15px #e5e5e5;} /*个人中心*/ /*menu图标*/ .carxx {border:1px solid #dddddd;} .car { height:30px; border-bottom:1px solid #dddddd;} .car p { height:30px; line-height:30px !important; text-align:center; margin-top:0px;} .car p:nth-of-type(1){ width:300px; float:left; border-right:1px solid #ddd;} .car p:nth-of-type(2){ width:120px; float:left;border-right:1px solid #ddd;} .car p:nth-of-type(3){ width:100px; float:left;border-right:1px solid #ddd;} .car p:nth-of-type(4){ width:171px; float:left;border-right:1px solid #ddd;} .car p:nth-of-type(5){ width:120px; float:left;border-right:1px solid #ddd;} /*第二个菜单下的文档内容*/ .container .content .menu2 .tab {display: none;} .container .content .menu2 .active{display: block;} .container .content .menu2 .tab p{font-size: 14px;line-height: 20px;color: rgba(0,0,0,0.8);word-break:break-all;} .container .content .menu2 .tab .tt{font-size: 14px;font-weight: bold;} /*第三个菜单下的文档内容*/ .container .content .menu3 .tab {display: none;} .container .content .menu3 .active{display: block;} .container .content .menu3 .tab p{font-size: 14px;line-height: 20px;color: rgba(0,0,0,0.8);word-break:break-all;} .container .content .menu3 .tab .tt{font-size: 13px;font-weight: bold; } .cj {border:1px solid #dddddd;} .cj1 { height:30px; border-bottom:1px solid #dddddd;} .cj1 p { height:30px; line-height:30px !important; text-align:center; margin-top:0px;} .cj1 p:nth-of-type(1){ width:178px; float:left; border-right:1px solid #ddd;} .cj1 p:nth-of-type(2){ width:160px; float:left;border-right:1px solid #ddd;} .cj1 p:nth-of-type(3){ width:130px; float:left;border-right:1px solid #ddd;} .cj1 p:nth-of-type(4){ width:60px; float:left;border-right:1px solid #ddd;} .cj1 p:nth-of-type(5){ width:100px; float:left;border-right:1px solid #ddd;} .cj1 p:nth-of-type(6){ width:100px; float:left;border-right:1px solid #ddd;} .cj1 p:nth-of-type(7){ width:80px; float:left;border-right:1px solid #ddd;} .syqk {border:1px solid #dddddd;} .syqk1 { height:50px;} .syqk1 p{height:50px; line-height:50px !important; text-align:center; margin-top:0px;} .syqk1 p:nth-of-type(1){ width:230px; float:left; border-right:1px solid #ddd;} .syqk1 p:nth-of-type(2){ width:202px; float:left;border-right:1px solid #ddd;} .syqk1 p:nth-of-type(3){ width:190px; float:left;border-right:1px solid #ddd;} .syqk1 p:nth-of-type(4){ width:190px; float:left;border-right:1px solid #ddd;} .main2 { height:800px; } .je {border:1px solid #dddddd;} .je1 { height:30px; border-bottom:1px solid #dddddd;} .je1 p { height:30px; line-height:30px !important; text-align:center; margin-top:0px;} .je1 p:nth-of-type(1){ width:100px; float:left; border-right:1px solid #ddd;} .je1 p:nth-of-type(2){ width:160px; float:left;border-right:1px solid #ddd;} .je1 p:nth-of-type(3){ width:150px; float:left;border-right:1px solid #ddd;} .je1 p:nth-of-type(4){ width:160px; float:left;border-right:1px solid #ddd;} .je1 p:nth-of-type(5){ width:100px; float:left;border-right:1px solid #ddd;} /**/ .xxb1 { height:20px; margin-bottom:25px;} .xxb1 p:nth-of-type(1) { display:block; width:100px; height:20px; line-height:20px !important; float:left; font-size:16px; margin-top:0px;} .xxb1 p:nth-of-type(1) span { color:#c32035; font-weight:bold;} .xxb1 input { width:300px; float:left; margin-left:10px; line-height:20px;} /**/ .xgmm1 { height:20px; margin-bottom:25px;} .xgmm1 p:nth-of-type(1) { display:block; width:80px; height:20px; line-height:20px !important; float:left; font-size:16px; margin-top:0px;} .xgmm1 input { width:300px; float:left; margin-left:10px; line-height:20px;} .qr { margin-top:30px; padding-top:20px;} .biaod input:nth-of-type(3){ padding:4% 0px !important;} .fenlei { width:97%; margin:0 auto; margin-top:25px;} .fenlei ul li { width:12%; float:left; height:35px; line-height:35px; text-align:center; margin-right:0.5%; background:#288383; color:#fff;} .fenlei ul li:hover{ background:#288383; color:#fff;} .cp11 { width:30%; float:left; margin-right:5%; margin-bottom:30px;} .cp11:nth-of-type(3){ margin-right:0px;} .cp11:nth-of-type(6){ margin-right:0px;} .cp11:nth-of-type(9){ margin-right:0px;} .cp11:nth-of-type(12){ margin-right:0px;} .xwrt { width:75%;float:right;} .left_zuo{float:left;width:22%;} .wz p { font-size:16px;line-height: 1.75em; font-family: 微软雅黑; text-align: justify; text-indent:2rem;} .wz h2 { font-size:20px;line-height: 1.75em; font-family: 微软雅黑; text-align: justify; text-indent:2rem;} /*内页右侧 抬头导航 end*/ .sidebar{width: 100%;border: 5px solid #0a6d67;border-radius: 5px;} .sidebar_title{width: 100%;height: 90px;background-color: #0a6d67;text-align: center;color: #fff;} .sidebar_title span{display: block;font-size: 24px;font-weight: bold;padding-top: 22px;padding-bottom: 5px;} .sidebar_title small{display:block;font-size: 14px;color: #b4cdea;} .sidebar ul{width: 270px;padding-left:10px;padding-right: 10px;} .sidebar ul li{height: 60px;line-height: 60px;border-bottom: 1px dashed #e0e0e0;text-indent: 20px;background: url('../images/01.png')no-repeat 200px 23px;} .sidebar ul li:last-child{border-bottom:0px} .sidebar ul li a{display: block;color: #666666;} .sidebar ul li a:hover{color: #0a6d67;} .sidebar_nei{width: 300px;} .sidebar_nei_title{width: 300px;height: 90px;background-color: #0a6d67;text-align: center;color: #fff;} .sidebar_nei_title span{display: block;font-size: 24px;font-weight: bold;padding-top: 22px;padding-bottom: 5px;} .sidebar_nei_title small{display:block;font-size: 14px;color: #04dccf;} .sidebar_nei>ul{padding-left:10px;padding-right: 10px;padding-top: 20px;} .sidebar_nei>ul>li{line-height:40px;} .sidebar_nei>ul>li>a{display: block;color: #fff;font-size: 16px;font-weight: bold;text-indent: 20px;border-radius: 5px;background: url('../images/01.png')no-repeat 250px 13px #0a6d67;} .sidebar_nei>ul>li{margin-bottom: 20px;} .sidebar_nei>ul>li>ul{/*display: block;*/display: block;} .sidebar_nei>ul>li>.current{display:block;} .sidebar_nei>ul>li>ul>li{background-color: #fff;text-indent:20px;border-bottom: 1px dashed #e0e0e0;} .sidebar_nei>ul>li>ul>li:last-child{border-bottom: 0px;} .sidebar_nei>ul>li>ul>li>a{color: #666666;font-size: 14px;display: block;} .sidebar_nei>ul>li>ul>li>.on{color:#0a6d67;} .sidebar_nei>ul>li>ul>li>a:hover{background:rgba(13,160,151,0.7); color:#fff;} .sidebar_lxwm{width: 290px;border: 5px solid #0a6d67;border-radius: 5px;margin-top: 20px;} .sidebar_lxwm_title{width: 290px;height: 90px;background-color: #0a6d67;text-align: center;color: #fff;} .sidebar_lxwm_title span{display: block;font-size: 24px;font-weight: bold;padding-top: 22px;padding-bottom: 5px;} .sidebar_lxwm_title small{display:block;font-size: 14px;color: #04dccf;} .sidebar_lxwm ul{width: 270px;padding-left:10px;padding-right: 10px;} .sidebar_lxwm ul li{line-height:40px;border-bottom: 1px dashed #e0e0e0;} .sidebar_lxwm ul li:last-child{border-bottom:0px} .sidebar_lxwm ul li{display: block;color: #666666;} /**/ /* line 11, ../sass/lightbox.sass */ .lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;} /* line 20, ../sass/lightbox.sass */ .lightbox {position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;} /* line 28, ../sass/lightbox.sass */ .lightbox .lb-image {display: block;height: auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;} /* line 32, ../sass/lightbox.sass */ .lightbox a img {border: none;} /* line 35, ../sass/lightbox.sass */ .lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;} /* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .lb-outerContainer:after {content: "";display: table;clear: both;} /* line 44, ../sass/lightbox.sass */ .lb-container {padding: 4px;} /* line 47, ../sass/lightbox.sass */ .lb-loader {position: absolute;top: 43%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;} /* line 56, ../sass/lightbox.sass */ .lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(../img/loading.gif) no-repeat;} /* line 63, ../sass/lightbox.sass */ .lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;} /* line 71, ../sass/lightbox.sass */ .lb-container > .nav {left: 0;} /* line 74, ../sass/lightbox.sass */ .lb-nav a {outline: none;} /* line 77, ../sass/lightbox.sass */ .lb-prev, .lb-next {width: 49%;height: 100%;cursor: pointer;/* Trick IE into showing hover */ display: block;} /* line 84, ../sass/lightbox.sass */ .lb-prev {left: 0;float: left;} /* line 87, ../sass/lightbox.sass */ .lb-prev:hover {background: url(../img/prev.png) left 48% no-repeat;} /* line 90, ../sass/lightbox.sass */ .lb-next {right: 0;float: right;} /* line 93, ../sass/lightbox.sass */ .lb-next:hover {background: url(../img/next.png) right 48% no-repeat;} /* line 96, ../sass/lightbox.sass */ .lb-dataContainer {margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;} /* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .lb-dataContainer:after {content: "";display: table;clear: both;} /* line 103, ../sass/lightbox.sass */ .lb-data {padding: 0 4px;color: #bbbbbb;} /* line 106, ../sass/lightbox.sass */ .lb-data .lb-details {width: 85%;float: left;text-align: left;line-height: 1.1em;} /* line 111, ../sass/lightbox.sass */ .lb-data .lb-caption {font-size: 13px;font-weight: bold;line-height: 1em;} /* line 115, ../sass/lightbox.sass */ .lb-data .lb-number {display: block;clear: left;padding-bottom: 1em;font-size: 12px;color: #999999;} /* line 121, ../sass/lightbox.sass */ .lb-data .lb-close {display: block;float: right;width: 30px;height: 30px;background: url(../img/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;} /* line 130, ../sass/lightbox.sass */ .lb-data .lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;} .abt { margin-top:80px;} .gsjj { max-width:1400px; margin:0px auto; margin-top:-130px;} .gsjj1 { width:560px; float:left;} .gsjj2 { width:700px;float:right;} .as { font-size:100px; color:#288383; font-weight:bold; margin-bottom:5px;} .nr p { font-size:16px; line-height:32px; text-indent:2rem;} .ljgd { width:190px; height:40px; background:#288383; text-align:center; line-height:40px; margin-top:20px;} .ljgd a { display:block; color:#fff;} .hf { width:100%; height:150px; background:#c4f2f2;} .zw { font-size:30px; color:#288383; font-weight:bold; margin-bottom:10px;} .dj { width:100px; float:left; margin-left:-100px; margin-top:30px;} .dj span { display:block; } .dj span:nth-of-type(1){ width:35px; margin:0 auto;} .dj span:nth-of-type(1) img { width:35px !important; margin-top:0px!important; border:none !important; box-shadow:none !important; background:none !important; border-radius:0px!important; position:inherit !important;} .dj span:nth-of-type(2) { width:100%; float:right; font-size:14px; line-height:35px; text-align:center;} .dianji { width:100px; float:left; margin-left:-100px; margin-top:30px;} .dianji span { display:block; } .dianji span:nth-of-type(1){ width:35px; margin:0 auto;} .dianji span:nth-of-type(1) img { width:35px !important; margin-top:0px!important; border:none !important; box-shadow:none !important; background:none !important; border-radius:0px!important; position:inherit !important;} .dianji span:nth-of-type(2) { width:100%; float:right; font-size:14px; line-height:35px; text-align:center;} .ywqh { max-width:1400px; min-width:1200px; margin:0 auto; text-align:right; line-height:35px;}