body { min-width: 1200px; } #topx { position: fixed; width: 42px; height: 42px; background: url(/uploads/image/eimages/sjx3.png) no-repeat center; bottom: 300px; right: 5%; display: block; opacity: 0; } .g2 { -webkit-animation: g2 1s forwards; -o-animation: g2 1s forwards; animation: g2 1s forwards; } .g1 { -webkit-animation: g1 1s forwards; -o-animation: g1 1s forwards; animation: g1 1s forwards; } @-webkit-keyframes g2 { 0% { opacity: 1; -webkit-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } 100% { opacity: 0; -webkit-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); } } @keyframes g2 { 0% { opacity: 1; -webkit-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } 100% { opacity: 0; -webkit-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); } } @-webkit-keyframes g1 { 0% { opacity: 0; -webkit-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); } 100% { opacity: 1; -webkit-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } } @keyframes g1 { 0% { opacity: 0; -webkit-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); } 100% { opacity: 1; -webkit-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } } /*动画*/ @-webkit-keyframes ac-gn-item-searchshow { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); } 40% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } } @keyframes ac-gn-item-searchshow { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); } 40% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } } @-moz-keyframes ac-gn-item-searchshow { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); } 40% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } } @-webkit-keyframes ac-gn-item-searchhide { 0% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } 60% { opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); } } @-moz-keyframes ac-gn-item-searchhide { 0% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } 60% { opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); } } @keyframes ac-gn-item-searchhide { 0% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } 60% { opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); } } @-webkit-keyframes ac-gn-searchform-fade { 0% { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); } 100% { opacity: 1; } } @keyframes ac-gn-searchform-fade { 0% { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); } 100% { opacity: 1; } } @-webkit-keyframes ac-gn-searchform-slide { 0% { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); opacity: 0; } 100% { -webkit-transform: translatez(0); transform: translatez(0); opacity: 1; } } @keyframes ac-gn-searchform-slide { 0% { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); opacity: 0; } 100% { -webkit-transform: translatez(0); transform: translatez(0); opacity: 1; } } .an1 li { animation: ac-gn-item-searchshow 500ms both; -webkit-animation: ac-gn-item-searchshow 500ms both; -moz-animation: ac-gn-item-searchshow 500ms both; } .an1 span { animation: ac-gn-item-searchshow 500ms both; -webkit-animation: ac-gn-item-searchshow 500ms both; -moz-animation: ac-gn-item-searchshow 500ms both; } .an2 li { animation: ac-gn-item-searchhide 500ms both; -webkit-animation: ac-gn-item-searchhide 500ms both; -moz-animation: ac-gn-item-searchhide 500ms both; } .an2 span { animation: ac-gn-item-searchhide 500ms both; -webkit-animation: ac-gn-item-searchhide 500ms both; -moz-animation: ac-gn-item-searchhide 500ms both; } .max-wrap { max-width: 1440px; min-width: 1200px; margin: 0 auto; overflow: hidden; } .max-wrap .top { padding-bottom: 26px; width: 1081px; margin: 0 auto; } .max-wrap .logo { width: 244px; height: 90px; float: left; margin: 55px 0 0 0; } .max-wrap .logo img { width: 100%; height: auto; } .max-wrap .language { float: right; margin: 128px 0 0 0; } .max-wrap .language span { width: 12px; height: 16px; display: inline-block; background: url(/uploads/image/eimages/fh.png) no-repeat center; vertical-align: -3px; margin: 0 4px; } .max-wrap .nav { background-color: #333333; height: 50px; position: relative; } .max-wrap .nav ul { width: 1081px; margin: 0 auto; } .max-wrap .nav ul > li { float: left; font-size: 14px; line-height: 50px; text-align: center; width: 134px; } .max-wrap .nav ul > li:nth-child(1) { -webkit-animation-delay: 245ms; animation-delay: 245ms; } .max-wrap .nav ul > li:nth-child(2) { -webkit-animation-delay: 215ms; animation-delay: 215ms; } .max-wrap .nav ul > li:nth-child(3) { -webkit-animation-delay: 185ms; animation-delay: 185ms; } .max-wrap .nav ul > li:nth-child(4) { -webkit-animation-delay: 155ms; animation-delay: 155ms; } .max-wrap .nav ul > li:nth-child(5) { -webkit-animation-delay: 125ms; animation-delay: 125ms; } .max-wrap .nav ul > li:nth-child(6) { -webkit-animation-delay: 95ms; animation-delay: 95ms; } .max-wrap .nav ul > li:nth-child(7) { -webkit-animation-delay: 65ms; animation-delay: 65ms; } .max-wrap .nav ul > li:nth-child(8) { -webkit-animation-delay: 35ms; animation-delay: 35ms; } .max-wrap .nav ul > li:hover { background-color: #1a1a1a; } .max-wrap .nav ul > li a { color: #ffffff; display: block; height: 100%; } .max-wrap .nav ul .link { background-color: #1a1a1a; } .max-wrap .nav ul > span { float: left; width: 1px; height: 38px; margin-top: 6px; background-color: #fff; } .max-wrap .nav ul .last-li { background: url(/uploads/image/eimages/search.png) no-repeat 17px center; } .max-wrap .nav .form { position: absolute; left: 50%; width: 688px; margin-left: -344px; top: 8px; z-index: 2; display: none; } .max-wrap .nav .form .search { float: left; width: 40px; height: 38px; background: url(/uploads/image/eimages/search.svg) no-repeat center; cursor: pointer; } .max-wrap .nav .form .close { float: right; width: 40px; height: 38px; background: url(/uploads/image/eimages/close.png) no-repeat center; } .max-wrap .nav .form input { border: none; background-color: transparent; outline: none; font-size: 16px; color: #fff; padding-top: 10px; } .max-wrap .nav .form dl { width: 100%; background-color: #fff; margin-top: 4px; padding: 20px 0 20px 10px; } .max-wrap .nav .form dl p { font-size: 12px; color: #999; padding-left: 20px; margin-bottom: 8px; } .max-wrap .nav .form dl dt { padding: 8px 0 8px 30px; } .max-wrap .nav .form dl dt:hover { background-color: #eee; } .max-wrap .nav .form dl dt:hover a { color: #08c; } .max-wrap .nav .form dl a { font-size: 14px; color: #999; } .max-wrap .nav .an3 { display: block; } .max-wrap .nav .an3 input, .max-wrap .nav .an3 a, .max-wrap .nav .an3 p, .max-wrap .nav .an3 dt { animation: ac-gn-searchform-slide 500ms 200ms both; -webkit-animation: ac-gn-searchform-slide 500ms 200ms both; -moz-animation: ac-gn-searchform-slide 500ms 200ms both; } /*******导航********/ .max-wrap #height { height: 130px; } .max-wrap #sj { height: auto; } .max-wrap .banner { position: relative; height: 670px; } .max-wrap .banner .banner1 { position: absolute; width: 100%; height: 670px; } .max-wrap .banner .banner1 .prev { position: absolute; top: 50%; left: 36px; width: 36px; height: 50px; background: url(/uploads/image/eimages/prevnext.png) no-repeat left center; margin-top: -25px; } .max-wrap .banner .banner1 .next { position: absolute; top: 50%; right: 36px; width: 36px; height: 50px; background: url(/uploads/image/eimages/prevnext.png) no-repeat right center; margin-top: -25px; } .max-wrap .banner .banner2 { position: absolute; top: 0; left: 0; height: 100px; background-color: #fff; width: 100%; text-align: center; border-bottom:1px solid #999; z-index:9999; } .max-wrap .banner .banner2 ul { display: inline-block; } .max-wrap .banner .banner2 ul li { float: left; min-width: 140px; padding-top: 68px; cursor: pointer; } .max-wrap .banner .banner2 ul li a { display: inline-block; width: 100px; text-align: center; color: #333; } .max-wrap .banner .banner2 ul .b1 { background: url(/uploads/image/eimages/q.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b2 { background: url(/uploads/image/eimages/s.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b3 { background: url(/uploads/image/eimages/p.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b4 { background: url(/uploads/image/eimages/n.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b5 { background: url(/uploads/image/eimages/gx.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b6 { background: url(/uploads/image/eimages/wh.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b7 { background: url(/uploads/image/eimages/sl.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b8 { background: url(/uploads/image/eimages/ry.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b9 { background: url(/uploads/image/eimages/zr.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b10 { background: url(/uploads/image/eimages/c.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b11 { background: url(/uploads/image/eimages/i.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b12 { background: url(/uploads/image/eimages/e.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b13 { background: url(/uploads/image/eimages/k.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b14 { background: url(/uploads/image/eimages/h.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b15 { background: url(/uploads/image/eimages/b.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b16 { background: url(/uploads/image/eimages/gn.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b17 { background: url(/uploads/image/eimages/gj.png) no-repeat center 20px; margin-right: 12px; } .max-wrap .banner .banner2 ul .b18 { background: url(/uploads/image/eimages/cj.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b19 { background: url(/uploads/image/eimages/cb.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b20 { background: url(/uploads/image/eimages/yh.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b21 { background: url(/uploads/image/eimages/fw.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b22 { background: url(/uploads/image/eimages/dz.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b23 { background: url(/uploads/image/eimages/jt.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b24 { background: url(/uploads/image/eimages/kh.png) no-repeat center 20px; } .max-wrap .banner .banner2 ul .b25 { background: url(/uploads/image/eimages/lx.png) no-repeat center 20px; } .max-wrap .banner .banner3 { position: absolute; bottom: 0; left: 50%; margin-left: -538px; width: 1075px; height: 107px; background: url(/uploads/image/eimages/banner3.png) no-repeat center; display: none; } /*********bannerx*************/ .max-wrap .bannerx { max-width: 1440px; min-width: 1200px; position: relative; height: 100px; overflow: hidden; margin-top: 10px; } .max-wrap .bannerx .bannerx-inner { position: absolute; top: 0; left: 0; width: 3600px; } .max-wrap .bannerx .bannerx-inner li { float: left; width: 100px; padding-top: 50px; height: 50px; margin: 0 10px; position: relative; overflow: hidden; cursor: pointer; } .max-wrap .bannerx .bannerx-inner li:nth-child(1) { background: url(/uploads/image/eimages/x1.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(2) { background: url(/uploads/image/eimages/x2.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(3) { background: url(/uploads/image/eimages/x3.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(4) { background: url(/uploads/image/eimages/x4.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(5) { background: url(/uploads/image/eimages/x5.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(6) { background: url(/uploads/image/eimages/x6.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(7) { background: url(/uploads/image/eimages/x7.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(8) { background: url(/uploads/image/eimages/x8.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(9) { background: url(/uploads/image/eimages/x9.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(10) { background: url(/uploads/image/eimages/x10.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(11) { background: url(/uploads/image/eimages/x11.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(12) { background: url(/uploads/image/eimages/x12.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(13) { background: url(/uploads/image/eimages/x13.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(14) { background: url(/uploads/image/eimages/x6.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(15) { background: url(/uploads/image/eimages/x8.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(16) { background: url(/uploads/image/eimages/x12.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(17) { background: url(/uploads/image/eimages/x1.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li:nth-child(18) { background: url(/uploads/image/eimages/x11.jpg) no-repeat center; } .max-wrap .bannerx .bannerx-inner li a { position: absolute; top: 100px; background-color: #fff; opacity: 0.7; width: 100px; height: 50px; padding-top: 10px; } .max-wrap .bannerx .bannerx-inner li a span { display: block; text-align: center; font-size: 14px; color: #333333; } /*********main*************/ .max-wrap .main .line { width: 1080px; margin: 40px auto 40px; border-top: 1px solid #ccc; color: black; } .max-wrap .main .lxwm { margin-top: 20px; } .max-wrap .main .lxwm h3 { font-size: 36px; text-align: center; color: #666666; } .max-wrap .main .lxwm .fz { margin: 0 auto 20px; font-size: 18px; color: black; text-align: center; } .max-wrap .main .lxwm .fz em { margin: 0 20px; } .max-wrap .main .lxwm .fz span { display: inline-block; width: 30px; height: 1px; background-color: black; vertical-align: middle; } .max-wrap .main .lxwm ul { width: 1084px; margin: 0 auto; } .max-wrap .main .lxwm li { float: left; margin-right: 20px; width: 162px; padding-top: 86px; height: 25px; border: 1px solid #f2f2f2; border-radius: 8px; text-align: center; cursor: pointer; } .max-wrap .main .lxwm li:last-child { margin: 0; } .max-wrap .main .lxwm li a { display: block; } .max-wrap .main .h { height: 40px; } .max-wrap .main .dl-wrap { width: 1080px; margin: 0 auto; padding-bottom: 30px; border-bottom: 1px solid #ccc; } .max-wrap .main .dl-wrap dl { float: left; text-align: right; width: 346px; } .max-wrap .main .dl-wrap dl:nth-child(2) { margin: 0 20px; } .max-wrap .main .dl-wrap dl dt { overflow: hidden; } .max-wrap .main .dl-wrap dl dt img { width: 100%; height: auto; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .max-wrap .main .dl-wrap dl dt:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .max-wrap .main .dl-wrap dl h3 { margin: 12px 0 8px 0; font-size: 18px; text-align: left; color: #333333; } .max-wrap .main .dl-wrap dl p { font-size: 12px; line-height: 1.7; margin-bottom: 29px; text-align: left; color: #333333; height: 60px; } .max-wrap .main .dl-wrap dl a { font-size: 12px; color: #333333; padding-right: 20px; background: url(/uploads/image/eimages/sjx.jpg) no-repeat right center; } .max-wrap .main h2 { font-size: 36px; color: #333333; text-align: center; margin-bottom: 36px; } .max-wrap .main .fz2 { text-align: center; font-size: 24px; margin-top: -34px; margin-bottom: 34px; } .max-wrap .main .fz2 em { width: 34px; height: 1px; display: inline-block; background-color: #333; vertical-align: 8px; } .max-wrap .main .fz2 span { margin: 0 20px; } .max-wrap .main .gzhj-wrap { width: 1080px; margin: 0 auto; border-top: 1px solid #ccc; margin-bottom: 60px; } .max-wrap .main .gzhj-wrap dl { padding-bottom: 40px; padding-top: 40px; border-bottom: 1px solid #ccc; } .max-wrap .main .gzhj-wrap dt { float: left; margin-right: 20px; } .max-wrap .main .gzhj-wrap dd { float: left; width: 712px; } .max-wrap .main .gzhj-wrap dd h3 { display: inline-block; font-size: 22px; color: #333; } .max-wrap .main .gzhj-wrap dd span { font-size: 12px; color: #666; } .max-wrap .main .gzhj-wrap dd p { font-size: 12px; color: #333; } .max-wrap .main .gzhj-wrap dd .p2 { margin: 20px 0 90px 0; line-height: 1.8; width: 528px; } .max-wrap .main .gzhj-wrap dd a { font-size: 12px; padding-right: 20px; background: url(/uploads/image/eimages/sjx.jpg) no-repeat right 4px; } .max-wrap .main .sl-wrap { width: 1080px; margin: 0 auto; padding-top: 22px; border-top: 1px solid #ccc; padding-bottom: 20px; } .max-wrap .main .sl-wrap img { } .max-wrap .main .sl-wrap .i1 { width: 100%; height: auto; } .max-wrap .main .sl-wrap .i2 { margin-right: 15px; } .max-wrap .main .sl-wrap p { margin: 18px 0; font-size: 16px; color: #333; line-height: 1.8; } .max-wrap .main .sj { padding: 160px 0 0 180px; background: url(/uploads/image/eimages/jsbg1.jpg) no-repeat center; height: 510px; } .max-wrap .main .sj p { width: 800px; font-size: 48px; color: black; } .max-wrap .main .sj .cn { font-size: 36px; color: black; } .max-wrap .main .sj span { border-top: 1px solid black; display: inline-block; width: 64px; } .max-wrap .main .sj .pz { margin: 50px 0; } .max-wrap .main .sj .pz a { display: inline-block; width: 164px; height: 84px; border: 1px solid black; margin-right: 12px; } .max-wrap .main .sj .pz a:nth-child(1) { background: url(/uploads/image/eimages/js1.png) no-repeat center; } .max-wrap .main .sj .pz a:nth-child(2) { background: url(/uploads/image/eimages/js2.png) no-repeat center; } .max-wrap .main .sj .pz a:nth-child(3) { background: url(/uploads/image/eimages/js3.png) no-repeat center; } .max-wrap .main .sj .pz a:nth-child(4) { background: url(/uploads/image/eimages/js4.png) no-repeat center; } .max-wrap .main .sj .pz a:nth-child(5) { background: url(/uploads/image/eimages/js5.png) no-repeat center; } .max-wrap .main .sj .pz a:hover { background-color: #e9e9e8; } .max-wrap .main .sj .btn-js { font-size: 30px; padding-right: 30px; background: url(/uploads/image/eimages/sjx2.png) no-repeat right center; } .max-wrap .main .sj2 { padding: 100px 0 0 180px; background: url(/uploads/image/eimages/jsbg2.jpg) no-repeat center; height: 570px; } .max-wrap .main .sj2 p { width: 800px; font-size: 48px; color: black; } .max-wrap .main .sj2 .cn { font-size: 36px; color: black; } .max-wrap .main .sj2 span { border-top: 1px solid black; display: inline-block; width: 64px; margin-bottom: 40px; margin-top: 10px; } .max-wrap .main .sj2 .pz a { display: inline-block; width: 164px; height: 84px; border: 1px solid black; margin-right: 12px; } .max-wrap .main .sj2 .pz a:nth-child(1) { background: url(/uploads/image/eimages/js6.png) no-repeat center; } .max-wrap .main .sj2 .pz a:nth-child(2) { background: url(/uploads/image/eimages/js7.png) no-repeat center; } .max-wrap .main .sj2 .pz a:nth-child(3) { background: url(/uploads/image/eimages/js8.png) no-repeat center; } .max-wrap .main .sj2 .pz a:nth-child(4) { background: url(/uploads/image/eimages/js9.png) no-repeat center; } .max-wrap .main .sj2 .pz a:nth-child(5) { background: url(/uploads/image/eimages/js10.png) no-repeat center; } .max-wrap .main .sj2 .pz a:hover { background-color: #e9e9e8; } .max-wrap .main .sj2 .pz2 { margin: 20px 0 40px 0; } .max-wrap .main .sj2 .pz2 a { display: inline-block; width: 164px; height: 84px; border: 1px solid black; margin-right: 12px; } .max-wrap .main .sj2 .pz2 a:nth-child(1) { background: url(/uploads/image/eimages/js11.png) no-repeat center; } .max-wrap .main .sj2 .pz2 a:nth-child(2) { background: url(/uploads/image/eimages/js12.png) no-repeat center; } .max-wrap .main .sj2 .pz2 a:nth-child(3) { background: url(/uploads/image/eimages/js13.png) no-repeat center; } .max-wrap .main .sj2 .pz2 a:nth-child(4) { background: url(/uploads/image/eimages/js14.png) no-repeat center; } .max-wrap .main .sj2 .pz2 a:nth-child(5) { background: url(/uploads/image/eimages/js15.png) no-repeat center; } .max-wrap .main .sj2 .pz2 a:hover { background-color: #e9e9e8; } .max-wrap .main .sj2 .btn-js { font-size: 30px; padding-right: 30px; background: url(/uploads/image/eimages/sjx2.png) no-repeat right center; } .max-wrap .main .jsl { width: 1080px; border-bottom: 1px solid #ccc; margin: 20px auto; } .max-wrap .main .hsxq-p { margin-top: 120px; text-align: center; } .max-wrap .main .hsxq-p p { font-size: 48px; color: #333; } .max-wrap .main .hsxq { width: 1080px; margin: 0 auto; } .max-wrap .main .hsxq .hsxq1 { padding: 30px 0 20px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .max-wrap .main .hsxq .hsxq1 p { text-align: center; font-size: 14px; color: #333; margin: 12px 0; } .max-wrap .main .hsxq .hsxq2 { padding-bottom: 40px; border-bottom: 1px solid #ccc; } .max-wrap .main .hsxq .hsxq2 p { font-size: 40px; margin: 30px 0; text-align: center; } .max-wrap .main .hsxq .hsxq2 img { float: left; width: 348px; height: 239px; } .max-wrap .main .hsxq .hsxq2 img:nth-child(3) { margin: 0 12px; } .max-wrap .main .hsxq .hsxq2 ul { text-align: center; border-top: 1px solid #ccc; } .max-wrap .main .hsxq .hsxq2 .u1 { background-color: #5c5c5c; border: none; } .max-wrap .main .hsxq .hsxq2 .u1 li { font-size: 18px; color: #fff; } .max-wrap .main .hsxq .hsxq2 li { display: inline-block; line-height: 40px; width: 161px; margin-right: 20px; } .max-wrap .main .hsxq .hsxq3 p { font-size: 40px; margin: 30px 0; text-align: center; } .max-wrap .main .hsxq .hsxq3 dl { width: 345px; height: 430px; float: left; } .max-wrap .main .hsxq .hsxq3 dl p:first-child { font-size: 28px; color: #333333; margin: 6px 0 0 0; } .max-wrap .main .hsxq .hsxq3 dl p:last-child { font-size: 18px; color: #333; margin: 16px 0 20px 0; } .max-wrap .main .hsxq .hsxq3 .dl2 { margin: 0 22px; } .max-wrap .page { text-align: center; } .max-wrap .page a { width: 45px; height: 45px; line-height: 45px; border: 1px solid #666; border-radius: 8px; display: inline-block; font-size: 20px; margin-right: 8px; color: #666; } .max-wrap .page a:hover { background-color: #f5f5f5; } .max-wrap .page .tiao { width: 96px; } .max-wrap .page .hc { background-color: #f5f5f5; width: 45px; height: 45px; line-height: 45px; border: 1px solid #666; border-radius: 8px; display: inline-block; font-size: 20px; margin-right: 8px; color: #666; } .max-wrap .bpjs { padding: 228px 0 0 184px; width: 1256px; height: 442px; background: url(/uploads/image/eimages/fps.jpg); } .max-wrap .bpjs p { font-size: 48px; color: #333; } .max-wrap .bpjs p:last-child { font-size: 18px; color: #333; width: 712px; line-height: 1.7; margin-top: 12px; } .max-wrap .bpjs .mp { font-size: 36px; color: #333; } .max-wrap .bpjs span { display: inline-block; width: 66px; border-top: 1px solid #333; } .max-wrap .bpjs2 { width: 1080px; margin: 20px auto 30px; } .max-wrap .bpjs2 p { font-size: 26px; color: #333; line-height: 1.6; } .max-wrap .bpjs2 p:first-child { padding-top: 16px; border-top: 1px solid #9d9d9d; } .max-wrap .bpjs2 p:last-child { padding-bottom: 16px; border-bottom: 1px dotted #9d9d9d; } .max-wrap .bpjs3 { width: 1080px; margin: 0 auto; margin-bottom: 20px; } .max-wrap .bpjs3 dl { width: 346px; height: 290px; float: left; } .max-wrap .bpjs3 dl dd { text-align: center; line-height: 48px; font-size: 18px; color: #333; } .max-wrap .bpjs3 .dl2 { margin: 0 20px; } .max-wrap .bpjs4 { border-top: 1px solid #9d9d9d; margin: 0 auto; width: 1080px; line-height: 1.7; padding-top: 30px; } .max-wrap .ljgd { width: 1440px; height: 670px; background: url(/uploads/image/eimages/ljgd.jpg) no-repeat; } .max-wrap .linep { border-top: 1px solid #ccc; margin: 20px auto 40px; width: 1080px; } .max-wrap .ljgdxq { width: 1080px; margin: 144px auto 0; } .max-wrap .ljgdxq p { font-size: 16px; color: #333; line-height: 1.7; padding: 24px 0; } .max-wrap .ljgdxq p:first-child { font-size: 36px; padding: 0; } .max-wrap .ljgdxq span { font-size: 18px; color: #666; display: block; padding: 6px 0 12px 0; border-bottom: 1px solid #ccc; margin-bottom: 24px; } .max-wrap .ljgdxq .img1, .max-wrap .ljgdxq .img2, .max-wrap .ljgdxq .img3 { background-color: #ccc; } .max-wrap .ljgdxq .img1 { height: 558px; } .max-wrap .ljgdxq .img2, .max-wrap .ljgdxq .img3 { display: inline-block; width: 526px; height: 342px; } .max-wrap .ljgdxq .img2 { margin-right: 18px; } .max-wrap .hsss { width: 1440px; height: 670px; background: url(/uploads/image/eimages/hsss.jpg) no-repeat; } .max-wrap .hsss2 { width: 1080px; margin: 20px auto 0; padding: 36px 0 16px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .max-wrap .hsss2 span { float: left; font-size: 36px; color: #000000; } .max-wrap .hsss2 form { float: right; width: 179px; height: 37px; background: url(/uploads/image/eimages/searchx.jpg) no-repeat; } .max-wrap .hsss2 form input { background-color: transparent; outline: none; border: none; float: left; } .max-wrap .hsss2 form input:first-child { width: 48px; height: 37px; } .max-wrap .hsss2 form input:last-child { width: 131px; height: 37px; font-size: 20px; } .max-wrap .hsss3 { width: 1080px; margin: 30px auto 0; } .max-wrap .hsss3 ul { border-bottom: 1px solid #ccc; } .max-wrap .hsss3 ul li { float: left; height: 61px; width: 162px; padding-top: 35px; margin-left: 20px; cursor: pointer; } .max-wrap .hsss3 ul li:first-child { padding-left: 70px; padding-top: 0; margin: 0; width: auto; font-size: 24px; color: #000000; height: 182px; } .max-wrap .hsss3 ul li span { display: block; height: 15px; background: url(/uploads/image/eimages/hs1.jpg) no-repeat center; margin: 6px 0; } .max-wrap .hsss3 ul li em { display: block; text-align: center; font-size: 16px; } .max-wrap .hsss3 ul .l1 { background: url(/uploads/image/eimages/hsss1.jpg) no-repeat left top; } .max-wrap .hsss3 ul .l2 { background: url(/uploads/image/eimages/hsss2.jpg) no-repeat left top; } .max-wrap .hsss3 ul .l3 { background: url(/uploads/image/eimages/hsss3.jpg) no-repeat left top; } .max-wrap .hsss3 ul .l4 { background: url(/uploads/image/eimages/hsss4.jpg) no-repeat left top; } .max-wrap .hsss3 ul .l5 { background: url(/uploads/image/eimages/hsss5.jpg) no-repeat left top; } .max-wrap .hsss3 ul .l6 { background: url(/uploads/image/eimages/hsss6.jpg) no-repeat left top; } .max-wrap .hsss4x { width: 1080px; margin: 30px auto 0; } .max-wrap .hsss4x ul { border-bottom: 1px solid #ccc; } .max-wrap .hsss4x ul li { float: left; width: 162px; margin-left: 20px; cursor: pointer; } .max-wrap .hsss4x ul li:first-child { padding-left: 70px; padding-top: 0; margin: 0; width: auto; font-size: 24px; color: #000000; height: 150px; } .max-wrap .hsss4x ul li:hover i { background-color: #f2f2f2; } .max-wrap .hsss4x ul li i { display: block; line-height: 40px; border: 1px solid #000000; text-align: center; } .max-wrap .hsss4x ul li span { display: block; height: 15px; background: url(/uploads/image/eimages/hs1.jpg) no-repeat center; margin: 6px 0; } .max-wrap .hsss4 { width: 1080px; margin: 30px auto 0; } .max-wrap .hsss4 ul { border-bottom: 1px solid #ccc; } .max-wrap .hsss4 ul #sy { height: 137px; } .max-wrap .hsss4 ul li { float: left; width: 160px; margin-left: 20px; cursor: pointer; padding-bottom: 24px; } .max-wrap .hsss4 ul li:hover i { background-color: #f2f2f2; } .max-wrap .hsss4 ul li:first-child { padding-left: 70px; padding-bottom: 0; margin: 0; width: auto; font-size: 24px; color: #000000; height: 264px; border: none; } .max-wrap .hsss4 ul li span { display: block; height: 15px; background: url(/uploads/image/eimages/hs1.jpg) no-repeat center; margin: 6px 0; } .max-wrap .hsss4 ul li em { display: block; text-align: center; font-size: 16px; } .max-wrap .hsss4 ul li i { display: block; height: 84px; border: 1px solid black; } .max-wrap .hsss4 ul .l1 i { background: url(/uploads/image/eimages/js6.png) no-repeat left top; } .max-wrap .hsss4 ul .l2 i { background: url(/uploads/image/eimages/js7.png) no-repeat left top; } .max-wrap .hsss4 ul .l3 i { background: url(/uploads/image/eimages/js8.png) no-repeat left top; } .max-wrap .hsss4 ul .l4 i { background: url(/uploads/image/eimages/js9.png) no-repeat left top; } .max-wrap .hsss4 ul .l5 i { background: url(/uploads/image/eimages/js10.png) no-repeat left top; } .max-wrap .hsss4 ul .l6 i { background: url(/uploads/image/eimages/js11.png) no-repeat left top; } .max-wrap .hsss4 ul .l7 i { background: url(/uploads/image/eimages/js12.png) no-repeat left top; } .max-wrap .hsss4 ul .l8 i { background: url(/uploads/image/eimages/js13.png) no-repeat left top; } .max-wrap .hsss4 ul .l9 i { background: url(/uploads/image/eimages/js14.png) no-repeat left top; } .max-wrap .hsss4 ul .l10 i { background: url(/uploads/image/eimages/js15.png) no-repeat left top; } .max-wrap .hsss4 ul .l11 i { background: url(/uploads/image/eimages/js1.png) no-repeat left top; } .max-wrap .hsss4 ul .l12 i { background: url(/uploads/image/eimages/js2.png) no-repeat left top; } .max-wrap .hsss4 ul .l13 i { background: url(/uploads/image/eimages/js3.png) no-repeat left top; } .max-wrap .hsss4 ul .l14 i { background: url(/uploads/image/eimages/js4.png) no-repeat left top; } .max-wrap .hsss4 ul .l15 i { background: url(/uploads/image/eimages/js5.png) no-repeat left top; } .max-wrap .hsss5 { width: 1080px; margin: 0 auto; border-bottom: 1px solid #ccc; } .max-wrap .hsss5 div { background: url(/uploads/image/eimages/js11.png) no-repeat 44px center; height: 90px; } .max-wrap .hsss5 .div2 { background: url(/uploads/image/eimages/js12.png) no-repeat 44px center; } .max-wrap .hsss5 .div3 { background: url(/uploads/image/eimages/js1.png) no-repeat 44px center; } .max-wrap .hsss5 .div4 { background: url(/uploads/image/eimages/js2.png) no-repeat 44px center; } .max-wrap .hsss5 .div5 { background: url(/uploads/image/eimages/js3.png) no-repeat 44px center; } .max-wrap .hsss6 { width: 920px; margin: 0 auto; padding-left: 160px; padding-top: 20px; padding-bottom: 8px; border-bottom: 1px solid #ccc; } .max-wrap .hsss6 li { float: left; width: 210px; margin-left: 20px; } .max-wrap .hsss6 li i { display: block; height: 140px; background-color: #bfbfbf; } .max-wrap .hsss6 li span { line-height: 44px; text-align: center; display: block; } .max-wrap .xwzxp { border-top: 1px solid #ccc; width: 1080px; margin: 76px auto 0; height: 36px; } .max-wrap .alzs { border-top: 1px solid #ccc; width: 1080px; margin: 20px auto 0; height: 36px; } .max-wrap .alzs-wrap { width: 1080px; margin: 0 auto 40px; padding-bottom: 6px; border-bottom: 1px solid #ccc; } .max-wrap .alzs-wrap li { float: left; width: 346px; height: 295px; } .max-wrap .alzs-wrap li i { height: 238px; display: block; } .max-wrap .alzs-wrap li span { display: block; line-height: 54px; text-align: center; } .max-wrap .alzs-wrap .l2 { margin: 0 20px; } .max-wrap .gn { width: 1080px; margin: 50px auto 0; height: 910px; position: relative; } .max-wrap .gn p:first-child { font-size: 58px; } .max-wrap .gn .lp { font-size: 38px; } .max-wrap .gn form { position: absolute; bottom: 26px; right: 0; width: 270px; height: 40px; background: url(/uploads/image/eimages/gnsearch.jpg) no-repeat; } .max-wrap .gn form input { border: none; background: transparent; outline: none; float: left; height: 40px; } .max-wrap .gn form input:first-child { width: 66px; } .max-wrap .gn form input:last-child { width: 204px; } .max-wrap .gnxq { width: 1080px; margin: 130px auto 0; } .max-wrap .gnxq p { font-size: 18px; color: #666; line-height: 1.8; } .max-wrap .gnxq p:first-child { font-size: 36px; color: #333; } .max-wrap .gnxq2 { width: 1080px; padding-top: 30px; margin: 0 auto; } .max-wrap .gnxq2 div { height: 560px; background-color: #ccc; } .max-wrap .gnxq2 span { display: inline-block; width: 527px; height: 344px; background-color: #ccc; margin-top: 20px; margin-bottom: 20px; } .max-wrap .gnxq2 .s1 { margin-right: 20px; } .max-wrap .gnxq2 i { display: inline-block; width: 346px; height: 226px; margin-right: 16px; background-color: #ccc; } .max-wrap .gnxq2 i:last-child { margin: 0; } .max-wrap #gw { background: url(/uploads/image/eimages/gw.jpg) no-repeat left 130px; } .max-wrap .jszc { height: 670px; background-color: #ccc; } .max-wrap .jszc2 { width: 1080px; margin: 46px auto 48px; } .max-wrap .jszc2 li { border-top: 1px solid #ccc; height: 64px; line-height: 64px; padding-left: 60px; background: url(/uploads/image/eimages/jszc.png) no-repeat 940px center; cursor: pointer; } .max-wrap .jszc2 li a { font-size: 22px; color: black; } .max-wrap .jszc2 li:hover { background: url(/uploads/image/eimages/jszc2.png) no-repeat 940px center; } .max-wrap .jszc2 li:hover a { font-weight: bold; } .max-wrap .jszc2 li:last-child { border-bottom: 1px solid #ccc; } .max-wrap .jszc2 .l2 { background-color: #e6e6e6; } .max-wrap .cjwt1 { width: 1080px; margin: 46px auto 46px; } .max-wrap .cjwt1 dl dt { height: 64px; line-height: 64px; background-color: #e6e6e6; cursor: pointer; } .max-wrap .cjwt1 dl dt i { display: inline-block; width: 182px; background: url(/uploads/image/eimages/cjwt.png) no-repeat 68px center; height: 100%; } .max-wrap .cjwt1 dl dt em { font-size: 24px; color: #000; display: inline-block; width: 740px; vertical-align: top; } .max-wrap .cjwt1 dl dt span { display: inline-block; width: 150px; background: url(/uploads/image/eimages/cjwt4.png) no-repeat center; height: 100%; } .max-wrap .cjwt1 dl .d1 { background-color: #fff; } .max-wrap .cjwt1 dl .d1 em { color: black; } .max-wrap .cjwt1 dl .cdt { color: #fff; background-color: #4d4d4d; } .max-wrap .cjwt1 dl .cdt i { background: url(/uploads/image/eimages/cjwt2.png) no-repeat 68px center; } .max-wrap .cjwt1 dl .cdt span { background: url(/uploads/image/eimages/cjwt5.png) no-repeat center; } .max-wrap .cjwt1 dl dd { padding: 20px 0 20px 186px; background: url(/uploads/image/eimages/cjwt3.png) no-repeat 64px center; display: none; } .max-wrap .cjwt1 dl dd em { width: 696px; line-height: 1.7; display: inline-block; } .max-wrap .yhzs { width: 1080px; margin: 0 auto; } .max-wrap .yhzs .div1 { padding: 40px 0 32px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: 44px; } .max-wrap .yhzs .div1 a { display: block; border: 1px solid #9d9d9d; margin: 0 auto 32px; width: 236px; background: url(/uploads/image/eimages/yhzs.jpg) no-repeat left center; line-height: 66px; padding-left: 80px; } .max-wrap .yhzs .div1 p { line-height: 1.7; font-size: 14px; margin: 0 auto; width: 706px; text-align: center; } .max-wrap .yhzs dl { padding: 25px 0; border-bottom: 1px solid #ccc; } .max-wrap .yhzs dl p { font-size: 24px; margin-bottom: 16px; line-height: 1; } .max-wrap .yhzs dl span { font-size: 14px; line-height: 1.7; } .max-wrap .yhzs dl dt { font-size: 14px; line-height: 1.7; } .max-wrap .lxwm1 { margin: 0 auto; display: block; width: 1080px; } .max-wrap .lxwm1 div { margin-bottom: 22px; } .max-wrap .lxwm1 input { background-color: transparent; outline: none; border: 1px solid #ccc; line-height: 44px; font-size: 18px; padding-left: 22px; display: inline-block; width: 1058px; } .max-wrap .lxwm1 input::-webkit-input-placeholder { color: #595656; } .max-wrap .lxwm1 .input input { width: 499px; } .max-wrap .lxwm1 .input input:first-child { margin-right: 29px; } .max-wrap .lxwm1 .tx { width: auto; vertical-align: middle; } .max-wrap .lxwm1 a { display: inline-block; width: 84px; height: 36px; line-height: 36px; border: 1px solid #ccc; font-size: 22px; color: #595656; border-radius: 6px; float: right; padding-left: 12px; background: url(/uploads/image/eimages/khfk.png) no-repeat 56px center; } .max-wrap .lxfs { width: 1080px; margin: 0 auto; text-align: center; } .max-wrap .lxfs select { width: 160px; height: 30px; border: 1px solid #ccc; font-size: 20px; color: #595656; margin-right: 20px; } .max-wrap .lxfs a { width: 160px; border: 1px solid #ccc; text-align: center; font-size: 20px; color: #595656; display: inline-block; } .max-wrap .lxfs a:hover { background-color: #9d9d9d; color: black; } .max-wrap .lxfs span { position: absolute; width: 26px; height: 12px; margin-left: -60px; margin-top: 10px; background: url(/uploads/image/eimages/lxfs.jpg) no-repeat center; } .max-wrap .lsfs2 { width: 1080px; margin: 30px auto 0; padding-top: 20px; border-top: 1px solid #ccc; } .max-wrap .lsfs2 .lsfs2-1 { float: left; width: 354px; margin-right: 16px; height: 546px; } .max-wrap .lsfs2 .lsfs2-1 ul li { padding: 30px 0; } .max-wrap .lsfs2 .lsfs2-1 ul li:first-child { padding: 0 0 30px 0; } .max-wrap .lsfs2 .lsfs2-1 ul li p { font-size: 18px; color: #595656; margin-bottom: 2px; } .max-wrap .lsfs2 .lsfs2-1 ul li p i { display: inline-block; width: 28px; height: 28px; color: #fff; font-size: 22px; line-height: 28px; text-align: center; background-color: #595656; margin-right: 16px; } .max-wrap .lsfs2 .lsfs2-1 ul li span { display: block; padding-left: 43px; font-size: 12px; color: #595656; line-height: 1.7; } .max-wrap .lsfs2 .lsfs2-1 ul li b { display: inline-block; width: 325px; left: 0; bottom: 0; height: 1px; background-color: #ccc; margin-bottom: -36px; } .max-wrap .lsfs2 .lsfs2-2 { float: left; width: 710px; height: 546px; } .max-wrap .lsfs2 em { position: absolute; width: 1px; height: 546px; background-color: #ccc; margin-left: 349px; z-index: -1; } .max-wrap #description { position: relative; overflow: hidden; } .max-wrap .zpxx { width: 1080px; margin: 0 auto; } .max-wrap .zpxx p { line-height: 1.7; } .max-wrap .zpxx table { margin-top: 50px; margin-bottom: 40px; width: 1080px; border: none; } .max-wrap .zpxx table tr { cursor: pointer; } .max-wrap .zpxx table tr:first-child { border-top: none; font-size: 20px; text-align: center; } .max-wrap .zpxx table tr:first-child td { color: #333333; position: relative; } .max-wrap .zpxx table tr:first-child td span { height: 38px; width: 1px; background-color: #ccc; position: absolute; right: 0; top: 10px; } .max-wrap .zpxx table td { border: none; line-height: 60px; text-align: center; color: #333; border-bottom: 1px solid #ccc; } .max-wrap .zpxx table .tr1 { background-color: #f2f2f2; } /******底部*********/ .footer { background-color: #f2f2f2; margin: 52px auto 0; } .footer .footer-inner { max-width: 1440px; min-width: 1200px; margin: 0 auto; padding-top: 12px; } .footer .footer-inner .line2 { width: 100%; border-bottom: 1px solid #fff; margin-bottom: 20px; } .footer .footer-inner .ul-wrap { width: 1080px; margin: 0 auto; } .footer .footer-inner .ul-wrap ul { float: left; } .footer .footer-inner .ul-wrap ul:nth-child(1) { width: 14.2%; } .footer .footer-inner .ul-wrap ul:nth-child(2) { width: 14.2%; } .footer .footer-inner .ul-wrap ul:nth-child(3) { width: 14.2%; } .footer .footer-inner .ul-wrap ul:nth-child(4) { width: 14.2%; } .footer .footer-inner .ul-wrap ul:nth-child(5) { width: 14.2%; } .footer .footer-inner .ul-wrap ul:nth-child(6) { width: 14.2%; } .footer .footer-inner .ul-wrap ul:nth-child(7) { width: 14.2%; } .footer .footer-inner .ul-wrap ul li { line-height: 1.8; } .footer .footer-inner .ul-wrap ul li a { font-size: 12px; } .footer .footer-inner .ul-wrap ul li:first-child a { font-size: 14px; } .footer .footer-inner .footer-inner2 { margin-left: 180px; margin-top: 30px; position: relative; padding-bottom: 60px; } .footer .footer-inner .footer-inner2 p { font-size: 12px; margin-bottom: 12px; margin-top: 6px; } .footer .footer-inner .footer-inner2 span { font-size: 12px; vertical-align: 5px; } .footer .footer-inner .footer-inner2 .line3 { border-bottom: 1px solid #ccc; margin-bottom: 12px; } .footer .footer-inner .footer-inner2 ul { display: inline-block; margin-left: 36px; } .footer .footer-inner .footer-inner2 ul li { float: left; } .footer .footer-inner .footer-inner2 ul li a { font-size: 12px; } .footer .footer-inner .footer-inner2 ul span { float: left; width: 1px; height: 18px; background-color: #ccc; margin: 0 6px; } .footer .footer-inner .footer-inner2 img { position: absolute; top: 46px; right: 180px; width: 100px; height: auto; } .share { position: fixed; width: 100%; height: 100%; background-color: #f2f2f2; top: 0; left: 0; opacity: 0.7; } .share2 { position: fixed; top: 50%; left: 50%; width: 710px; background-color: #fff; margin-left: -355px; margin-top: -260px; padding-bottom: 20px; } .share2 p { line-height: 84px; text-align: center; font-size: 26px; border-bottom: 1px solid #ccc; } .share2 span { line-height: 72px; margin: 0 36px; } .jobss { background-color: #f2f2f2; border-radius: 6px; margin: 24px; margin-top: 0; padding: 26px 0 60px 36px; line-height: 25px; } .jobss p { line-height: 25px; font-size: 16px; text-align: left; } .share2 ul { background-color: #f2f2f2; border-radius: 6px; margin: 24px; margin-top: 0; padding: 26px 0 60px 36px; } .share2 ul li { line-height: 1.7; } .share2 a { position: absolute; right: 24px; bottom: 30px; width: 114px; height: 40px; padding-left: 26px; background: url(/uploads/image/eimages/zpxxx.png) no-repeat 97px center; border-radius: 6px; background-color: #b3b3b3; color: #e6e6e6; font-size: 18px; line-height: 40px; } /*# sourcemappingurl=index.css.map */ /**************6-13***************/ .teng { padding: 173px 0 0 180px; box-sizing: border-box; } .teng .p1 { font-size: 90px; color: #fff; } .teng .p2 { font-size: 33px; color: #fff; width: 560px; font-weight: normal; } /*# sourcemappingurl=index.css.map */ .awrap { display: block; height: 670px; background: url(/uploads/image/eimages/xwzx.jpg) no-repeat; box-sizing: border-box; padding-top: 172px; padding-left: 180px; } .jun { font-size: 90px; color: #fff; } .jun2 { font-size: 33px; color: #fff; width: 560px; }