@charset "utf-8"; /* 通用代码 */ html,body{width:100%;padding: 0px;margin:0px;*position:static; } *{font-family:'Noto Sans SC',"Source Han Sans","思源黑体","微软雅黑"; font-size: 16px; color:#332c2b; padding:0px;margin:0px;} a{text-decoration:none;} ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{list-style-type:none;} button,input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only;outline:none;text-decoration: none;} .anim0{ animation: dz0 .8s linear 1 normal forwards; } .anim1{ animation: dz1 .8s linear 1 normal forwards; } .anim2{ animation: dz2 .8s linear 1 normal forwards; } .anim3{ animation: dz3 1s linear 1 normal forwards; } .anim4{ animation: dz4 1s linear 1 normal forwards; } .anim5{ animation: dz5 .6s linear 1 normal forwards; } .anim6{ animation: dz6 .6s linear 1 normal forwards; } .anim7{ animation: dz7 .6s linear 1 normal forwards; } /*.anim99{ animation: dz99 .6s linear 1 normal forwards; } .anim5{ animation: dz5 .6s linear 1 normal forwards; } .anim6{ animation: dz6 .6s linear 1 normal forwards; } */ /* .anim7{ animation: dz7 .6s linear 1 normal forwards; } .anim8{ animation: dz8 .6s linear 1 normal forwards; } */ /* @keyframes dz1 { 0% {opacity: 0;transform: translate(0, -30%); } 100% {opacity: 1; transform: translate(0, 0%); } } @keyframes dz2 { 0% {opacity: 0; transform: translate(0, 100px); } 100% {opacity: 1;transform: translate(0, 0%); } } */ .dhxg{ opacity: 0; } .dhxg2{ opacity: 0; } .le{float: left; } .ri{float: right; } @keyframes dz0 { 0% {opacity: 0; } 100% {opacity: 1; } } @keyframes dz1 { 0% {opacity: 0;transform: translate(-20%, 0%); } 100% {opacity: 1; transform: translate(0, 0%); } } @keyframes dz2 { 0% {opacity: 0;transform: translate(0, 30%); } 100% {opacity: 1; transform: translate(0, 0%); } } @keyframes dz3 { 0% {opacity: 0;transform: translate(0, 30%); } 100% {opacity: 1; transform: translate(0, 0%); } } @keyframes dz4 { 0% {opacity: 0;transform: translate(0, -30%); } 100% {opacity: 1; transform: translate(0, 0%); } } /* @keyframes dz5 { 0% {opacity: 0; transform: rotate(-2deg);position: relative; } 100% {opacity: 1; transform: rotate(0);position: relative; } } @keyframes dz { 0% {opacity: 0;transform: rotate(2deg);position: relative; } 100% {opacity: 1; transform: rotate(0deg);position: relative; } }*/ /* @keyframes dz99 { 0% {opacity: 0;transform: rotate(20deg);position: relative; } 100% {opacity: 1; transform: rotate(0deg);position: relative; } } */ @keyframes dz5 { 0% {opacity: 0; transform: scale(1.1); } 100% {opacity: 1; transform: scale(1); } } @keyframes dz6 { 0% {opacity: 0;transform: scale(.9); } 100% {opacity: 1; transform: scale(1); } } @keyframes dz7 { 0% {opacity: 0; transform: translate(-40%, 40%); } 100% {opacity: 1;transform: translate(0, 0%); } } .BigDiv{ max-width:1903px;min-width:1200px;width:100%; margin: auto;position: relative; } .cen{ width: 1200px; margin: auto;} .cen-75{ width: 75%; margin: auto;} .hei::after {content: ""; display: block;clear: both;} .fullslide1 .text{ position: absolute; margin-top: 250px; width: 580px; text-align: center; } .fullslide1 .text .title{ color:#2a2a2a; font-size: 50px; position: relative; z-index: 9; } .fullslide1 .text .ftitle{ color: rgba(39,56,56,.1); font-size: 70px; text-transform: uppercase; position: absolute; margin-top: -45px;} .fullslide1 .text .smrt{ color:#2a2a2a; line-height: 40px; font-size: 30px;margin-top: 70px; } .fullslide1 .text .more{ width: 140px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background: #273838; margin: auto; margin-top: 30px; } .fullslide1 .text .more a{ color:#fff; font-size: 14px;display:block; } .sjcx{display: none;} .sjcxA{display: none;} .sjcx{ display: none; } @media screen and (max-width:640px) and (min-width:0px){ .sjcx{display: inline-block; width: 100%; } .sjcxA{display: block;} .sjyc{display: none;} .ment img {width: 30px;} .ment { float: right; margin-top: 7px; } } .fullslide{ position: relative; } .fullslide .cen{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; } .fullslide .text{ position: absolute; width: 880px; left: 50%; margin-left: -440px; margin-top: 625px; border-radius: 10px; padding: 25px 16px; box-sizing: border-box; } .fullslide .text .t1{ text-align: center; color:#ffffff; font-size: 70px; font-weight: bold;background: none; } .fullslide .text .t2{ color:#ffffff; font-size: 18px; line-height: 35px; text-align: center; } .fullslide .text .t3{color:rgba(255,255,255,.5); margin-top: 15px; font-size: 18px; line-height: 35px; text-align: center; } .fullslide .text .Moren{ text-align: center; color: rgba(255,255,255,.8); text-transform: uppercase; margin-top: 50px; } .fullslide .text .Fuh{display: inline-block; background: url("../i/more.png") no-repeat right; width: 42px;height: 11px;margin-left: 13px; transition: .5s; } .fullslide .text .Moren:hover .Fuh{ background: url("../i/more-1.png") no-repeat right; width: 51px;} .banner img{ display: block; max-width: 100%; height: auto; } .fullslide .prev, .fullslide .next{position:absolute;z-index:1;top:50%;margin-top:-40px;left:80px;z-index:1;font-size:0;padding:12px;cursor:pointer;} .fullslide .prev img, .fullslide .next img{width:auto;height:auto;} .fullslide .next{left:auto;right:80px;} .fullslide{position:relative;width:100%;} .fullslide .bd{position:relative;z-index:0;} .fullslide .bd li{width:100%; position: relative; } .fullslide .bd li img{max-width:100%;height:auto;margin:0 auto;} .fullslide .bd li .tu1{display: block; } .fullslide .bd li .tu2{display: none; } .fullslide .bd li .sjyc{ display: block;} .fullslide .bd li .sjcx{ display: none;} .fullslide .hd{position:absolute;height:25px;text-align:center;z-index:99; width: 200px; bottom: 40px; left: 50%; margin-left: -100px; } .fullslide .hd li{width:40px;height:3px;line-height:8px; line-height: 80px; overflow:hidden;margin:0px 6px;cursor:pointer;background:rgba(255,255,255,.5);border-radius:20px;display: inline-block;transition: .5s; } .fullslide .hd li.on{background:#ffffff; } .fullslide .bd li .ban2{ display: none; } .a1ul{ height: 153px; } .a1{ background: #f8f8f8; padding: 80px 0;} .a1 ul{ text-align: right; } .a1 li{ width: 328px; height: 116px; overflow: hidden; border-radius: 10px; vertical-align: bottom; background: #fff;display: inline-block; transition: .3s; padding-left: 15px; margin-left: 14px; padding-right: 30px; box-sizing: border-box; } .home .cen{ width: 1720px; } .a1 li .fl img{ display: block; } .a1 li .ri { margin-top: 38px; } .a1 li .ri .a1uri{ color:#252525; font-weight: bold; font-size: 28px; } .fl2{ display: none; } .a1 li.on{ width: 565px; height: 153px; box-shadow: 4px 4px 5px #c8c8c8; } .a1 li.on .fl2{ display: block; float: left; margin-top: 33px; } .a1 li.on .fl2 .p1{ font-size: 28px; font-weight: bold; color:rgba(37,37,37,.2); text-transform: uppercase; } .a1 li.on .fl2 .p2{ text-align: left; color:#252525; font-weight: bold; font-size: 28px; } .a1 li.on .a1uri{ display: none;} .a1 li.on .Fuh{ background: url("../i/morf.png") no-repeat right; width: 42px;height: 11px; display: inline-block; } .a1 li.on .fl{ margin-top: 15px; } .a1 li.on .ri{ margin-top: 65px; } .a3{ background: url("../i/a7.jpg") no-repeat center; } .a2{ padding-top: 90px; padding-bottom: 90px; } .a2 .le{ width: 410px; margin-top: 40px; } .a2 .le .a2t1{ color:#33a25f; font-weight: bold; font-size: 50px; } .a2 .le .a2t2{ color:#252525; font-weight: bold; font-size: 50px; } .a2 .le .a2t3{ color:#999999; font-size: 18px; margin-top: 35px; } .a2 .le .a2t4{ margin-top: 16px; } .a2 .le .a2t4 a{ display: inline-block; background: url("../i/morf.png") no-repeat right; width: 42px;height: 11px; transition: .5s; } .a2 .le .a2t4 a:hover{ background: url("../i/more-1.png") no-repeat right; width: 51px;} .a2 .ri .pic{ display: inline-block; width: 619px; height: 354px;overflow: hidden; margin-right: 12px; position: relative; transition: .5s; } .a2 .ri .pic .text{ position: absolute; bottom: 35px; width: 100%;padding-left: 40px; box-sizing: border-box; } .a2 .ri .pic .text .pt2{ display: none;color:#ffffff; font-size: 18px; max-width: 445px; } .a2 .ri .pic .text .pt1{ color:#ffffff; font-weight: bold; font-size: 28px; } .a2 .ri .pic.on .text{background: url("../i/dmor.png") no-repeat 90% 80%; } .a2 .ri .pic.on .pt2{ display: block; } .a2 .ri .pic.on .pt1{ color:#33a25f; margin-bottom: 14px; } .a2 .ri .pic video{ height: 100%; } .a3{ padding-top: 50px; padding-bottom: 50px; } .a3ul li{ width: 300px; float: left; } .a3 .cen{width: 1440px; } .a3ul li .title { text-align: center;} .a3ul li{ margin-right: 40px; margin-left: 25px; } .a3ul li:last-child{ margin-right: 0; } .a3ul li .title a{ font-size: 60px; color:#fff; } .a3ul li .title span{ font-size: 60px; font-weight: bold; color:#fff; } .a3ul li .ftitle{ color:#ffffff; font-size: 18px; text-align: center; } .a4{ padding-top: 80px; padding-bottom: 80px; background: #f8f8f8; } .Mfl .fti1{ text-transform: uppercase; font-size: 50px; color: rgba(37,37,37,.2); font-weight: bold; } .Mfl .fti2{ font-size: 50px; color:#33a25f; font-weight: bold; } .Mfl .fti2 span{ font-size: 50px; color:#252525; font-weight: bold; } .Mfl .fti2::before{ content: ""; width: 30px; height: 7px; background: #33a25f; position: absolute; margin-top: 90px; } .a4 .ri .rip{ width: 240px; float: left;margin-left: 35px; margin-top: 25px; cursor: pointer; transition: .5s; } .a4 .ri .rip .pic{width: 54px; height: 44px; margin: auto; margin-bottom: 15px; transition: .5s; } .a4 .ri .rip .ti1{ color:#252525; font-size: 24px; text-align: center; transition: .5s; } .a4 .ri .rip .ti2{ color:#999999; font-size: 16px; text-transform: uppercase; text-align: center; transition: .5s;} .a4 .ri .rip:nth-child(1) .pic{ background: url("../i/a8-2.png") center no-repeat; } .a4 .ri .rip:nth-child(2) .pic{ background: url("../i/a8.png") center no-repeat; } .a4 .ri .rip:nth-child(3) .pic{ background: url("../i/a9.png") center no-repeat; } .a4 .ri .rip.on .ti1{ color:#33a25f; } .a4 .ri .rip.on .ti2{ color:#33a25f; } .a4 .ri .rip.on:nth-child(1) .pic{ background: url("../i/a8a-2.png") center no-repeat; } .a4 .ri .rip.on:nth-child(2) .pic{ background: url("../i/a8a.png") center no-repeat; } .a4 .ri .rip.on:nth-child(3) .pic{ background: url("../i/a9a.png") center no-repeat; } .a5ul{position: absolute;bottom: 42px; display: none; } .a5{ background: url("../i/a10.jpg") no-repeat center; height: 678px; width: 100%; position:relative; } .a5 .a5ul li{ width: 406px; display: inline-block; vertical-align: bottom; transition: .5s; position: relative; padding-top: 22px; margin-bottom: 30px; padding-bottom: 82px; border-left: 1px solid rgba(255,255,255,.2);margin-right: 180px; box-sizing: border-box; padding-left: 27px; padding-right: 27px; box-sizing: border-box; } .a5 .a5ul li::before{ width: 3px; height: 24px; content: ""; position: absolute; background: #fff; left: 0px; margin-left: -1px; margin-top: 10px; } .a5 .a5ul li:last-child{ margin-right: 0; } .a5 .a5ul li .ti1{ color:#ffffff; font-weight: bold; font-size: 28px; } .a5 .a5ul li .ti2{ font-size: 18px; color: rgba(255,255,255,.8); text-transform: uppercase; } .a5 .a5ul li .ti3{ height: 0; overflow: hidden; transition: .5s; } .a5 .a5ul li .more{ background: url("../i/more.png") no-repeat right; width: 42px; height: 11px; display: block; margin-top: 43px; transition: .5s; } .a5 .a5ul li.on .more{background: url("../i/more-1.png") no-repeat right; width: 50px; } .a5 .a5ul li.on{ padding-bottom: 22px;} .a5 .a5ul li.on .ti3{color:#fff; height: auto; margin-top: 36px; line-height: 32px; } .a5 .a5ul li.on .ti1{ color:#33a25f; } .a5 .a5ul li.on::before{ background: #33a25f; } .a7ul{ font-size: 0; } .a7ul li{ float: left; width: 25%;overflow: hidden; position: relative; } .a7ul li .text{ position: absolute; width: 60%; left: 20%; padding-top: 80px; } .a7ul li .tpic{ overflow: hidden; } .a7ul li .tpic img{ position: relative; left: -25px; } .a7ul li .tis1{ font-size: 24px; color:rgba(255,255,255,.2); font-weight: bold; text-transform: uppercase; margin-top: 34px; margin-bottom: 15px; height: 108px;} .a7ul li .tis2{ font-size: 28px; font-weight: bold; color:#fff; } .a7ul li .tis3{ color:#ffffff; line-height: 30px; height: 0; overflow: hidden; transition: .5s; } .a7ul li .moren{ text-transform: uppercase; color: rgba(255,255,255,.5); margin-top: 88px; } .a7ul li .Fuh{background: url("../i/more.png") no-repeat right; width: 42px;height: 11px; display: inline-block; margin-left: 12px; } .a7ul li.on::before{ content: ""; position: absolute; width: 100%; height: 100%; background: url("../i/a19.png") no-repeat top; } .a7ul li.on .tis3{ height: auto; margin-top: 16px; } .a7ul li .pic img{ display: block; max-width: 100%; } .a8 .a8p1{ font-size: 50px; font-weight: bold; color: rgba(37,37,37,.2); text-transform: uppercase; } .a8 .a8p2{ color:#33a25f; font-weight: bold; font-size: 50px; } .a8 .a8p2 span{font-weight: bold; font-size: 50px; color:#252525; } .a8{ background: #f8f8f8; padding-bottom: 60px; } .a8fl{ margin-top: 225px; } .a8 .fl{ padding-top: 86px; } .a8fl p{ width: 205px; height: 55px; line-height: 55px; font-size: 18px; background: #fff; border-radius: 15px; text-align: center; margin-bottom: 20px; } .a8 .ri .a8ul li{ float: left; width: 440px; margin-right: 16px; } .a8 .ri .a8ul li .time{ font-size: 24px; font-weight: bold; padding-left: 48px;padding-bottom: 35px; padding-top: 80px; } .a8 .ri .a8ul li .text{ background: #fff; padding: 40px 44px; box-sizing: border-box; } .a8 .ri .a8ul li .text .te1{ font-size: 24px; font-weight: bold; margin-bottom: 47px; transition: .5s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .a8 .ri .a8ul li .text .te2{ font-size: 18px; color:#252525; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .a8 .ri .a8ul li .text .Moren{text-align: left; color: #999999; text-transform: uppercase; margin-top: 38px; margin-bottom: 38px; } .a8 .ri .a8ul li .text .Moren .Fuh{display: inline-block; background: url("../i/morf.png") no-repeat right; width: 42px;height: 11px;margin-left: 13px; transition: .5s; } .a8 .ri .a8ul li .text .pic{ max-width: 337px; height: 249px; margin: auto; overflow: hidden; } .a8 .ri .a8ul li .text .pic img{ width: 100%; height: 100%; display: block; transition: .5s; } .a8 .ri .a8ul li:hover .te1{color:#33a25f; } .a8 .ri .a8ul li:hover .pic img{ transform: scale(1.1);} .a8 .ri .a8ul li:hover .time{ color:#33a25f;} .a8 .ri .a8ul li:hover .time::before{ content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #33a25f;margin-left: -18px; margin-top: 14px; } .a8 .ri .a8ul li:hover .Moren .Fuh{background: url("../i/more-1.png") no-repeat right; width: 50px; } .a8fl p.on{ background: #33a25f; color:#ffffff; } .a8fl p.on a{ color:#fff;} .a9 .fl{ margin-top: 90px; } .a9{ position: relative; height: 1080px; background: url("../i/a21.jpg") no-repeat center; } .a9 .fl .a9p1{ font-weight: bold; font-size: 50px; color: rgba(255,255,255,.2); text-transform: uppercase; } .a9 .fl .a9p2{ color:#fff; font-size: 50px; font-weight: bold; } .a9 .fl .a9p3{ font-size: 18px; color: rgba(255,255,255,.5); padding-top: 150px; } .a9 .fl .a9p3::before{ content: ""; display: block; width: 115px;height: 1px; background: rgba(255,255,255,.5); position: absolute; margin-top: -31px; } .a9 .a3ul{ margin-top: 70px; } .a9 .a3ul li{ float: none; text-align: left; margin-left: 0;margin-bottom: 45px; } .a9 .a3ul li p{ text-align: left; } .a9 .ri{ height: 930px; width: 1190px; background: url("../i/a22.png") no-repeat center; position: relative; margin-top: 66px; background-size: 100%; } .a9 .ri .Tyyq{ position: absolute; padding: 3px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; animation: technology-anim 2s infinite linear;} /* @keyframes name1 { from {transform:scale(1.0,1.0);} to {transform:scale(1.2,1.2);} } */ .a9 .ri .Tyyq>span{ width:16px; height: 16px; display: block; background: rgba(255,255,255,.4); border-radius: 50%; } .a9 .ri .Tyyq>span::before{display: block; width: 7px; height: 7px; background: #fff; border-radius: 50%; content: ""; margin: auto; position: relative; top: 5px; } .a9 .ri .Tyyq .tex1{ width: 348px; display: none; border-radius: 15px; background: rgba(11,78,131,.7);color:#fff; text-shadow: 0 0 5px rgba(0,0,0,.5); font-size: 16px;} .a9 .ri .Tyyq .tex2{ margin-left: 378px; width: 348px; border-radius: 15px; background: rgba(11,78,131,.7);color:#fff; display: none; text-shadow: 0 0 5px rgba(0,0,0,.5); font-size: 16px; } .a9 .ri .Tyyq .text p{ margin-top: 5px; color:#fff; } .a9 .ri .Tyyq .text a{ color:#fff; display: block; text-align: left; font-size: 15px; } .a9 .ri .Tyyq .text .title{ text-align: center; border-bottom: 1px solid #27a051; line-height: 56px; height: 56px; margin-top: 0; font-size: 20px; color:#fff; font-weight: bold; } .a9 .ri .Tyyq .text{position: absolute; top: 50%; transform: translate(-102%,-50%);box-sizing: border-box; } .a9 .ri .Tyyq:hover .text{ display:block; } .a9 .ri .Tyyq:hover .text p{ } .a9 .ri .Tyyq .yq21a{padding: 5px 15px; } .a9 .ri .Tyyq .text a{ padding-top: 5px; padding-bottom: 5px; } .a9 .ri .Tyyq .text a span{ color:#fff;display: inline-block; width: 83px;font-size:15px; } .a9 .ri .Tyyq:hover{animation: technology-anima 2s infinite linear; } .a9 .ri .Tyyq .tex2 a span{ width: 33.333%; text-align: center; } .a9 .ri .Tyyq .tex2 a span:nth-child(1){ width: 30%; } .a9 .ri .Tyyq .tex2 a span:nth-child(2){ width: 35%; } .a9 .ri .Tyyq .tex2 a span:nth-child(3){ width: 35%; } .a9 .ri .yq1{top: 35.5%;left: 10.5%;} .a9 .ri .yq2{top: 48.5%;left: 32.5%;} .a9 .ri .yq3{top: 55.5%;left: 46.5%;} .a9 .ri .yq4{top: 58.5%;left: 46.5%;} .a9 .ri .yq5{top: 59.5%;left: 40.5%;} .a9 .ri .yq6{top: 56.5%;left: 62.5%;} .a9 .ri .yq7{top: 61.5%;left: 65.5%; } .a9 .ri .yq8{ top: 62.5%;left: 58.5%;} .a9 .ri .yq9{ top: 64.5%;left: 56.5%;} .a9 .ri .yq10{top: 66.5%;left: 58.5%;} .a9 .ri .yq11{top: 69.5%;left: 52.5%;} .a9 .ri .yq12{top: 69.5%;left: 57.5%;} .a9 .ri .yq13{top: 66.5%;left: 60.5%;} .a9 .ri .yq14{top: 66.5%;left: 64.5%;} .a9 .ri .yq15{top: 73.5%;left: 61.5%;} .a9 .ri .yq16{top: 83.5%;left: 67.5%;} .a9 .ri .yq17{top: 86.5%;left: 65.5%;} .a9 .ri .yq18{top: 75.5%;left: 75.5%;} .a9 .ri .yq19{top: 45.5%;left: 71.5%;} .a9 .ri .yq20{top: 42.5%;left: 72.5%;} .yq21{top: 71%;left: 59%;} .yq21a{top: 71%;left: 61%;} .yq22{top: 84%;left: 47%;} .yq23{top: 77%;left: 58%;} .yq23a{top: 77%;left: 61%;} .a9 .ri .yq24{/*bottom:5%;left:77.5%;*/bottom:10%;left:77.5%;left:72.5%;} @-webkit-keyframes technology-anim{ 0% {-webkit-transform: scale(1); opacity: .5} 70% {-webkit-transform: scale(1); opacity: 1} 100% {-webkit-transform: scale(1); opacity: .5} } @keyframes name2 { 0% {opacity: 0} 90%{opacity: 0 } 100%{opacity: 1 } } .foot{ background: #fff; padding: 60px 0; padding-bottom: 30px; } .home .foot{ background: #fff;} .foot .fl1 .f1p1{font-size: 40px; color:#252525; font-weight: bold; } .foot .fl1 .f1p2{ overflow: hidden; margin-top: 15px; } .foot .fl1 .f1p2 li{float: left; margin-right: 10px; text-align: center; } .foot .fl1 .f1p2 li .f1ti{ color:#666666; } .foot .fl1 .f1p2 li .pic{ display: block; width: 60px; height: 60px; } .home .foot .fl1 .f1p2 li:nth-child(1) .pic{ background: url("../i/a23.png") no-repeat center; } .home .foot .fl1 .f1p2 li:nth-child(2) .pic{ background: url("../i/a24.png") no-repeat center; } .home .foot .fl1 .f1p2 li:nth-child(3) .pic{ background: url("../i/a25.png") no-repeat center; } .home .foot .fl1 .f1p2 li:nth-child(4) .pic{ background: url("../i/a26.png") no-repeat center; } .home .foot .fl1 .f1p2 li:nth-child(5) .pic{ background: url("../i/a27.png") no-repeat center; } .foot .fl2b .fl2a{ float: left; margin-right: 40px; } .foot .fl2b{ margin-left: 130px; } .foot .fl2b .fl2a .fte1{ color:#252525; font-size: 18px; } .foot .fl2b .fl2a .txts{ margin-top: 40px; } .foot .fl2b .fl2a .txts p{ line-height: 35px; } .foot .fl2b .fl2a .txts p a{color:#666666; } .foot .fl2b .fl2a .fte1::before{ content:""; display: block; width: 12px; height: 1px; background: #33a25f; margin-top: 45px; position: absolute; } .foot .ri1 .tel{ color:#252525; font-size: 18px; } .foot .ri1 .tel span{ display: inline-block; vertical-align: bottom; background: url("../i/a28.png") no-repeat center; width: 26px; height: 26px; } .foot .tel1{ font-size: 40px; color:#33a25f; font-weight: bold; } .foot .tel2{ color:#666666; line-height: 35px; } .Cesma{ border-top: 1px solid #e5e5e5; padding-top: 30px; margin-top: 50px; } .Cheu {color:#666666; } .Cheu a{ color:#666666; } .Ny .cen{ width: 1200px; } .Ny .foot .cen{ width: 1720px;} .Ban{ position: relative; } .Ban img{ display: block; width: 100%; } .Ban .Btn{ position: absolute; text-align: center; width: 100%; top: 52%; transform: translateY(-50%); color:#ffffff; font-size: 70px; font-weight: bold; } .Lanm{ border-bottom: 1px solid #f8f8f8; height: 90px; } .Lanm .fla1{ color:#252525; font-size: 30px; font-weight: bold; margin-top: 22px;} .Lanm .fla1>img{ display: inline-block; vertical-align: middle; position: relative; top: -5px; margin-right: 5px; } .Lanm .fla2{ margin-left: 55px; } .Lanm .fla2.hit{width:580px;overflow-x: scroll;} .Lanm .fla2.hit ul{width:1500px;} .Lanm .fla2 li{ min-width: 90px; height: 90px; line-height: 90px; padding-left: 28px; transition: .5s; text-align: center; padding-right: 28px; float: left; } .Lanm .fla2 li a{ color:#252525; font-weight: bold; font-size: 18px; display: block; } .Lanm .fla2 li.checkon{ background: url("../i/b2.jpg") no-repeat center; background-size: 100% 100%; } .Lanm .fla2 li.checkon a{ color:#fff; } /* .Lanm .fla2 li:hover{ background: url("../i/b2.jpg") no-repeat center; background-size: 100%; } .Lanm .fla2 li:hover a{ color:#fff; } */ .Lanm .fla3{ float: right; margin-top: 32px; } .Lanm .fla3 a{ color:#999999; } .Lanm .fla3 img{ position: relative; top: 3px; margin-right: 5px; } .b1te{ margin-top: 80px; } .b1{ padding-top: 55px; } .b1 .b1t{ text-align: center; color:#252525; font-size: 35px; font-weight: bold; } .b1 .b2t{ text-align: center; color:#999999; text-transform: uppercase; font-size: 20px; position: relative;} .b1 .b2t::before{ content: ""; width: 31px; height: 7px; background: #33a25f; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 38px; } .b1 .b1te .be1{ width: 720px;position: absolute; background: #fff; padding-bottom: 25px; padding-right: 62px;margin-top: 24px; padding-top: 40px; } .b1 .b1te .be2{ float: right; } .br1t{ font-size: 35px; font-weight: bold; color:#252525; padding-left: 22px; position:relative;} .br1t::before{ content: ""; width: 7px; height: 31px; background: #33a25f; position: absolute; left: 0;margin-top: 8px;} .b1 .be1t{ padding-left: 24px; box-sizing: border-box; } .b1 .be1t p{ color:#666666; line-height: 30px; margin-top: 18px; } .b1 .be1 .Ztum{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-right: -39px; } .b2 ul li{ float: left;margin-right: 100px; } .b2 ul li:last-child{ margin-right: 0; } .b2 ul li>img{ float: left; } .b2 ul li .b2nu{ float: left; font-size: 45px; font-weight: bold; color:#33a25f; margin-left: 6px; } .b2 .b2div{ float: left; border-left: 1px solid #e5e5e5; margin-left: 18px; padding-left: 18px; margin-top: 10px;} .b2 .b2div p{ color:#666666; } .b2{ padding-top: 180px; padding-bottom: 80px; } .b3{ background: #f8f8f8; padding-top: 65px; overflow: hidden; } .b3 .b3text .b3ti{ font-size: 35px;font-weight: bold; position: relative; padding-left: 25px; color:#252525; } .b3 .b3text .b3ti::before{ content: ""; width: 7px; height: 31px; background: #33a25f; position: absolute; left: 0;margin-top: 4px;} .b3 .b3text p{ color:#666666; line-height: 35px; margin-top: 40px;padding-left: 25px; } .b3ul{ padding: 70px 0; padding-bottom: 90px; background: #fff; position: relative; margin-top: 52px; margin-bottom: 52px; } .b3ul::before{ content: ""; position: absolute; width: 140%; margin-left: -10%; height: 100%; background: #fff; left: 0; top: 0; } .b3ul li{ float: left;margin-right: 170px; position: relative; z-index: 1;} .b3ul li:last-child{ margin-right: 0; } .b3ul li>img{ float: left; } .b3ul li .b2nu{ float: left; font-size: 45px; font-weight: bold; color:#33a25f; margin-left: 6px; } .b3 .b2div{ float: left; border-left: 1px solid #e5e5e5; margin-left: 18px; padding-left: 18px; margin-top: 10px;} .b3 .b2div p{ color:#666666; } .b3 .picScroll-left{ margin-top: 20px; padding-bottom: 90px; } .b3 .picScroll-left .bd ul li{ width:400px; margin-right: 30px; } .b3 .picScroll-left .bd ul li .pie1{ font-size: 16px; color:#252525; font-weight: bold; margin-left: 0px; padding-left: 18px; position: relative; margin-bottom: 20px; } .b3 .picScroll-left .bd ul li .pie1::before{ content: ""; width: 3px; height: 19px; background: #33a25f; position: absolute; left: 0;margin-top: 5px; } .b3 .picScroll-left .bd ul li .pic{ position: relative; } .b3 .picScroll-left .bd ul li .pic>img{ display: block; width: 100%; height: auto; } .b3 .picScroll-left .bd ul li .pic p{ position: absolute; bottom:20px; width: 100%; color:#ffffff; padding-left: 27px; } .b3 .picScroll-left .bd ul li .pic p img{ display: inline-block; vertical-align: middle; margin-right: 5px; } .b3 .picScroll-left .hd{ position: absolute; width: 120%; margin-left: -90px;margin-top: -170px;} .b3 .picScroll-left .hd .prev{ background: url("../i/ble2.png") no-repeat center #fff; border-radius: 50%; position: relative; width: 62px; float: left;} .b3 .picScroll-left .hd .next{ background: url("../i/ble1.png") no-repeat center #fff;border-radius: 50%; position: relative; width: 62px; margin-top: 15px; float: right; } .b3 .picScroll-left .hd .prev:hover{ background: url("../i/bri2.png") no-repeat center #33a25f; } .b3 .picScroll-left .hd .next:hover{ background: url("../i/bri1.png") no-repeat center #33a25f; } .b4 .br1t::before { margin-top: 10px; } #b4ul{ text-align: center; position: relative; margin: 45px 0;} #b4ul li{ /*width:273px;*//*width:174px;*/width:142px; margin: 0 10px; display: inline-block; height: 100%; position: relative; z-index: 9; cursor: pointer; } /*#b4ul li:nth-child(1){ top: 30px; } #b4ul li:nth-child(3){ top: -30px; }*/ /*#b4ul li:nth-child(1){bottom:-30px;} #b4ul li:nth-child(2){bottom:-15px;} #b4ul li:nth-child(4){top:-15px;} #b4ul li:nth-child(5){top:-30px;}*/ #b4ul li:nth-child(1){bottom:-30px;} #b4ul li:nth-child(2){bottom:-20px;} #b4ul li:nth-child(2){bottom:-10px;} #b4ul li:nth-child(4){top:-10px;} #b4ul li:nth-child(5){top:-20px;} #b4ul li:nth-child(6){top:-30px;} #b4ul li .b4ti{ color:#252525; font-size: 18px; transition: .5s; line-height: 36px; } #b4ul li .b4ti span{color:#252525; /*font-size: 24px;*/font-size:22px; margin-right: 8px; position: relative; top: 3px; font-weight: bold; } #b4ul li .b4ti2{ color:#252525; font-size: 18px; } #b4ul li::before{ content: ""; width: 100%; height: 30px; border-radius: 5px; background: #f8f8f8; position: absolute; left: 0; top: 45px; transition: 1s; } #b4ul li::after{ content: ""; width: 0%; height: 30px; border-radius: 5px; background: #33a25f; position: absolute; left: 0; top: 45px; } #b4ul li::before{ background: url("../i/sv1.png") no-repeat right; height: 45px; } #b4ul li.off,#b4ul li::after{ background: url("../i/sv2.png") no-repeat right; width: 0%; height: 45px; } #b4ul li.on::after{ width: 100%; transition: 3s;} #b4ul .prev{ background: url("../i/ble2.png") no-repeat center #f8f8f8; border-radius: 50%; position: relative; width: 100%; width: 47px; height: 47px; position: absolute; margin-top: 30px; top: 0; left: 0;} #b4ul .next{background: url("../i/ble1.png") no-repeat center #f8f8f8;border-radius: 50%; position: relative; width: 100%; width: 47px; height: 47px; margin-top: 30px; position: absolute; top: 0; right: 0; } #b4ul .prev:hover{ background: url("../i/bri2.png") no-repeat center #33a25f; } #b4ul .next:hover{ background: url("../i/bri1.png") no-repeat center #33a25f; } /* #b4ul ul::before{ content: ""; position: absolute; width: 00%; height: 100%; transition: .5s; background: url("../i/b16.png") no-repeat left; left: 0; } */ #b4ul li.on .b4ti{ color:#33a25f; } /* #b4ul.on1 ul::before{ width: 27%; } #b4ul.on2 ul::before{ width: 52%; } #b4ul.on3 ul::before{ width: 100%; } */ #b4ul ul{ width: 972px; height: 120px; margin: auto;position: relative; } .b4 .b4text{ position: relative; } .b4 .b4text .fl{ width: 826px; height: 500px; background: #f8f8f8; } .b4 .b4text .ri{ position: absolute; right: 0; margin-top: 60px; } .b4 .b4flt{ padding-left: 47px; padding-top: 18px; margin-top: 30px; width: 473px; padding-right: 50px; overflow-y: auto;height: 390px; } .b4 .b4flt::-webkit-scrollbar { width: 1px; height: 1px; background-color: #33a25f; } /*定义滚动条轨道 内阴影+圆角*/ .b4 .b4flt::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #e5e5e5; border-radius: 10px; background-color: #e5e5e5; } /*定义滑块 内阴影+圆角*/ .b4 .b4flt::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px #33a25f; background-color: #555; } .b4nu{ font-size: 24px; font-weight: bold; color:#33a25f; margin-bottom: 70px; } .b4nu2{ color:#252525; font-size: 20px; margin-bottom: 35px; font-weight: bold; } .b4nu3{ color:#252525; font-size: 20px; margin-bottom: 0px;font-weight: bold; } .b4nu2::before{ content: "";width: 13px; height: 2px; background: #33a25f; position: relative; display: block; top: -8px; } .b4nu3::before{ content: "";width: 13px; height: 2px; background: #33a25f; position: relative; display: block; top: -8px; } .b4at{ margin-top: 10px; margin-bottom: 20px; } .b4at p{ color:#666666; line-height: 35px; } .b4 .b4text .ri{ overflow: hidden; } .b4 .b4text .ri .b4ns{ position: absolute; bottom: 0; width: 100%; font-size: 150px; color: rgba(255,255,255,.3); right: 0; margin-bottom: -80px; text-align: right;} .b4{ margin-bottom: 70px; margin-top: 40px; } .Ny .foot{ background: url("../i/xlx.jpg") no-repeat bottom #252525; } .Ny .foot .fl1 .f1p1{ color:#fff;} .Ny .foot .fl1 .f1p2 li .f1ti{color:#767676; } .Ny .foot .fl1 .f1p2 li:nth-child(1) .pic{ background: url("../i/a231.png") no-repeat center; } .Ny .foot .fl1 .f1p2 li:nth-child(2) .pic{ background: url("../i/a241.png") no-repeat center; } .Ny .foot .fl1 .f1p2 li:nth-child(3) .pic{ background: url("../i/a251.png") no-repeat center; } .Ny .foot .fl1 .f1p2 li:nth-child(4) .pic{ background: url("../i/a261.png") no-repeat center; } .Ny .foot .fl1 .f1p2 li:nth-child(5) .pic{ background: url("../i/a271.png") no-repeat center; } .Ny .foot .fl2b .fl2a .fte1{ color:#fff; } .Ny .foot .ri1 .tel{ color:#fff; } .Ny .foot .ri1 .tel span{ background: url("../i/a281.png") no-repeat center; } .Ny .Cesma{ border-top: 1px solid #212121; } .c1ul{ margin-top: 80px; margin-bottom: 70px; } .c1ul li{ width: 375px; height: 557px; background: #f8f8f8; transition: .5s; padding: 25px; box-sizing: border-box; float: left; margin-left: 12px; margin-right: 12px; } .c1ul li.on{ background: url("../i/b2.jpg") no-repeat center; background-size: 100% 100%;} .c1ul li .fl{ writing-mode:tb-rl; text-transform: uppercase;font-size: 20px; color: rgba(0,0,0,.2); font-weight: bold; transition: .5s; } .c1ul li .ri .rti1{ color:#252525; font-weight: bold; font-size: 20px; padding-top: 29px; padding-bottom: 39px; transition: .5s;} .c1ul li .ri .rti1::before{ width: 19px; height: 1px; background: #c6c6c6; content: ""; position: absolute; margin-top: 50px;transition: .5s; } .c1ul li .ri .rti2{ color:#666666; line-height: 27px; transition: .5s;} .c1ul li.on .ri .rti1{ color:#ffffff; } .c1ul li.on .ri .rti2{ color:#ffffff; } .c1ul li.on .ri .rti1::before{ background:#ffffff; } .c1ul li.on .fl{ color: rgba(255,255,255,.1);} .c2d{ } .c2{ background: #f8f8f8; padding-top: 40px; padding-bottom: 65px; } .c2d .fl .En{ font-size: 20px; color: rgba(0,0,0,.2); text-transform: uppercase; font-weight: bold; } .c2d .fl .title{ color:#252525; font-size: 20px; margin-top: 110px; } .c2d .fl .title::before{ color:#cccccc; content:""; width: 19px; height: 1px; background: #cccccc; display: block; position: absolute; margin-top: 45px; } .c2d .fl{ padding-left: 68px; margin-top: 20px; } .c2d{ padding: 30px; background: #fff; margin-top: 24px; } .c2d .ent{ margin-top: 26px; line-height: 35px; } .c2dl2 .ri{ float: left; } .c2dl2 .fl{ float: right; padding-left: 0; padding-right: 68px; } .c2dl2 .fl .title{ text-align: right; margin-top: 50px; position: relative; } .c2dl2 .fl .ent{ text-align: right;} .c2dl2 .fl .title::before { right: 0;} .d1 .picScroll-left{margin-top: 70px; position: relative; } .d1{ background: #f8f8f8;padding-bottom:70px; } .d1 .picScroll-left ul{ text-align: center; } .d1 .picScroll-left li{ width: 342px; height: 380px; background: #fff; margin-right: 15px !important; float: none !important; display: inline-block; } .d1 .picScroll-left li .pic{ text-align: center; margin-top: 30px; } .d1 .picScroll-left li .ta1{ color:#252525; font-size: 20px; line-height: 35px; padding-left: 38px; padding-right: 38px; margin-top: 30px; } .d1 .picScroll-left .hd{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 47px; } .d1 .picScroll-left .hd .prev{ background: url("../i/ble2.png") no-repeat center #fff; border-radius: 50%; position: relative; width: 100%; width: 47px; height: 47px; position: absolute; margin-top: 30px; top: 0; left: 0;} .d1 .picScroll-left .hd .next{background: url("../i/ble1.png") no-repeat center #fff;border-radius: 50%; position: relative; width: 100%; width: 47px; height: 47px; margin-top: 30px; position: absolute; top: 0; right: 0; } .d1 .picScroll-left .hd .prev:hover{background: url("../i/bri2.png") no-repeat center #33a25f; } .d1 .picScroll-left .hd .next:hover{background: url("../i/bri1.png") no-repeat center #33a25f; } .e1 .picScroll-left .bd{ overflow: hidden; } .e1 .picScroll-left li .pic{ transition: .5s; } .e1 .picScroll-left li .pic img{ display: block; } .e1 .picScroll-left li.on .pic{ border: 5px solid #33a25f; box-sizing: border-box; } .d2ul{ text-align: center; padding-top: 66px; margin-bottom: 60px; } .d2ul li{ width: 147px; height: 52px;line-height: 52px; text-align: center; display: inline-block; margin-left: 10px; margin-right: 10px; cursor: pointer; font-size: 18px; background: url("../i/b2.jpg") no-repeat center; background-size: 100% 100%; border-radius: 10px; color:#fff; } .d2ul li.on{} .d2div { text-align: center;} .d2div .d2txt{ display: inline-block; text-align: center;margin: 10px 0; width: 33%; vertical-align: top; } .d2div .d2txt .pic img{ max-width: 80%; } .d2txt .fl{ width: 600px; border-left: 1px solid #e5e5e5; padding-top: 10px; padding-bottom: 10px; } .d2txt .fl p{ font-size: 18px; padding-top: 1px; padding-bottom: 1px; margin-top: 8px; margin-bottom: 8px; padding-left: 25px; transition: .5s; } .d2txt .ri{ background: #f8f8f8; width: 362px; height: 502px; text-align: center;} .d2txt .ri img{ display: none; } .d2txt .fl p.on{ border-left: 3px solid #33a25f; color:#289d53; } .d2txt .ri img{ margin: auto; position: relative; top: 50%; transform: translateY(-50%);} .d2div .d2txt .title{ font-size: 14px; margin-top: 15px; } .e1{ background: #fff; } .d2{ margin-bottom: 60px; } .e1div{ width: 100%; height: 700px; position: relative; overflow: hidden; margin-top: 76px; } .e1div .e1zt{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5);z-index: 999;} .e1div video{ height: 100%; } .e1div .pic{ height: 100%; } .Ny0 .m2{ min-height: 500px; } .e1 .e1div .e1zt{ text-align: center; } .e1 .e1div .e1zt .e1ti{ color:#ffffff; font-size: 24px; font-weight: bold; position: absolute; width: 100%; top: 40%; } .e1 .e1div .e1zt .e1pic{ position: absolute; width: 100%; top: 50%; } .e1 .picScroll-left li{ width: 390px; margin-left: 0; } .e1 .picScroll-left li img{ width: 100%; height: auto; } .e1 .picScroll-left li .ta1{ padding-left: 0; padding-right: 0;text-align: center; margin-top: 18px; } .e1 .picScroll-left .hd{ width: 115%; margin-left: -7%;top: 35%; } .e1 .picScroll-left .hd a{ margin-top: 0 !important; border: 1px solid #50af76; } .e1 .picScroll-left{ margin-top: 0; } .f1div{ background: url("../i/d1.jpg") no-repeat center; height: 657px; position: relative; } .f1div .a5ul li{ width: 28%; margin-left: 4%; margin-right: 1%; } .f1 .f1ti{ color:#252525; font-size: 35px;font-weight: bold; } .f1 .f1ti2{ color: rgba(153,153,153,.5); font-size: 20px; text-transform: uppercase; } .Ny2 .cen{ width: 1400px; } .Ny2 .foot .cen{ width: 1720px;} .f1{padding-top: 50px; margin-bottom: 77px; } .f1ti2{ margin-bottom: 36px; } .f2{ padding-top: 70px; } .f2 .fl{ width: 323px; height: 584px; } .f2 .fl li{ height: 194px; border-bottom: 1px solid #459b6c; padding-top: 47px; padding-left: 29px; box-sizing: border-box; position: relative; background: url("../i/f3.jpg") no-repeat center; background-size: 100% 100%;} .f2 .fl li .f2t{ font-size: 24px; color:#fff; } .f2 .fl li .f2t1{text-transform: uppercase; font-size: 16px; color: rgba(255,255,255,.5); margin-top: 6px; } .f2 .fl li.on{ background: url("../i/f2.ipg") no-repeat center; background-size: 100% 100%; } .f2 .fl li .mores{ width: 51px; height: 30px; border-radius: 20px; background: rgba(255,255,255,.2); text-align: center; position: absolute; top: 50%; display: none; margin-top: -15px; right: 24px; line-height: 30px;} .f2 .fl li.on .mores{ display: block; } .f2 .fl li .f2t1::before{ content: ""; position: absolute; width:31px; height: 5px; background: #ffffff; margin-top: 45px;} .f2 .fl li.on{ background:url("../i/f2.jpg") no-repeat center; } .f2 .ri{ width: 1076px;} .f2 .ri .f2div:hover .moren .Fuh{ width: 60px; background: url("../i/more-1.png") no-repeat right;} .f2div{ overflow: hidden; } .f2div .fl{ width: 445px; height: 583px; background: #f8f8f8; padding-left: 60px;padding-right: 60px; padding-top: 46px; box-sizing: border-box; } .f2div .fl .f2dt{ color:#33a25f; font-weight: bold; font-size: 24px; text-transform: uppercase; } .f2div .fl .f2mt{ color:#252525; font-size: 30px; font-weight: bold; margin-top: 28px; margin-bottom: 28px; } .f2div .fl .f2text{ line-height: 32px; color:#666666; max-height: 192px; overflow: hidden; } .f2div .fl .moren{ text-transform: uppercase; margin-top: 55px; } .f2div .fl .moren .Fuh{display: inline-block; background: url("../i/morf.png") no-repeat right; width: 42px;height: 11px;margin-left: 13px; transition: .5s; } /* .a8 .ri .a8ul li:hover .te1{color:#33a25f; } */ /* .a8 .ri .a8ul li:hover .Moren .Fuh{background: url("../i/more-1.png") no-repeat right; width: 50px; } */ .f2div .ri{ position: absolute; margin-left: 445px; } .f2{ overflow: hidden; position: relative;} .f3ul{ text-align: center; margin-top: 76px; margin-bottom: 64px; white-space: nowrap; overflow-x: auto; padding-bottom: 20px; } .f3ul li{ display: inline-block; width: 300px; margin: 0 30px; vertical-align: top; } .f3ul li .title{color:#252525; font-size: 18px; margin-top: 40px; } .f3ul li .ftie{color:#999999; font-size:16px; text-transform: uppercase; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .f3ul::-webkit-scrollbar { width: 2px; height: 2px; background-color: #33a25f; } /*定义滚动条轨道 内阴影+圆角*/ .f3ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #e5e5e5; border-radius: 10px; background-color: #e5e5e5; } /*定义滑块 内阴影+圆角*/ .f3ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px #33a25f; background-color: #555; } .f4{ background: #f8f8f8; margin-bottom: 0; padding-bottom: 70px; } .f4div .fl{ width: 250px; } .f4div .fl li{ line-height: 25px; padding:15px 0;text-align: center; background: #fff; margin-bottom: 7px;} .f4div .fl li a{display: block; } .f4div .fl li.on{ background: url("../i/b2.jpg") no-repeat center; background-size: 100%;} .f4div .fl li.on a{ color:#fff; } .f4ri{ position: absolute; width: 357px; height: 40px; right: 0; top: 42px; } .f4 .cen{ position: relative; } .f4ri .input_txt{ width: 217px; border: none; height: 40px; line-height: 40px; color:#999999; margin-left: 48px; } .f4ri form{ background: url("../i/f8.jpg") no-repeat 20px 50% #fff; border-radius: 20px; width: 100%; height: 100%; } .f4ri .input_but{ background: url("../i/b2.jpg") no-repeat center; background-size: 100% 100%; height: 40px; cursor: pointer; text-align: center; line-height: 40px; width: 88px; border: none; color:#ffffff; float: right; border-radius: 10px; } .f4div .ri li{ width: 362px; height: 450px; background: #fff; float: left; margin-right: 26px; margin-bottom: 34px; transition: .5s; } .f4div .ri{ width: 1140px; } .f4div .ri ul{ margin-right: -26px; } .f4div .ri li .pic{ text-align:center; margin-top: 40px; } .f4div .ri li .pic img{ max-width:100%; } .f4div .ri li .title{ padding-left: 21px; padding-right: 21px; color:#252525; margin-top: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;} .f4div .ri li .ftile{ padding-left: 21px; padding-right: 21px; color:#666666; font-size: 14px; line-height: 27px; margin-top: 10px; height: 54px; overflow: hidden; } .f4div .ri li .mor{ padding-left: 21px; padding-right: 21px; margin-top: 15px; text-align: center; padding-top: 1px;font-size: 0;} .f4div .ri li .mor a{width: 45%; display: inline-block;margin: 0 2%;} .f4div .ri li .mor::before{ content: ""; width: 100%; height: 1px; background: #e5e5e5; display: block; margin-bottom: 19px; } .f4div .ri li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2); border-bottom: 2px solid #33a25f; box-sizing:border-box; } .f4div .ri li:hover .title{ color:#33a25f; } .f4div .ri li:hover .mor{ color:#33a25f; } .f4div .ri li .mor a:hover{ color:#33a25f;} .f5pt1{ color:#252525; font-weight: bold; font-size: 35px; position: relative; padding-left: 24px; } .f5pt1::before{ content: ""; position: absolute; width: 7px; height: 32px; background: #33a25f; top: 50%; left: 0; margin-top: -16px; } .fpte{ padding-left: 24px; line-height: 35px; color:#666666; margin-top: 22px; } .Ny3 .cen{ width: 1200px; } .f5{ padding-top: 55px; } .Ny3 .fla2{ max-width: 560px; overflow-x: scroll; transition: .5s; } .Ny3 .fla2 ul{white-space: nowrap; } .Ny3 .fla2 ul li{ float: none; display: inline-block; } .Ny3 .Lanm{ overflow: hidden; } .Cps5s .fla2 li{ padding-left: 14px; padding-right: 14px; } .fla4{ float: left; width: 44px; margin-left: 20px; margin-top: 32px;} .fla4 .prev{background: url("../i/ble2.png") no-repeat center #fff; width: 13px; height: 21px; float: left; cursor: pointer;} .fla4 .next{background: url("../i/ble1.png") no-repeat center #fff; width: 13px; height: 21px; float: right; cursor: pointer; } .Tywz{ position: absolute; color:#fff; font-size: 14px; transition: .5s; } .Tywz .yq21a{ color:#fff; font-size: 14px; display: none; transition: .5s; } .Tywz:hover .yq21a{ display: block;text-shadow: 0 2px 0 rgb(0, 0, 0,.5); } .Tywz:hover{ text-shadow: 0 2px 0 rgb(0, 0, 0,.5); } .f6nav{ border-bottom: 1px solid #e5e5e5; margin-top: 76px; text-align: center; } .f6nav p{ display: inline-block; margin: 0 70px; font-size: 30px; font-weight: bold; padding: 20px 0; cursor: pointer; position: relative; top: 1px; } .f6nav p:hover{ border-bottom: 1px solid #009944; color:#33a25f;} .f6nav p.on{ border-bottom: 1px solid #009944; color:#33a25f; } .slideBoxa{width: 100%; } .f6nest>div:nth-child(1){ padding-top: 60px; } .f6nest .dv1{ margin-bottom: 60px; } .f6nest .dv1 .fl{ width: 755px; padding-left: 28px; margin-top: 32px; height: 340px; overflow-y: scroll; padding-right: 80px; box-sizing: border-box; } .slideBoxa li .ri .text.on{ position: relative; top: 50%; transform: translateY(-50%);} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .slideBoxa li .ri::-webkit-scrollbar { width: 1px; height: 1px; background-color: #33a25f; } /*定义滚动条轨道 内阴影+圆角*/ .slideBoxa li .ri::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #e5e5e5; border-radius: 10px; background-color: #e5e5e5; } /*定义滑块 内阴影+圆角*/ .slideBoxa li .ri::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px #33a25f; background-color: #555; } .f6nest .dv1 .fl p strong{font-weight: bold; display: block; position:relative; } .f6nest .dv1 .fl p strong::before{ content: ""; position: absolute; width: 6px; height: 6px; background: #33a25f; border-radius: 50%; left: 0; top: 0; margin-left: -12px; margin-top: 6px;} .f6nest .dv1 .fl p{margin-bottom: 10px; } .f6nest .dv1 .pic{ float: right; width: 374px; text-align: center; margin-top: 0px; } .cpys::before{ background: #f8f8f8; position: absolute; content: ""; width: 200%; height: 100%; left:-50%; margin-top: -60px; } .cpys{ position: relative; padding: 60px 0;} .cpys .dv2{ position: relative; z-index: 9; } .cpys .dv2 ul{ margin-right: -75px; } .cpys .dv2 li{width: 400px; margin-right: 15px; margin-top: 90px; display:inline-block;vertical-align:top;} .cpys .dv2 li:hover .pic::before { background: rgba(51,162,95,.2); } .cpys .dv2 li:hover .pic{border: 1px solid rgba(51,162,95,.2); } .cpys .dv2 li .pic{ float: left; width: 62px; height: 62px; position: relative; border: 1px solid #fff; border-radius: 50%; transition: .5s; } .cpys .dv2 li .pic::before{ content: ""; position: absolute; left: 50%; top: 50%; width: 53px; height: 53px; border-radius: 50%;transition: .5s; background: #fff; transform: translate(-50%,-50%);} .cpys .dv2 li .pic img{ position: absolute;margin-top: -10px; margin-left: 15px; } .cpys .dv2 li .time{ float: left; line-height: 30px; color:#252525; margin-left: 32px; max-width: 300px;} .f6{ overflow: hidden; } .yycj{padding: 55px 0;} .yycj .dv2{ } .g1ul li{ width: 230px; float: left; transition: 1s; overflow: hidden; } .g1ul li.on{ width: 710px;} .g1ul li .icon{ overflow: hidden; height: 45px; } .g1ul li .icon img{ } .g1{ padding-top: 66px; margin-bottom: 90px; } .g1ul li .ift{ color:#252525; font-size: 30px; font-weight: bold; margin-top: 20px; } .g1ul li .pic{ position: relative;margin-top: 26px; } .g1ul li .pic .text{ position: absolute; bottom: 30px; padding: 0 38px; display: none;} .g1ul li .pic .text .en1{color: rgba(255,255,255,.3); font-size: 24px; text-transform: uppercase; font-weight: bold; padding-bottom: 65px; } .g1ul li .pic .text .en1::before{ width: 30px; height: 2px; background: rgba(255,255,255,.3); position: absolute; content: ""; margin-top:64px;} .g1ul li .pic .text .en2{ color:#ffffff; line-height: 35px; margin-bottom: 28px; } .g1ul li .pic .text .moren{text-transform: uppercase; color:#a6a7a6; } .g1ul li .pic .text .moren .Fuh{display: inline-block; background: url("../i/more.png") no-repeat right; width: 42px;height: 11px;margin-left: 13px; transition: .5s; } .g1ul li.on .pic .text{ display: block; } .g1ul li:hover .pic .text .moren .Fuh{background: url("../i/more-1.png") no-repeat right; width: 52px; } .g2{ margin-top: 95px; } .g2 .cen{ position: relative; } .g2 .cen::before{ position: absolute; right: 0; width: 150%;background: #f8f8f8; height: 447px; content: ""; } .g2 .fl{ width: 818px; height: 421px;position: absolute; margin-top: 60px;z-index: 9} .g2 .fl img{ width: 100%; height: 100%; display: block; } .g2 .ri{ width: 480px; height: 565px; background: url("../i/f2.jpg") no-repeat center; margin-top: -38px; background-size: 100% 100%; z-index: 8; position: relative; padding-left: 140px; box-sizing: border-box; padding-top: 48px; } .g2 .ri .fbt1{ text-transform: uppercase; font-size: 20px; font-weight: bold;color: rgba(255,255,255,.3); } .g2 .ri .fbt2{ font-size: 35px; font-weight: bold;color: #ffffff; } .g2 .ri .bt{ border-left: 7px solid #ffffff; padding-left: 16px; } .g2 .ri .next{ line-height: 35px; color:#fff;margin-top: 76px; padding-right: 20px; margin-right: 25px; } .g3{ margin-top: 35px; } .g4{ margin-top: 60px; margin-bottom: 70px; } .g3 .pic{ margin-top: 40px; } .g4ul li{ width: 350px; display: inline-block; vertical-align: top; position: relative; padding-left: 40px; margin-top: 49px; } .g4ul li::before{ position: absolute; content: ""; width: 1px; height: 100%; background: #33a25f; left: 25px; } .g4ul li p:nth-child(1){ color:#252525; font-weight: bold; font-size: 20px; } .g4ul li p:nth-child(2){ color:#666666; font-size: 16px; line-height: 30px; margin-top: 10px; } .g5ul{ margin-top: 35px; } .g5ul li{ text-align: center; height: 236px; box-sizing: border-box; margin-bottom: 25px; } .g5ul li .fl{ display: table; width: 215px; margin-left: 120px; box-sizing: border-box; text-align: left; position: relative; top: 50%; transform: translateY(-50%);} .g5ul li .fl .tu1{ display: inline-block; vertical-align: middle; } .g5ul li .fl .tu2{ display: none;} .g5ul li .fl .sp2{ color:#252525; font-size: 20px; font-weight: bold; margin-left: 14px; } .g5ul li .ri{ float: none; display: table;position: relative; top: 50%; transform: translateY(-50%) ;width: 798px; text-align: left; line-height: 35px; color:#666666; } .g5ul li:nth-child(1){ background: url("../i/g6.jpg") no-repeat left; } .g5ul li:nth-child(2){ background: url("../i/g7.jpg") no-repeat left; } .g5ul li:nth-child(3){ background: url("../i/g8.jpg") no-repeat left; } .g5ul li:hover .tu2{ display: inline-block;vertical-align: middle; } .g5ul li:hover .tu1{ display: none; } .g5ul li:hover .sp2{ color:#fff; } .g5ul li:hover .ri{ color:#fff; } .g5ul li:hover:nth-child(1){ background: url("../i/g6a.jpg") no-repeat left; } .g5ul li:hover:nth-child(2){ background: url("../i/g7a.jpg") no-repeat left; } .g5ul li:hover:nth-child(3){ background: url("../i/g8a.jpg") no-repeat left; } .g6{ margin-bottom: 75px; margin-top: 70px; } .g6 .picScroll-left { position: relative; overflow: hidden;} .g6 .picScroll-left .bd ul li{ width: 100%; } .g6 .picScroll-left .bd ul li .fl{ width: 460px; padding-left: 25px; } .g6 .picScroll-left .bd ul li .fl .title{ color:#252525; font-size: 20px; font-weight: bold; margin-top: 54px; padding-left: 26px; background: url("../i/ryin.jpg") no-repeat left; margin-bottom: 26px; } .g6 .picScroll-left .bd ul li .ri{ width: 640px; height: 392px; margin-top: 50px; } .g6 .picScroll-left .bd ul li .ri img{ display: block; width: 100%; height: 100%; } .g6 .picScroll-left .bd ul li .smt{ color:#666666; line-height: 35px; height: 280px; } .g6 .picScroll-left .bd ul li .moren{ width: 148px; height: 55px; line-height: 55px; text-align: center; background: #33a25f; color:#fff; border-radius: 15px; font-size: 18px; } .g6 .picScroll-left .pageState{color:#999999; } .g6 .picScroll-left .hd{ position: absolute; width: 120px; bottom: 15px; left: 340px; z-index: 999999; } .g6 .picScroll-left .pageState span{color:#999999; } .g6 .picScroll-left .hd .prev{ } .g6 .picScroll-left .hd .prev{ background: url("../i/g13.png") no-repeat left; width: 13px; right: 30px; left: auto; height: 10px;top: 7px; } .g6 .picScroll-left .hd .next{ background: url("../i/g12.png") no-repeat right; width: 13px; height: 10px; top: 7px;} .g6 .picScroll-left .hd .prev:hover{ background: url("../i/g13a.png") no-repeat left;} .g6 .picScroll-left .hd .next:hover{background: url("../i/g12a.png") no-repeat right; } .g6 .picScroll-left::before{ content: ""; position: absolute; width: 640px; height: 392px; background: #f8f8f8; right: 0; bottom: 0; margin-right: -15px; margin-bottom: -15px; } .g6 .picScroll-left{ position: relative; overflow: inherit; } .g6 .picScroll-left .bd ul li .ri{ position: relative; } .g6 .picScroll-left .bd ul li .ri img{ position: relative; z-index: 99; } .h2{ margin-top: 66px; } .h2 .f5pt1{ margin-bottom: 32px; } .h2 .text{ color:#666666; line-height: 32px; padding-left: 24px; box-sizing: border-box; } .g5a{ background: #f8f8f8; padding-top: 80px;padding-bottom: 70px; } .g5a .f5pt1{ margin-bottom: 40px; } .g5aul li{ width: 50%; float: left;margin-bottom: 30px; } .g5aul{ overflow: hidden; } .g5aul li .fl{ width: 47px; } .g5aul li .ri{ width: 500px; margin-left: 10px; float: left; } .g5aul li .ri .t{ font-weight: bold; font-size: 20px; color:#252525; } .g5aul li .ri .ft{ color:#666666; line-height: 30px; margin-top: 5px; } .h4 .f5pt1{ margin-bottom: 46px; } .h4{ margin-top: 40px; } .h4 img{ max-width: 100%; } .h4ul{ position: relative; } .h4 .h4ul .h4mn{ position: absolute; width: 100%; margin-top: 70px; } .h4 .h4ul>ul>li{ padding-left: 25px; padding-right: 25px; height: 60px; display: inline-block; position: relative; color:#252525; font-size: 20px; font-weight: bold; } .h4 .h4ul>ul>li.on{color:#33a25f; } .h4 .h4ul>ul>li.on::before{ content: ""; width: 19px; height: 9px; background: url("../i/h3.png") no-repeat center; left: 50%;bottom: 0px; position: absolute; transform: translateX(-50%); margin-bottom: -7px; } .h4 .h4ul .h4mn .txt div p{ font-size: 18px; color: #fff; margin-bottom: 20px; margin-top: 20px; } .h4 .h4ul .h4mn .txt div ul li{ width: 195px; height: 136px; float: left; background: rgba(0,0,0,.5); margin-right: 6px; margin-bottom: 15px; text-align: center;color:#ffffff; position: relative;padding-top: 45px; box-sizing: border-box; font-size: 18px; } .h4 .h4ul .h4mn .txt div ul li::before{ content: ""; position: absolute; width: 10px; height: 2px; background: #33a25f; left: 50%; transform: translateX(-50%); margin-top: 47px; } .h4 .h4ul .h4mn .txt div ul{ margin-right: -6px; overflow: hidden; } .h4>img{ display: block; } .h5t1 li{ color:#252525; font-size: 20px; margin-right: 58px; float: left; } .h5t1{ padding-left: 27px; margin-top: 33px; margin-bottom: 30px; } .h5{ padding-top: 0px; padding-bottom: 65px; } .h5div li{ float: left; width: 370px; height: 110px; background: #f8f8f8; padding-left: 25px; box-sizing: border-box; cursor: pointer; border-radius: 10px; margin-right: 18px;margin-bottom: 20px; } .h5div li .fl{ width: 38px; margin-top: 38px; } .h5div li .fl img{ max-width: 100%; } .h5div li .fl .tu2{ display: none; } .h5div li .ri{ float: left; margin-top: 27px; margin-left: 26px; } .h5div li .ri .title{ color:#252525; font-size: 18px; } .h5div li .ri .muen{ width: 42px; height: 11px; background: url("../i/morec.png") no-repeat left; margin-top: 17px; } /* 本例子css */ .slideBox{ width:100%; height:375px; position:relative; background: url("../i/f2.jpg") center no-repeat; background-size: 100% 100%; margin-top: 76px; } .slideBox .bd{ position:relative; z-index:0; } .slideBox .bd li{ } .slideBox .bd li .fl{ width: 613px; height: 374px; margin-left: 26px; margin-top: -36px; } .slideBox .bd li .fl img{ display: block; max-width: 100%; height: auto; } .slideBox .bd li .ri{ float: left; margin-left: 47px; width: 448px; margin-top: 46px; height: 262px;overflow: hidden; } .slideBox .bd li .ri .til{ color:#ffffff; font-size: 24px; font-weight: bold; margin-top: 10px; } .slideBox .bd li .ri .ti2{ color:#ffffff; font-size: 16px; margin-top: 10px; line-height: 27px; } .slideBox .bd img{ display: block; } .slideBox .hd{ position:absolute; bottom: 20px; left: 57%; } .slideBox .hd li{ width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.5); text-align: center; line-height: 23px; color:#fff; display: inline-block; margin-right: 9px; position:relative; z-index: 9; } .slideBox .hd li.on{ background: #fff; } .slideBox .bd li a:hover .Mkes{ display: flex; } /* 下面是前/后按钮代码，如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; top:50%; margin-top:-25px; display:none; width:65px; height:65px; filter:alpha(opacity=10);opacity:0.1; border-radius: 50%; } .slideBox .next{ background:url("/i/right.png") center no-repeat #333;margin-right: -70px; right: 0; left: auto;} .slideBox .prev{ background:url("/i/left.png") center no-repeat #333; margin-left: -80px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=50);opacity:.5; } .dv0{width: 100%; position: relative; } .dv0::before{ background: #f8f8f8; position: absolute; content: ""; width: 200%; height: 100%; left:-50%; margin-top: -70px; } .dv0 .slideBoxa{ position: relative; z-index: 9; } .dv0 .f5pt1{ z-index: 9; } .f7{ padding: 40px 0; background: #f8f8f8; margin-top: 20px; } .f7 .f7li{ text-align: center;margin-top: 46px; cursor: pointer; margin-bottom: 20px; } .h5div li{ } .h5div li:hover .title{ color:#33a25f;} .h5div li:hover .tu2{ display: inline-block; } .h5div li:hover .tu1{ display: none; } .h5t1 li.on{ color:#33a25f; font-size: 20px; } .h5t1 li{font-weight: bold; } .h3{ margin-top: 60px; padding: 70px 0; background: #f8f8f8; } .h3div .fl{ position: relative; z-index: 9; text-align: center;float: none; } .h3div{ margin-top: 10px; } .h3div .fl p{ width: 118px; height: 118px; box-sizing: border-box;background: #fff; border-radius: 50%; display: inline-block;vertical-align: top; margin-left: 40px; margin-right: 40px; margin-bottom: 10px; text-align: center; position: relative; font-weight: bold; } .h3div .fl p.on{ background: url("../i/a21.jpg") no-repeat center; color:#fff; } .h3div .fl p .tu1{ display: block; margin:auto; margin-top: 28px; margin-bottom: 14px; } .h3div .fl p .tu2{ display: none; margin:auto; margin-top: 28px; margin-bottom: 14px;} .h3div .fl p.on .tu1{ display: none; } .h3div .fl p.on .tu2{ display: block;} .h3div .fl p::before{ position: absolute; width: 250px; display: none; background: #f8f8f8; z-index: -1; height: 100%; content: ""; position: absolute; left: 0; border-radius: 0 8px 8px 0; } .h3div .fl p.on::before{ display: block; } .h3div .ri{ padding: 46px 46px; float: none; width: 100%; padding-top: 0; margin-top: 46px; padding-bottom: 0; box-sizing: border-box; } .h3div .ri::-webkit-scrollbar { width: 2px; height: 2px; background-color: #33a25f; } /*定义滚动条轨道 内阴影+圆角*/ .h3div .ri::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #fff; border-radius: 10px; background-color: #e5e5e5; } /*定义滑块 内阴影+圆角*/ .h3div .ri::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px #33a25f; background-color: #fff; } .h3div .ri .text .Tp1{ text-align: center; } .h3div .ri .text{ } .h3div .ri .rit.on{ border-bottom: 1px solid #33a25f; color:#33a25f; } .h3div .ri .rit{ position: relative;color:#252525; font-size: 18px; font-weight: bold; display: inline-block; margin-left: 16px; margin-right: 16px; } .h3div .ri .rit1 a{ color:#666666; font-size: 16px; padding-right:25px; margin-right: 25px; display: inline-block; margin-bottom: 15px; } .h3div .ri .rit1{ padding-left: 12px; margin-top: 52px; text-align: center; } .h3div .ri .rit1 a:last-child{ border: none; } .h3div .ri .rit1{ display: none; } .h4div{ margin-top: 45px; overflow: hidden; } .h4div .h4div1{ float: left; width: 600px;} .h4div .h4div2{ float: left; width: 293px; margin-left: 7px; } .h4div .h4div3{ float: left; width: 293px; margin-left: 7px;} .h4div .f5fk{ position: relative; float: left; } .h4div .f5fk img{ display: block; } .h4div .f5fk .text{ position: absolute; width: 100%; height: auto; bottom: 5%; padding: 0 5%; box-sizing: border-box; transition: .5s; } .h4div .f5fk .text .title{ color:#fff; margin-top: 10px; } .h4div .f5fk .text .pic{ display: none; } .h4div .f5fk .text .pic img{ width: 35px; height: auto; } .h4div .smr{ display: none; line-height: 27px; color: rgba(255,255,255,.5); margin-top: 27px; position:relative; } .h4div .f5fk:hover .pic{ display: block;} .h4div .f5fk:hover .text{ bottom: 10%; } .h4div .f5fk:hover .smr{ display: block; } .h4div .f5fk:hover::before{ content: ""; position: absolute; width: 100%; height: 100%;background: url("../i/f2.jpg") no-repeat center;background-size: 100% 100%; } .h4div .h4div1 .fv2{ margin-left: 6px; margin-bottom: 6px; } .h4div .h4div1 .fv3{ margin-left: 6px; } .h4div .h4div1 .fv4{ margin-top: 6px; } .h4div .h4div3 .fv6{ margin-bottom: 6px; } .h4{ margin-bottom: 80px; } .h4div .smr::before{ content: ""; width: 10px; height: 2px; background: rgba(255,255,255,.5); position: absolute; bottom: 0; margin-bottom: -12px; } .j1{ background: #f8f8f8; margin-top: 50px; padding-top: 50px; } .j0div{ border-top: 1px solid #dfdfdf; margin-top: 40px; padding-top: 34px; } .j0div .fl{ color:#252525; font-size: 20px; margin-top: 2px; } .j0div .fl a{ color:#33a25f; font-weight: bold; font-size: 30px; } .j0div .ri .ritx{ float: left; width: 200px; } .j0div .ri .ritx .fla1{ float: left; margin-top: 2px; } .j0div .ri .ritx .fla2{ float: left; margin-left: 6px; } .j0div .ri .ritx .fla2 .p1{ font-size: 24px; color:#33a25f; font-weight: bold; line-height: 27px; } .j0div .ri .ritx .fla2 .p2{ color:#666666; } .j1div .j1pdiv p{ width: 148px; height: 55px; line-height: 55px; text-align: center; display: inline-block; margin-right: 8px; background: #fff; border-radius: 8px; font-size: 18px;} .j1div .j1pdiv p.on{ background: #33a25f; color:#fff; } .j1div>.fl{ margin-top: 65px; width: 580px; } .j2pdiv{ margin-top: 70px; } .j2pdiv ul li .fl{ margin-top: 3px;} .j2pdiv ul li .ri{ float: left; margin-left: 8px; } .j2pdiv ul li { margin-bottom: 28px; } .j2pdiv ul li .ri p:nth-child(1){ color:#252525; font-weight: bold; font-size: 20px; } .j2pdiv ul li .ri p:nth-child(2){ color:#666666; margin-top: 2px; } .j1div>.ri{ background: url("../i/a22b.png") no-repeat bottom; width: 615px; margin-top: 40px; height: 516px; position: relative;} .j1div>.ri.on0::before{content: ""; position: absolute; width: 100%; height: 100%; background: url("../i/a22a.png") no-repeat bottom;animation: name5 2s linear infinite alternate; } .j1div>.ri.on0{ background: url("../i/a22a.png") no-repeat bottom; } .j1div>.ri.on1{ background: url("../i/a22c.png") no-repeat bottom; } .j1div>.ri.on1::before{content: ""; position: absolute; width: 100%; height: 100%; background: url("../i/a22c.png") no-repeat bottom;animation: name5 2s linear infinite alternate; } @keyframes name5 { from {opacity: 0; } to {opacity: 1; } } .j2{ margin-top: 65px; margin-bottom: 65px; } .j2 .pic img{ max-width: 100%; } .j2 .pic{ margin-top: 60px; margin-bottom: 20px; } .slideBoxa .prev{background: url("../i/ble2.png") no-repeat center #fff; width: 47px; height:47px; font-size: 0; float: left; cursor: pointer; position: absolute; left: 0; top: 50%; border-radius: 50%;} .slideBoxa .next{background: url("../i/ble1.png") no-repeat center #fff; width: 47px; height: 47px; font-size: 0; float: right; cursor: pointer; position: absolute; right: 0; top: 50%; border-radius: 50%; } .slideBoxa .prev:hover{background: url("../i/bri2.png") no-repeat center #33a25f; } .slideBoxa .next:hover{background: url("../i/bri1.png") no-repeat center #33a25f; } .j3{ overflow: hidden; } .j3 .cen{ margin-top: 70px; padding-top: 40px; position: relative; } .j3 .cen::before{ background: #f8f8f8; content: ""; position: absolute; width: 150%; height: 100%; top: 0; margin-left: -50px; } .j3 .j3tie{ color:#252525; font-size: 35px; text-align: center; font-weight: bold; } .j3 .j3tm{ color:#666666; text-align: center; margin-top: 18px; margin-bottom: 26px; } .j3 .j3text{ position: relative; z-index: 99; } .forma p{ float: left; width: 550px; margin-left: 30px; } .f7 .f7li .title{ color:#666666; margin-top: 20px; } .dv0{ margin-top: 33px; padding: 70px 0; margin-bottom: 70px; } .slideBoxa li .fl{ margin-left: 146px; margin-top: 30px; } .slideBoxa li .ri{ padding-right: 80px;overflow-y: auto; box-sizing: border-box; height: 380px; width: 573px; margin-right: 146px; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .f6nest .dv1 .fl::-webkit-scrollbar { width: 1px; height: 1px; background-color: #33a25f; } /*定义滚动条轨道 内阴影+圆角*/ .f6nest .dv1 .fl::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #e5e5e5; border-radius: 10px; background-color: #e5e5e5; } /*定义滑块 内阴影+圆角*/ .f6nest .dv1 .fl::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px #33a25f; background-color: #555; } .slideBoxa li .ri p strong{font-weight: bold; display: block; position:relative; } .slideBoxa li .ri p strong::before{ content: ""; position: absolute; width: 6px; height: 6px; background: #33a25f; border-radius: 50%; left: 0; top: 0; margin-left: -12px; margin-top: 6px;} .slideBoxa li .ri p{margin-bottom: 7px;color:#666666; line-height: 27px; } .slideBoxa li .fl .tile{ text-align: center; margin-top: 24px; font-size: 24px; font-weight: bold; } .picMarquee-left{ width:100%; overflow:hidden; position:relative; } .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } .picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee-left .bd ul li .pic{ text-align:center; } .picScroll-left{ width:100%;position:relative; } .picScroll-left .tempWrap{ margin: auto;position: relative; z-index: 99999; } .picScroll-left .hd{ } .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; float:right; position: absolute; z-index: 99999; overflow:hidden; text-align: center;transition: .5s; cursor:pointer; height: 58px; width: 40px; font-size: 12px; line-height: 58px; color:#2086b5; font-size: 40px; } .picScroll-left .hd .prev{ left: 0; } .picScroll-left .hd .next{ right: 0;} .picScroll-left .bd{ } .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ float:left; _display:inline; position: relative;cursor: pointer; } .picScroll-left .bd ul li .pic{ overflow: hidden; } .picScroll-left .bd ul li:hover .pic img{ transform: scale(1.1); } .picScroll-left .bd ul li img{ transition: .5s; } .fl{ float: left;} .ri{ float: right; } .size{ background-repeat: no-repeat !important; background-position: center !important; background-size: 100% auto!important;transition: .5s; } .size:hover{ background-size: 110% auto!important;} .size img{ display: block;width: 100%; } .more.cen{ text-align: center; margin: 40px auto;} .more.cen a{ font-size: 21px; } .page{ text-align: center; margin-bottom: 25px; } .page a{ color:#616161; font-size: 20px; margin-left: 7px; margin-right: 7px; } .page a.on{ color:#33a25f; } .page .s{ border: 1px solid #666666; display: inline-block; width: 30px; transition: .5s; height: 30px; font-size: 17px; border-radius: 20px; text-align: center; line-height: 30px; box-sizing: border-box; } .page .s:hover{ background: #616161; color:#fff; } .page .s.on{ background: #616161; color:#fff;} .top{ position: absolute; width: 100%; z-index: 9; margin-top: 27px; } .top .cen{ width: 1770px; width: 94%; max-width: 1770px; } .top .r2{ height:50px;position: relative; width: 50px; text-align: right; } .top .rigm{ float: right; margin-right: 20px; } .top .r2 img{ margin-top: 5px; m} .top .r2:hover form{ display: block; } /* .top .rigm form{ position: absolute; display: none; width: 260px; margin-top:10px; right: -50px; z-index: 9999;} .top .rigm form .input_txt{ border: 1px solid #d4d4d4; text-indent: 1em; padding: 3px; width: 180px; float: left; } .top .rigm form .input_but{ background: #42a36d; border: none; text-align: center; color:#fff; width: 60px; padding: 4px;float: right; } */ .top .rigm form{ width: 400px;position: absolute; border-radius: 5px; background: #fff; display: none; margin-top:10px; right: -50px; text-align: left; } .top .rigm form .input_txt{ padding-left: 45px; background: url("../i/f8.jpg") no-repeat 20px 50%; border: none; height: 100%; color:#999999; font-size: 18px; height: 40px; line-height: 40px; font-size: 16px; width: 220px; } .top .rigm form .input_but{ width: 108px; height: 40px; line-height: 40px; text-align: center; background: url("../i/f3.jpg") no-repeat center; background-size: 100% 100%; border: none; float: right;border-radius: 8px;color:#fff; font-size: 18px; cursor: pointer; } .top .ri{ width: 1180px;margin-top: 20px; } .top .ri>ul{ float: left; } .top .ri>ul>li>a{ color:#ffffff; font-size: 20px; display: inline-block;padding-bottom: 14px;} .top .ri>ul>li{ float: left;margin-right: 20px; padding-left: 10px; padding-right: 20px; position: relative; } .top .ri>ul>li .nav1{ display: none; } .top .ri>ul>li .nav2{ display: none; } .top .ri>ul>li:hover .nav1{display: block; } .top .ri>ul>li .nav1{ width: 170px;background: #fff; text-align: center; padding: 5px 0; position: absolute; left: 50%; transform: translateX(-50%);} .top .ri>ul>li .nav1 li{ line-height:50px; } .top .ri>ul>li .nav1 li a{ transition: .5s; } .top .ri>ul>li:hover>a{ border-bottom: 3px solid #33a25f; } .top .ri>ul>li.on>a{border-bottom: 3px solid #33a25f; } .top .ri>ul>li .nav1 li:hover a{ color:#33a25f; } .top .ri>ul>li:hover .nav2{display: block; } .top .ri>ul>li .nav2{ position: absolute; width: 650px; background: #fff; overflow: hidden; margin-left: -90px;padding: 10px 0; padding-left: 26px;} .top .ri>ul>li .nav2p{ width: 200px;float: left; } .top .ri>ul>li .nav2p p{ padding-top: 10px; padding-bottom: 10px; } .top .ri>ul>li .nav2p p a{ font-size: 18px; font-weight: bold; width: 100%;display: block; transition: .5s; } .top .ri>ul>li .nav2p p:hover a{ color:#33a25f; } .top .ri>ul>li .nav2p .on a{ border-right: 1px solid #33a25f; } /*.top .ri>ul>li .nav2p>p:nth-child(3), .top .ri>ul>li .nav2p>p:nth-child(4){display:none;}*/ .top .ri>ul>li .nav2p>p:nth-last-child(2), .top .ri>ul>li .nav2p>p:last-child{display:none;} .top .ri > ul > li .nav2>li.on{} .top .ri > ul > li .nav2>li.on .nav3{ display: block; } .top .ri .navlu{ width:420px; margin-top: 0; } .nav3{display: none; } .top .ri .navlu .nav3>li.on .nav3a{ color:#33a25f; } .top .ri .navlu .nav3>li .nav4{ height: 0; overflow: hidden; transition: .5s; padding: 0; padding-left: 18px; padding-right: 18px;} .top .ri .navlu .nav3>li.on .nav4{ height: auto; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #e9e9e9; } .top .ri .navlu .nav3>li .nav4 p{ color:#999999; line-height: 45px; position: relative; padding-left: 12px; } .top .ri .navlu .nav3>li .nav4 p::before{ content: ""; width: 5px; height: 5px; border-radius: 50%; background: #999999; position: absolute; top: 50%; margin-top: -2px;left: 0; } .top .ri .navlu .nav3>li .nav4 p a{ color:#999; font-size: 16px; } .top .ri .navlu .nav3>li .nav3a{ display: block; border-bottom: 1px solid #e9e9e9; color:#252525; width: 388px; font-size: 18px; padding-bottom: 0; } .top .ri .navlu .nav3>li .nav3b{ display: block; border-bottom: 1px solid #e9e9e9; color:#252525; width: 348px; font-size: 18px; padding-bottom: 0; } .top .ri .navlu .nav3:nth-child(2)>li:last-child a{ border-bottom: none;} .top .ri .navlu .nav3>li .nav4 p:hover a{ color:#33a25f; } .top .ri .navlu .nav3>li{ line-height: 50px; margin-right: 0; box-sizing: border-box; } .top .ri .navlu .nav3>li:last-child .nav3a{ border-bottom: none; } .nav ul li.sd36{position:relative;} .nav ul li.sd36 ul{position:absolute;top:40px;left:-50px;padding:20px 0 20px 25px;display:none;min-height:150px;background:#fff;z-index:10;} .nav ul li.sd36 ul li{width:180px;} .nav ul li.sd36 ul li a{font-size:18px;font-weight:bold;line-height:45px;display:block;width:98%;} .nav ul li.sd36 ul li ul{position:absolute;top:0px;padding-left:25px;left:205px;display:none;z-index:9;} .nav ul li.sd36 ul li ul li{} .nav ul li.sd36 ul li ul li a{border-bottom:solid 1px #e9e9e9;font-weight:normal;line-height:49px;} .nav ul li.sd36 ul li ul li ul{position:absolute;display:none;background:#fff;z-index:8;} .nav ul li.sd36 ul li ul li ul li{width:350px;} .nav ul li.sd36 ul li ul li ul li a{font-size:16px;} .nav ul li.sd36:hover ul{display:block;} .nav ul li.sd36:hover ul li ul{display:none;} .nav ul li.sd36 ul li a:hover, .nav ul li.sd36 ul li:hover a{border-right:solid 1px #33a25f;} .nav ul li.sd36 ul li:hover ul li a{border-right:none;} .nav ul li.sd36 ul li:hover ul{display:block;} .nav ul li.sd36 ul li:hover ul li ul{display:none;} .nav ul li.sd36 ul li ul li:hover ul{display:block;} .nav ul li.sd36 ul li ul li a:hover, .nav ul li.sd36 ul li ul li:hover a{color:#33a25f;/*border-right:solid 1px #33a25f;*/} .nav ul li.sd36 ul li ul li:hover ul li a{color:#999;border-right:none;} .nav ul li.sd36 ul li ul li ul li a:hover, .nav ul li.sd36 ul li ul li ul li:hover{border-right:none;border-color:#33a25f;color:#333;} /* @media screen and (min-width:640px){ .p1 { transform: translate3d(-185px, 0, 0) scale(0.36); opacity: 0; z-index: 1; } .p2 { transform: translate3d(-145px, 0, 0) scale(0.54); transform-origin: 0 50%; opacity: 0; z-index: 2; } .p3 { transform: translate3d(-69%, 0, 0) scale(0.75); transform-origin: 0 50%; opacity: 0.8; z-index: 3; } .p4 { transform: translate3d(-50%, 0, 0) scale(1); opacity: 1; z-index: 4; background: none !important; } .p5 { transform: translate3d(-6%, 0, 0) scale(0.75); transform-origin: 0 50%; opacity: 0.8; z-index: 3; } .p6 { transform: translate3d(375px, 0, 0) scale(0.54); transform-origin: 0 50%; opacity: 0; z-index: 2; } .p7 { transform: translate3d(505px, 0, 0) scale(0.36); transform-origin: 0 50%; opacity: 0; z-index: 1; } } */ .zinam{ width: 400px; height: 80px; background: #dcdcdc; border-radius: 50px; margin: auto; margin-top: 125px; margin-bottom: 125px; position: relative; } .zinam span{ width: 50%; height: 80px; line-height: 80px; color:#fff; font-size: 46px; text-align: center; display: inline-block; position: relative; z-index: 9;} .zinam::before{ content: ""; width: 50%; height: 100%; position: absolute;background: #02469b; border-radius: 50px; left: 0; transition: .5s; } .zinam.on:before{ transform: translateX(100%);} .forma input{ background: #fff; width: 100%; height: 55px; line-height: 55px; color:#999999; font-size: 18px;text-indent: 1em;border: none;border-radius: 10px; } .Suy{ z-index: 999; } .Zujs .forma input{border:1px solid #efefef} .Zujs .forma select{border:1px solid #efefef;outline:none } .Zujs .forma p{width: 45%; position: relative; } .Zujs .forma p .reimg{ position: absolute; right: 0; } .Zujs .sctu{ width: 100% !important; color:#999999; display: inline-block; vertical-align: middle; float: none; } .Zujs .sctu img{ display: inline-block; vertical-align: middle; } .Zujs .sctu span{ display: inline-block; vertical-align: middle; margin-right: 28px; margin-left: 5px; color:#252525; font-size: 18px; } #file1 { display: none; } .Zujs .forma .last{ float: none; margin: auto;clear: both; } .Zujs .sutim1{ color:#252525; font-size: 24px; font-weight: bold; } .Zujs .sutim2{ color:#666666; font-size: 16px; margin-top: 18px; } .forma .last .sub{ background: #33a25f; color:#fff; } .Zujs .forma{ margin-top: 30px; } .forma span{ display: block; vertical-align: top; color:#999999;height: 36px; line-height: 36px; } .forma .hei p{ float: left; margin-bottom: 10px; } .forma .hei p:nth-child(1){ margin-right: 12px; } .forma select{ width: 100%; height: 57px; line-height: 55px; color:#999999; font-size: 18px;text-indent: 1em; border: none;outline:none appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("../i/xl.jpg") no-repeat 90% 50% #fff; border-radius: 10px; padding-right: 15px; box-sizing: border-box; } .forma .hei .xbie{ margin-left: 12px; float: left; } .forma textarea{ height: 119px; border: none; background: #fff; width: 1130px; border-radius: 10px; color:#999999; display: inline-block; margin-right: 0 !important; padding: 14px; box-sizing: border-box; color:#999999; font-size: 18px; } .forma p{ margin-bottom: 15px; } textarea{outline: none; } .forma .text{ width: 100%; } .Zujs .forma .text{ width: 100%; max-width: 1010px; } .Zujs .forma .text textarea{ width: 100%; border: 1px solid #efefef;} .zinama{ display: inline-block; position: relative; width: 211px; float: none !important;height: 42px; line-height: 42px; margin-top: 10px; background: #dcdcdc; border-radius: 50px; font-size: 0; text-align:center;} .zinama a{ display: inline-block; width: 50%; height: 42px; line-height: 42px; color:#fff; font-size: 18px; position: relative; z-index: 9; } .zinama::before{ content: ""; width: 50%; height: 100%; position: absolute;background: #02469b; border-radius: 50px; left: 0; transition: .5s; } .zinama.on::before{ transform: translateX(100%);} .forma>div{ margin-bottom: 30px; } .cd4{ text-align: center; margin-top: 92px; } .z1{ margin-bottom: 150px; } /* .fme1 select{background: #eeeeee; width: 500px; height: 60px; line-height: 60px; color:#999999; font-size: 18px;text-indent: 1em; border: none; border-radius: 10px; outline: none; /*去掉默认的下拉三角*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*添加下拉三角图标*/ background: url("../i/f10a.jpg") no-repeat 94% 50% #eeeeee; } .fme1.on .yc1{ display: none; } */ .fme1 .hei2{ margin-top: 60px; } .fme1 .hei2 p{ margin-bottom: 13px; } .sctu p{ line-height: 60px; color:#999999; font-size: 18px; } .sctu p img{ position: relative; top: 5px; } .forma .last{ width: 100%; max-width: 1130px; text-align: center; margin-top: 40px; margin-bottom: 36px; } .forma .last .resv{width: 205px; height: 55px; text-indent: 0;font-size: 18px; cursor: pointer; transition: .5s; } .forma .last .sub{width: 205px; height: 55px; margin-left: 15px; text-indent: 0; font-size: 18px; cursor: pointer; transition: .5s; } .j3{ margin-bottom: 77px; } .forma .last input:hover{ background: #33a25f; color: #fff; } .k1{ margin-top: 60px; margin-bottom: 40px; } .k1 .fl{ width: 532px; } .k1 .fl .k1t{ color:#252525; font-size: 35px; font-weight: bold; } .k1 .fl .k1ft{color:#999999; font-size: 20px; text-transform: uppercase; } .k1 .fl .text .k1ftm{ font-weight: bold; color:#666666; font-size: 24px; } .k1 .fl .k1ft::before{ content: ""; width: 31px; height: 7px; background: #33a25f; position: absolute; margin-top: 50px; } .k1 .fl .text{ margin-top: 46px; } .k1 .fl .smt{ line-height: 30px; font-size: 16px; color:#666666; margin-top: 30px; } .k1 .ri{ width: 603px; } .k1 .ri .Rism{ float: left; min-width: 170px; margin-right: 40px; margin-top: 25px; } .k1 .ri .Rism:last-child{ margin-right: 0; } .k1 .ri .pen{ color:#999999; text-transform: uppercase; font-size: 14px; margin-top: 4px; margin-bottom: 4px; } .k1 .ri .ct1{ color:#252525; font-weight: bold; } .k2{ background: url("../i/h23.jpg") center no-repeat; height: 836px; padding-top: 64px; box-sizing: border-box; } .k2 .k2tu{ font-size: 35px; color:#ffffff; font-weight: bold; } .k2 .k2mu{ color:#ffffff; margin-top: 10px; } .k2ul ul{ margin-top: 78px; } .k2ul ul li{ width: 290px; height: 165px; background: rgba(0,0,0,.5); float: left; margin-right: 13px; text-align: center; } .k2ul ul li:last-child{ margin-right: 0; } .k2ul ul li .k2uti{ color:#ffffff; font-weight: bold; font-size: 35px; padding-top: 32px; position: relative; } .k2ul ul li .k2uti::before{ content: ""; width:10px; height: 2px; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 55px; background: #33a25f; } .k2ul ul li .l2ut2{ font-size: 18px; color: rgba(255,255,255,.5); margin-top: 16px; } .k2ul2 li{ display: inline-block; text-align: center; margin: 0 80px; padding-bottom: 30px; } .k2ul2 ul{ text-align: center;padding-top: 55px;border-bottom: 1px solid rgba(255,255,255,.1); } .k2ul2 li .pic{ margin-bottom: 8px; } .k2ul2 ul li{ position: relative; } .k2ul2 ul li.on::before{ content: ""; width: 68px; height: 7px; position:absolute; left: 50%; background: url("../i/h31.png") no-repeat bottom;transform: translateX(-50%); bottom: -7px; } .k2ul2 .texts div{line-height: 35px; color: rgba(255,255,255,.5); } .k2ul2 .texts{ padding-top: 40px; } .k3{ padding-top: 80px; padding-bottom: 80px; } .k3 .fl{ float: left; width: 534px; } .k3 .fl .k3ti{ font-weight: bold; color:#666666; font-size: 24px; } .k3 .fl .k3ti::before{ content:""; width: 31px; height: 7px; background: #33a25f; display: block; margin-bottom: 42px; } .k3 .fl .k3text{ color:#666666; line-height: 35px; margin-top: 30px; } .k1a .fl .k1ft::before{ display: none; } .k1a .fl .text::before{ content: ""; width: 31px; height: 7px; background: #33a25f; position: absolute;bottom: 0; margin-bottom: -25px; } .k1a .fl .text{ position: relative; } .k1a{ background: #f8f8f8; padding: 45px 0; } .k5{} .k5 .k1ft::before{ display: none; } .k5 .k5p{ margin-top: 100px; } .k5p p{ font-weight: bold; color:#252525; font-size: 28px; margin-bottom: 32px; } .k5p p.on{ background: url("../i/morf.png") no-repeat 140px 50%; font-size: 30px; } .k5 .fl{ width: 340px;margin-top: 50px; } .k5 .ri{ width: 770px; } .k5 .ri .k5div{ float: left; width: 199px; overflow: hidden; position: relative; transition: .5s; } .k5 .ri .k5div>img{ display: block; } .k5 .ri .k5div.on{ width: 370px; } .k5 .ri .k5div .k5tei{ position: absolute; top: 50%; color:#ffffff; font-size: 20px; font-weight: bold; width: 100%; text-align: center; } .k5 .ri .k5div .k5tei::before{ content: ""; position: absolute; width: 22px; height: 2px; left: 50%; margin-left: -11px; margin-top: 44px; background: #33a25f; } .k5 .ri .k5divs:nth-child(2) .k5div::before{ content: ""; position: absolute; width: 100%; height: 100%;background: rgba(0,0,0,.5);} .k6 .fl{ width: 100%; float: none; } .k6 .fl .k1ft::before{ display: none; } .k6 .k5p{ margin-top: 110px; width: 160px; } .k6 .k6fl{ float: left; } .k6 .ri{ width: 100%; margin-top: 60px; } .k6 .ri .k6ul{ } .k6 .ri .k6ul:nth-child(1) p{ margin-top: 65px; } .k6 .ri .k6ul:nth-child(2){ margin-top: 55px; } .k6 .ri li{ width: 230px; height: 75px; box-shadow: 0 0 5px rgba(0,0,0,.2); padding-left: 23px; padding-top: 14px; box-sizing: border-box; float: left;margin-right: 18px; margin-bottom: 13px; } .k6 .ri ul{ width: 1020px; float: right; } .k6 .ri .k6ul p{ float: left; font-size: 28px; } .k6 .ri li .fl{ float: left; width: 47px; } .k6 .ri li .fl img{ max-width: 100%; height: auto;} .k6 .ri li .fr{ width: 120px; margin-left: 14px; margin-left: 15px; float: left; } .k6{ min-height: 400px; } .L1{ padding-top: 53px; } .L1 .L1t{ text-align: center; font-weight: bold; color:#252525; font-size: 35px; } .L1 .L1p{ color:#999999; font-size: 20px; text-transform: uppercase; text-align: center; } .L1 .L1p::before{ content: ""; position:absolute; left: 50%; transform: translateX(-50%); width: 31px; height: 7px; background: #33a25f; margin-top: 40px; } .k5divs:nth-child(2) .k5div{width: 20%; } .k5 .ri .k5divs:nth-child(2) .on{ width: 40%; } .L1ul{ margin-top: 80px; } .L1ul li{ height: 392px; margin-bottom: 52px; } .L1ul li:hover .ri{ background: url("../i/b2.jpg") no-repeat center; background-size: 100% 100%; } .L1ul li:hover .title{ color:#fff;} .L1ul li:hover .smt{ color:#fff; } .L1ul .fl{ width: 581px; height: 392px; position: absolute; } .L1ul .fl img{display: block; width: 100%; height: 100%; } .L1ul .ri{ width: 922px; height: 337px; box-shadow: 0 5px 5px rgba(0,0,0,.1); z-index: 9; position: relative; background: #fff; display: block; margin-top: 27px;padding: 30px 56px; box-sizing: border-box; } .L1ul .ri .ritext{ position: relative; top: 50%; transform: translateY(-50%);} .L1ul .ri::before{ content: ""; width: 100%; height: 100%; box-shadow: 0 0 10px rgb(255, 255, 255,1); display: block; position: absolute;left: 0; top: 0; } .L1ul .ri .title{ font-size: 28px; font-weight: bold; color:#2a2a2a; } .L1ul .ri .smt{ line-height: 35px; color:#666666; margin-top: 20px; } .L1ul li{ position: relative; } .L1ul li:nth-child(2n) .fl{right: 0; } .L1ul li:nth-child(2n) .ri{ float: left; } .L1vd{ margin-bottom: 56px; margin-top: 92px; } .L1vd .fl{ width: 35px; } .L1vd .fl p{ color:#000000;font-weight: bold;font-size: 18px; margin-bottom: 16px; text-align: center; } .L1vd .fl p.on{ border-bottom: 2px solid #33a25f; } .L1vd .fl p.on a{color:#33a25f; } .L1vd .ri{ width: 100%; } .L1vd .ri ul{ margin-right: -26px; } .L1vd .ri ul li{ width: 348px; height: 478px; margin-right: 26px; margin-left: 26px; float: left; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); } .L1vd .ri ul li .pic{ height: 208px; } .L1vd .ri ul li .pic img{ display: block; width: 100%; height: 100%; } .L1vd .ri ul li .textd{ padding: 20px; box-sizing: border-box; } .L1vd .ri ul li .textd .title{ line-height: 35px; color:#2a2a2a; font-weight: bold; font-size: 24px;transition: .5s; height: 70px; overflow: hidden; } .L1vd .ri ul li .textd .smt{ color:#666666; line-height: 35px; margin-top: 5px; height: 105px; overflow: hidden; } .L1vd .ri ul li:hover .textd .title{ color:#33a25f; } .L1vd li .textd .Mrns{ border-top: 1px solid #e5e5e5; padding-top: 14px; margin-top: 16px; color:#999999; } .sm1 li:nth-child(1),.sm1 li:nth-child(2){ display: none;} .m1{ margin-top: 60px; } .m1 .fl{ width: 767px; height: 443px; position: relative; } .m1 .fl img{ width: 100%; height: 100%; display: block; } .m1 .fl .texts{position: absolute; bottom: 25px; margin-left: 23px; width: 90%; } .m1 .fl .text{ width: 65px; padding-top: 2px; height: 65px; background: url("../i/b2.jpg") no-repeat center; background-size: 100% 100%; font-size: 20px; font-weight: bold; padding-left: 14px; box-sizing: border-box; color:#fff; float: left; } .Nyums .Btn{ font-size: 40px; } .m1 .fl .title{color:#ffffff; margin-left: 15px; margin-top: 15px; font-size: 24px; font-weight: bold; float: left; width: 540px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .m1 .ri .pic{ height: 275px; width: 100%;} .m1 .ri{ width: 400px; } .m1 .ri .pic img{ width: 100%; height: 100%; display: block; } .m1 .ri .texts{ margin-top: 22px; } .m1 .ri .text{width: 65px; height: 65px;padding-top: 2px; background: url("../i/b2.jpg") no-repeat center; background-size: 100% 100%; font-size: 20px; font-weight: bold; padding-left: 14px; box-sizing: border-box; color:#fff; float: left; } .m1 .ri .texts .title{ font-size: 22px; font-weight: bold; color:#252525; padding-left: 17px; overflow: hidden; float: left; width: 320px; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height: 33px; overflow: hidden; } .m1 .ri .smt{ color:#666666; font-size: 18px;line-height: 34px; margin-top: 14px; min-height: 68px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m2{ margin-top: 55px; } .m2 .cen{ border-top: 1px solid #e5e5e5; padding-top: 40px; } .m2ul li{ width: 345px; float: left; margin-right: 78px; } .m2ul{ margin-right: -78px; } .m2ul li{ height: 520px; } .m2ul li.on .smt{ display: none; } .m2ul li.on .pic{ display: block; margin-top: 34px; } .m2ul li.on .title{ color:#33a25f; } .m2ul li .pic img{ max-width: 100%; } .m2ul li .pic{ height: 228px; display: none;overflow: hidden; margin-bottom: 20px; } .m2ul li .time{ font-weight: bold; color:#999999; font-size: 32px; } .m2ul li span{ font-size: 14px; color:#999999; padding-left: 6px; margin-left: 20px;border-left: 1px solid #cccccc; } .m2ul li .title{ font-size: 24px; font-weight: bold; transition: .5s; color:#252525; margin-top: 20px; min-height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m2ul li .title span{ border: none; margin: auto; padding-left: 0; } .m2ul li .smt{ color:#252525; line-height: 35px; font-size: 18px; margin-top: 40px; height: 105px; overflow: hidden; margin-bottom: 46px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .m2ul li .moren{ background: url("../i/morf.png") no-repeat 0% 50%;height: 20px; } .m3{ margin-top: 60px; } .m3 .cen{ border-top: 1px solid #e5e5e5; padding-top: 50px; } .m3ul li{ margin-bottom: 24px; } .m3ul li .fl{width: 133px; font-size: 24px; font-weight: bold; padding-top: 26px; transition: .5s; padding-left: 18px; box-sizing: border-box; position: relative; } .m3ul li .ri{ width: 1065px; background: #f8f8f8; position: relative; padding: 34px 44px; box-sizing: border-box; } .m3ul li .fl::before{ content:""; width: 9px; height: 9px; border-radius: 50%; background: #33a25f; display: block; position: absolute; left: 0;margin-top: 10px; display: none; } .m3ul li .ri .fl1{float: left;width: 584px; } .m3ul li .ri{ padding: 33px 42px; box-sizing: border-box; } .m3ul li .ri .ri1{ float: right; width: 335px; height: 202px; } .m3ul li .ri .ri1 img{ display: block; width: 100%; height: 100%; display: block; } .m3ul li .ri .fl1 .title{ color:#252525; font-weight: bold;font-size: 24px; transition: .5s; } .m3ul li .ri .fl1 .ftitle{ color:#666666; font-size: 18px; height: 88px; margin-top: 6px; } .m3ul li .ri .fl1 .smt{ line-height: 32px; color:#999999; height: 64px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m3ul li .ri .fl1 .moren{ display: none; position: absolute; bottom: 20px; color:#999999; } .m3ul li:hover .fl{ color:#33a25f; } .m3ul li:hover .fl::before{ display: block; } .m3ul li:hover .ri .fl1 .moren{ display: block; } .m3ul li .ri .fl1 .moren .Fuh{display: inline-block; background: url("../i/morea.png") no-repeat right; width: 42px;height: 11px;margin-left: 13px; transition: .5s; } .m3ul li:hover .ri .fl1 .moren .Fuh{background: url("../i/more-1.png") no-repeat right; width: 52px; } .m3ul li:hover .ri .fl1 .smt{ display: none; } .m3ul li:hover .ri .fl1 .title{ color:#33a25f; } .m4{ padding-top: 60px; padding-bottom: 30px; } .m4 .le{ width: 768px; } .m4 .ri{ width: 333px; overflow: hidden; } .m4 .m3ti{ color:#33a25f; font-size: 24px; font-weight: bold; margin-bottom: 20px; } .m4 .time{ margin-bottom: 30px; } .m4 .time .timea{ color:#999999; } .bshare-custom .bshare-sinaminiblog{ background: url("../i/h35.png") no-repeat center !important; } .bshare-custom .bshare-weixin{ background: url("../i/h36.png") no-repeat center !important;} .bshare-custom .bshare-qqim{background: url("../i/h37.png") no-repeat center !important; } .bshare-custom{ width: auto !important;} .bshare-custom a{ width: 24px !important; height: 23px !important; padding-left: 0 !important; margin-left: 8px; } .m4 .Texm{ border-top: 1px solid #e5e5e5; } .m4 .Texm p{ line-height: 35px; color:#666666; margin-top: 30px; } .m4 .Texm p.pic{} .m4 .Texm p.pic img{ max-width: 100%; height: auto; } .m4 .Texm img{ max-width: 100%; height: auto; display: block; margin:auto; } .m4 .m3Uk{ border-top: 1px solid #e5e5e5; padding-top: 38px; margin-top: 28px; } .m4 .m3ms a{ color:#999999; font-size: 16px; line-height: 35px; } .m4 .ri .rit{ color:#252525; font-size: 18px; font-weight: bold; margin-bottom: 25px; } .m4 .ri .M3ri li .pic{ width: 100%; height: auto; } .m4 .ri .M3ri li .pic img{ max-width: 100%; } .m4 .ri .M3ri li .M3tu{ color:#252525; font-size: 18px; line-height: 30px;font-weight: bold; transition: .5s; } .m4 .ri .M3ri li .M3ft{ color:#666666; font-size: 18px; margin-top: 12px; margin-bottom: 20px; } .m4 .ri .M3ri li .M3time{ color:#666666; font-size: 16px; } .m4 .ri .M3ri li { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; margin-bottom: 25px; } .m4 .ri .M3ri li:hover .M3tu{ color:#33a25f; } .m5{ padding-top: 58px; } .m5 .m5ti{ color:#252525; font-weight: bold; color:#252525; font-size: 30px;} .m5 .m5t2{ color:#999999; font-size: 18px; text-transform: uppercase; margin-top: 5px; margin-bottom: 28px; } .m5div .ri{width: 455px; padding: 35px 42px; background: #f8f8f8; float: right; box-sizing: border-box; height: 444px; } .m5div .ri .m5ti{ color:#252525; font-size: 30px; font-weight: bold; } .m5div .ri .m5ti2{ color:#999999; text-transform: uppercase; margin-top: 10px;margin-bottom: 18px; } .m5div .ri .m5ti2::before{ content: ""; position: absolute; width: 31px;height: 7px; background: #33a25f; margin-top: 43px; } .m5div .ri .smt{ color:#666666; line-height: 35px; margin-top: 55px; } .m6 .m6ul{ margin-top: 86px; } .m6 .m6ul li{ width: 345px; float: left; margin-right: 80px; } .m6 .m6ul li .ftitle{ color:#666666; line-height: 35px; margin-top: 15px; } .m6 .m6ul li:last-child{ margin-right: 0; } .m6 .m6ul li .titlea{padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; color:#252525; font-weight: bold;font-size: 20px; } .m6 .m6ul li .text{ margin-top: 18px; } .m6 .m6ul li .text p{ height: 35px; line-height: 35px; } .m6 .m6ul li .text p a{ color:#666666; } .m6 .m6ul li .text p:hover a{ color:#33a25f; } .m6 .m6ul li .text p:hover{ background: url("../i/morf.png") no-repeat 120px 50%; } .m6 .m6ul{ margin-bottom: 60px; } .Suy{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.3); top: 0;left: 0; display: none; } .Suy .Zujs{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 1200px; background: #fff; padding: 55px; box-sizing: border-box; } .Suy .Cls{ text-align: right; float: right; cursor:pointer; } .Suy .sutim span{ color:#33a25f; font-size: 30px; } .Suy .sutim img{ width: 40px; height: auto; margin-right: 20px; display: inline-block; vertical-align: middle; position: relative; top: -4px; } .Sten{ padding-left: 60px; box-sizing: border-box; margin-top: 35px; } .Sten div{ line-height: 35px; color:#666666; display: none; } .Bafor{ position: absolute; width: 774px; height: 60px; left: 50%; top: 50%; border-radius: 8px; overflow: hidden; transform: translateX(-50%);margin-top: -30px; } .Bafor .input_txt{ } .Bafor form{ width: 100%; height: 100%; border-radius: 5px; background: #fff; } .Bafor form .input_txt{ padding-left: 45px; background: url("../i/f8.jpg") no-repeat 20px 50%; border: none; height: 100%; color:#999999; font-size: 18px; width: 520px; } .Bafor form .input_but{ width: 148px; height: 60px; line-height: 60px; text-align: center; background: url("../i/f3.jpg") no-repeat center; background-size: 100% 100%; border: none; float: right;border-radius: 8px;color:#fff; font-size: 18px; cursor: pointer; } .t1{ margin-top: 0; background: #f8f8f8; padding-top: 75px; padding-bottom: 75px; } .j1fo p{ float: left; width: 350px; height: 40px; line-height: 40px; margin-right: 44px; } .j1fo p:last-child{ margin-right: 0; } .j1fo{ padding:20px 30px; width: 100%; background: #fff; box-sizing: border-box; } .j1fo p span{ color:#666666; font-size: 18px; } .j1fo p .cs1{ background: none; border: none; float: right; margin-top: 7px;} .j2miv{ margin-top: 10px;} .j2miv .sideMenu h3{color:#252525;padding-top: 45px; margin-bottom: 10px; padding-left: 40px;padding-bottom: 45px; font-weight: bold; font-size: 20px; background: url("../i/j4.jpg") no-repeat 96% 50% #fff;} .j2miv .sideMenu h3 span{ line-height: 35px; margin-left: 24px; border-left: 1px solid #e5e5e5; padding-left: 28px; } .j2miv .sideMenu h3 span a{color:#666666; font-weight: lighter; margin-right: 18px; } .j2miv .sideMenu .texts{display: none;background: #fff; padding-bottom: 20px; margin-bottom: 20px; } .j2miv .sideMenu .on{ background: url("../i/j5.jpg") no-repeat 96% 50% #fff; margin-bottom: 0; padding-bottom: 20px; } .j2miv .sideMenu .on span{ display: block; border-left: none; margin-left: 0; padding-left: 0; margin-top: 8px; } .j2miv .sideMenu .texts>div{ border-top: 1px solid #e5e5e5; background: #fff; padding-top: 25px;padding-left: 40px; margin-bottom: 10px; padding-bottom: 1px;} .j2miv .sideMenu .texts>div p{ line-height: 35px; color:#666666; } .j2miv .sideMenu .more{ width: 149px; height: 55px; background: #33a25f; text-align: center; line-height: 55px; color:#ffffff; font-size: 18px; border-radius: 20px; margin: auto; margin-top: 27px; margin-bottom: 27px; } .Msuud{ overflow: hidden; width: 1520px; height: 200px; background: url("../i/v3.jpg") no-repeat right; margin-top: 70px; margin-bottom: 60px; } .Msuud .fl{ width: 600px; text-align: left; padding-left: 60px; box-sizing: border-box; padding-top: 40px; background: url("../i/b2.jpg") no-repeat center; background-size: 100% 100%; height: 200px; color:#ffffff; font-size: 16px; font-weight: bold; box-sizing: border-box; } .Msuud .fl img{ display: inline-block; vertical-align: middle;margin-right: 40px; } .Msuud .ri{ margin-left: 51px; margin-top: 50px; float: left; } .Msuud .ri .title{ font-size: 18px; color:#999999; text-transform: uppercase; } .Msuud .ri .ftitle{ margin-left: 0; color:#252525; font-weight: bold; font-size: 30px; margin-top: 10px; } .map{ width: 600px; height: 484px; margin-top: 140px; } .t01{padding-top: 54px; } .t01 .t1ti{ font-weight: bold;font-size: 30px; color:#252525; margin-bottom: 25px; } .t01 .t1ti2{font-size: 18px; line-height: 37px; color:#999999; text-transform: uppercase; } .t01 .t1ti3{ color:#252525; font-size: 30px; font-weight: bold; margin-top: 65px; margin-bottom: 30px; } .t01 .t1ti3::before{ content: ""; width: 31px; height: 7px; display: block; background: #33a25f; margin-bottom: 22px; } .t01 .t0s{color:#33a25f; } .t01 .t0s img{ display: inline-block; vertical-align: middle; margin-right: 3px; } .t01 .t1s{font-size: 30px; font-weight: bold; color:#252525; margin-bottom: 15px; margin-top: 10px; } .t01 .t1sa{ color:#252525;line-height: 30px; margin-bottom: 20px; margin-top: 10px; } @media screen and (max-width:1600px) and (min-width:0px){ .cen{ width: 94%; } .cen-1050{ width: 94%; } .a1 li{ width: 19%;margin-left: 1%;} .a1 li.on{width: 39%; } } @media screen and (max-width:1720px) and (min-width:640px){ .BigDiv{ min-width: 1024px;} .home .cen{ width: 94%;} .Ny .foot .cen{width: 94%; } .Ny .cen{width: 94%; } .a1 ul{ font-size: 0; } .a2 .ri .pic{width: 47%; margin-right: 1%; margin-left: 1%; height: auto;} .a2 .ri{ width: calc(100% - 420px); } .a2 .ri .pic video{ width: 100%; height: auto; } .a2 .ri .pic img{ width: 100%; height: auto; } .a2 .ri .pic .text .pt2{ font-size: 14px; } .a2 .ri .pic .text{padding: 0 10px; } .a2 .ri .pic.on .text{ background: none; } .a2 .le{ margin-top: 0; } .a2 .le .a2t1{ font-size:30px; } .a2 .le .a2t2{ font-size: 30px; } .a2 .le .a2t3{ font-size: 16px; margin-top: 15px; } .a2{ padding: 30px 0; padding-top: 50px; } .a3ul li{ width: 23%; margin: 0 1%; vertical-align: top; } .a3ul li .title span{ font-size: 40px; } .a3ul li .title a{ font-size: 40px; } .a5 .a5ul li{width: 30%; margin-right: 3%; } .Mfl .fti1{ font-size: 40px; } .Mfl .fti2{ font-size: 40px; } .Mfl .fti2 span{ font-size: 40px; } .a5 .a5ul li.on .ti3{ font-size: 14px; line-height: 1.5; } .a5{ height: 600px; } .a7ul li .text{ width: 80%; left: 10%; } .a7ul li .tis1{ font-size: 20px; margin-top: 0; } .a7ul li .tis2{ font-size: 24px; } .a7ul li .tis3{ font-size: 14px; line-height: 1.5; } .a8 .ri{ width: calc(100% - 230px); } .a8 .ri .a8ul li:last-child{ display: none; } .a8 .ri .a8ul li{ width: 46%; margin: 0 2%;} .a9 .ri{ width: 50%; background-size:100%; height: 520px;} .a9 .fl .a9p2{ font-size: 30px; } .a9 .fl .a9p1{ font-size: 30px; } .a9 .fl .a9p3{ padding-top: 20px; } .a9 .fl .a9p3::before{ display: none; } .a9 .a3ul{ margin-top: 20px; } .a9 .a3ul li{ margin-bottom: 20px; float: left; margin-right: 5%; } .a9{ height: auto;} .a9 .cen{ overflow: hidden; padding-bottom: 30px; } .foot .fl2b{ margin-left: 0; margin-top: 40px; } .top .ri > ul > li{ margin-right: 0;} .top .ri{ width: auto; } .a9 .fl{ width: 50%; } .a8 .ri .a8ul li .text .pic img{ height:auto; } .a8 .ri .a8ul li .text .pic{ height: 210px; } .foot .fl1{width: 100%; } .foot .fl1 .f1p1{ font-size: 30px; } .foot .ri1{ margin-top: -80px; } .b2 ul li{ width: 33%; margin-right: 0; } .b2{ padding-top: 80px; padding-bottom: 40px; } .b4 .b4text .ri img{ display: none; } .b4 .b4flt{ width: 100%; box-sizing: border-box; } .b4 .b4text .fl{ width: 100%; height:auto; } .b3 .picScroll-left .bd ul li{width: 30%;} .b3 .picScroll-left .bd ul li .pie1{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .c1ul li{ width: 31.33%; margin: 0 1%; height: auto; } .c1ul li .ri{ width: calc(100% - 40px); } .c1ul li .ri .pic img{ width: 100%; height: auto; } .c2d .ri{ width: calc(100% - 300px); overflow: hidden; } .e1 .picScroll-left .hd{ width: 100%; margin: auto; } .e1div video{ width: 100%; height: auto; } .e1div .pic{ height: auto; } .e1div{ height: auto; } .Lanm .fla2 li{ height: 80px; line-height: 80px; padding: 0 10px; } .Lanm{ height: 80px; } .Lanm .fla1{ font-size: 24px; } .Ban .Btn{ font-size: 40px; } .f4div .fl{ width: 100%; margin-bottom:40px; } .f4div .fl li{ width: 31.33%; margin:10px 1%; display: inline-block; } .f4div .ri{ width: 100%; } .f4div .ri li{ width: 31.33%; margin: 0 1%; margin-bottom: 2%; } .f4div .ri ul{ margin:auto; } .f6nav p{ margin: 0 5%; } .Lanm .fla2.hit{width:650px;} .Lanm .fla2.hit ul{width:1000px;} .Lanm .fla2 li a{ font-size: 16px; } .Lanm .fla3 a{ font-size: 14px; } .slideBoxa li .fl{ width: 28%; margin-left: 6%; } .slideBoxa li .ri{ width: 58%; margin-right: 6%;} .f6nest .dv1 .fl{ width: 64%; margin-right: 6%;} .f6nest .dv1 .pic{ width: 28%; } .cpys .dv2{ margin-top: 30px; } .cpys .dv2 li{ width: 31.33%; margin: 2% 1%;} .cpys .dv2 ul{ margin: auto; } .cpys .dv2 li .time{ width: calc(100% - 100px);} .slideBox .bd li .fl{ width: 58%; height:auto;margin-left: 2%;} .slideBox .bd li .ri{ width: 32%; margin-right: 3%; margin-left: 5%; height:auto; } .slideBox .bd li .ri .ti2{ margin-top: 5px; } .g1ul li{ width: 20%; } .g1ul li.on{ width: 40%; } .g2 .fl{ width: 65%; } .g2 .ri{width: 45%; } .g3 .pic img{max-width: 100%; height:auto; } .g4ul li{ width: 31.33%; margin: 1% 1%; box-sizing: border-box; } .g4ul ul{ font-size: 0; } .g5ul li .ri{width: calc(100% - 400px); line-height: 27px; } .g6 .picScroll-left .bd ul li .ri{ width: calc(100% - 500px);} .g4ul{ padding-top: 30px; } .h3div .ri .rit{ margin: 0 5px; } .h4div .h4div3{ display: none; } .h4div{ text-align: center; } .h4div .h4div2{ float: none; display: inline-block;} .h4div .h4div1{ float: none; display: inline-block;} .h4div .f5fk:hover::before{ left: 0; } .j1div > .fl{ width: 500px;} .j1div > .ri{ width: calc(100% - 500px); } .forma p{ width: 48%; margin: 0 1%;} .forma textarea{ width: 100%;} .forma .text{ width: 98%; } .k1 .fl{ width: calc(100% - 620px); } .k1 .fl .smt{ font-size: 14px; line-height: 24px; } .k2ul ul li{ width: 23%; margin: 0 1%;} .k3 .fl{ width: calc(100% - 620px);} .k3 .fl .k3text{ font-size: 14px;line-height: 24px;} .k5 .fl{ width: auto; } .k5 .ri{ width: calc(100% - 380px); } .k5 .ri .k5div{ width: 25%; } .k5 .ri .k5div.on{width: 50%; } .k6 .ri ul{ width: calc(100% - 140px); } .k5divs:nth-child(2) .k5div{ width: 20%; } .k5divs:nth-child(2) .k5div.on{ width: 40%; } .L1vd .ri ul li{ width: 31.33%; margin: 0 1%; } .m1 .fl{ width: 64%; } .m1 .ri{ width: 33%; } .m1 .ri .texts .title{ width: calc(100% - 65px);} .m4 .le{ width: calc(100% - 350px);} .m5div{ background: #f8f8f8; } .m5div .le{ width: 62%; } .m5div .le img{width: 100%;height: auto; } .m5div .ri{ width: 38%; height: auto; } .m5div .ri .smt{ line-height: 27px; } .m6 .m6ul li{ width: 29%; margin-right: 3%; } .j1fo p{ width: 25%; margin-right: 0; } .t01 .cen{ overflow: hidden; } } @media screen and (max-width:1320px) and (min-width:640px){ .top .ri > ul > li{padding-left: 5px; padding-right: 5px; } .foot .fl2b .fl2a{ margin-right: 10px; } } @media screen and (max-width:640px) and (min-width:0px){ .BigDiv{ overflow: hidden; } .top .right > ul > li span{ display: none; } .fullslide .bd li .tu1{display: none;} .fullslide .bd li .tu2{display: block; width: 100%; } .tu1{ display: none;} .tu2{ display: block; } .fullslide .prev, .fullslide .next{ display: none; } .float{ display: none;} .fullslide .text .title{ display: none; } .fullslide .text .pic{ display: none; } .fullslide1 .bd::before{ bottom: -2px; } .fullslide1 .text{ width:80%; margin-top: 0; bottom: 20%; left: 50%; margin-left: -40%; } .fullslide1 .text .title{ font-size: .6rem; } .fullslide1 .text .ftitle{ font-size: .7rem; } .fullslide1 .text .smrt{ font-size: .4rem; line-height: .5rem; margin-top: 40px; } .clname .ftitle{ font-size: .8rem;margin-left: -100px; margin-top: -23px;} .fullslide .cen{ top: inherit; bottom: -80px;} .fullslide .text{ width: 90%; left: 50%; height: 350px; transform: translateX(-50%); top: inherit;bottom: 0; padding: 15px 16px; box-shadow: 0 0 5px rgba(0,0,0,.1); } .fullslide .text .input_but{ font-size: .48rem; } .fullslide .hd{display: none; } .pics{ margin-top: .3rem; } .fullslide .text .ftitle{ font-size: .42rem; } .fullslide .text .ftitle .sjcx{ font-weight: normal; display: block; color:#ff7109; font-size: .57rem; font-weight: bold; } .fullslide .text .ftitle .sjcx a{ color:#02469b; font-size: .57rem; font-weight: bold; } .BigDiv{min-width: 320px;} .cen{ min-width: 280px; } .sjcx{ display: inline-block;} .sjyc{ display: none;} .BigDiv{max-width: 640px; min-width: 320px; margin: auto; } .logm{ float: right; margin-right: 15px; font-size: 20px; margin-top: 13px; } .logm span{ color:#fe5e10; } .top{ height: auto; margin-top: 0; padding: 5px 0; } .cen{width: 94%; margin: auto; } .lc{ display: none; } .ment img {width: 30px;} .ment { float: left; margin-top: 7px; } .fullslide .bd li .sjyc{ display: none;} .fullslide .bd li .sjcx{ display: block;} .top{ background: #fff; position: fixed; } .top .logo{ width: 2.5rem; } .fullslide{ margin-top: 1em; } .top .logo img{ width: 100%; height:auto; } .top .ri{width: 100%; } .top .ri ul{ } .top .rigm{ display: none; } .top .ri.sjcx{width:auto; margin-top: 10px; } .top .ri.nav{ display: none; } .top .ri > ul > li{ float: none; width: 100%; } .top .ri > ul{ background: #fff; width: 100%; } .top .ri > ul > li{ padding-left: 0; } .fullslide .text{ display: none; } .top .ri > ul > li > a{ color:#000000; font-size: .3rem; } .top .cen{ width: 100%; } .top .cen .le{ margin-left: 3%; } .top .cen .ri{ margin-right: 3%; } .top .cen .ri.nav{ margin-right: 0; } .top .ri > ul > li{ padding-left: .5rem; padding-right: .5rem; line-height: .8rem; border-bottom: 1px solid #f1f1f1;box-sizing: border-box; } .top .ri > ul > li > a{ padding-bottom: 0; } .top .ri{ margin-top: 10px; margin-bottom: 10px; } .top .ri > ul > li.on > a{ color: #fff;border: none;} .top .ri > ul > li.on{ background: #41a969;} .top .ri > ul > li .nav1{ position: relative;left: 0; transform: rotateX(0);margin: auto; background: #f8f8f8; width: 100%; } .top .ri > ul > li .nav1 li{ line-height: .6rem; border-bottom: 1px solid #fff; text-align: left; padding-left: .3rem; padding-right: .3rem; box-sizing: border-box; } .top .ri > ul > li .nav1 li a{ font-size: 14px; display: block; } .top .ri > ul > li:hover > a{ border: none; } .top .ri > ul > li .nav1 li:last-child{ border: none; } .top .ri > ul > li .nav2{position: relative;left: 0; transform: rotateX(0);margin: auto; background: #f8f8f8; width: 100%; padding: 0; } .top .ri .navlu{ display: none !important;} .top .ri > ul > li .nav2p{ float: none; width: 100%; margin-left: 0; } .top .ri > ul > li .nav2 p{ line-height: .6rem; border-bottom: 1px solid #fff; text-align: left; padding-left: .3rem; padding-right: .3rem; box-sizing: border-box;} .top .ri > ul > li .nav2 p a{ font-size: 14px; } .top .ri > ul > li .nav2p .on a{ border: none; } .top .ri > ul > li .nav2p p{ padding-top: 5px; padding-bottom: 5px; } .top .ri > ul > li .nav2 p a{ font-weight: normal; } .home .cen{ width: 90%;} .a1 li{ width: 46%; height: auto; margin-left: 2%; margin-right: 2%; } .a1 li .fl img{ width: 1rem; } .a1 li.on{width: 46%; height: auto; } .a1ul{ height: auto; } .fl2{display: block; } .a1 li.on .fl2{ margin-top: 0; } .a1 li .fl2{ margin-top: 0; display: block; float: left;} .a1 li .ri{ display: none; } .a1 li .fl2 .p1{ font-size: .24rem; font-weight: bold; color: rgba(37,37,37,.2); text-transform: uppercase;} .a1 li .fl2 .p2{ text-align: left; color: #252525; font-weight: bold; font-size: .32rem; } .a1 li.on .fl{ margin-top: 0; } .a1 li .fl2 .p1{ font-size: .24rem; font-weight: normal;} .a1 li.on .fl2 .p1{ font-size: .24rem; font-weight: normal; } .a1 li.on .fl2 .p2{ font-size: .32rem; } .a1 ul{ font-size: 0; text-align: left; } .a1{ padding-top: .35rem; padding-bottom: .35rem; } .a1 li .fl{ width: 1rem; } .a1 li .fl2{ width: 1.3rem;margin-top: .08rem; } .a1 li{ padding-left: 0; padding-right: 0; margin-bottom: .2rem; } .a1 li.on .fl2{margin-top: .08rem; } .a2{ padding: .37rem 0;} .a2 .le{ width: 100%; margin-top: 0; } .a2 .le .a2t1{ font-size: .4rem; } .a2 .le .a2t2{ font-size: .4rem; } .a2 .le .a2t3{ margin-top: .3rem; font-size: .24rem; } .a2 .le .a2t4{ margin-top: 0; margin-bottom: .4rem; } .a2 .ri{ width: 100%; } .a2 .ri .pic{ width: 100%; height: auto; } .a2 .ri .pic video{ width: 100%; height: auto; } .a2 .ri .pic img{ width: 100%; } .a2 .ri .pic .text{ padding-left: 0; bottom:10px; padding-left: 10px; padding-right: 10px;} .a2 .ri .pic .text .pt1{ font-size: .28rem; } .a2 .ri .pic .text .pt2{ font-size: .24rem; } .a2 .ri .pic .text .pt2{ display: block; } .a2 .ri .pic.on .text{ background: none; } .a3ul{ font-size: 0; } .a3 .a3ul li{ margin: 2% 2%; width: 46%; float: none; display: inline-block; vertical-align: top; } .a3ul li .title span{ font-size: .4rem; } .a3ul li .ftitle{ font-size: .24rem; } .a3ul li .title a{ font-size: .34rem; } .a3{ padding: .37rem 0;} .a4{ padding: .37rem 0;} .Mfl .fti1{ font-size: .4rem; } .Mfl .fti2{ font-size: .4rem; } .Mfl .fti2 span{font-size: .4rem; } .a5ul{ overflow-x: scroll; white-space: nowrap; width: 91%; } .a4 .ri .rip{ float: none; display: inline-block; width: 46%; margin: 0 2%; vertical-align: top; } .a4 .ri{ font-size: 0; width: 100%; margin-top: .4rem; } .Mfl .fti2::before { display: none; } .a4 .ri .rip .ti1{ font-size: .28rem; } .a4 .ri .rip .ti2{ font-size: .24rem; } .a5 .a5ul li .ti3{ white-space: normal;color: #fff;height: auto; height: auto; font-size: .24rem; margin-top: 12px; line-height: .4rem; } .a5 .a5ul li.on .ti3{ font-size: .24rem;margin-top: 12px;line-height: .4rem;} .a5 .a5ul li.on .ti1{} .a5 .a5ul li{ border: none;width: 80%; padding-left: 0; background: rgba(0,0,0,.1); padding-top: .2rem; vertical-align: top; padding-left: .2rem; padding-right: .2rem;padding-bottom: 0; } .a5 .a5ul li::before { display: none;} .a5 .a5ul li .ti1{ font-size: .36rem; } .a5 .a5ul li .ti2{ font-size: .24rem; } .a5 .a5ul li .ti2 br{ display: none; } .a5 .a5ul li{ margin-right: .2rem; } .a5 .a5ul li.on{ padding-bottom: 0; } .a5{ height: 8rem; } .a7ul li{ width:50%; display: inline-block; float: none; } .a7ul{ overflow-x: scroll; white-space: nowrap; } .a7ul li .text{ width: 90%; left: 5%; padding-top: 0; white-space: normal; } .a7ul li .tpic img{ width: 1rem;left: 0; } .a7ul li .tis1{ height: auto; margin-top: .1rem; margin-bottom: .1rem; font-size: .24rem; } .a7ul li .tis2{ font-size: .3rem; } .a7ul li .tis3{ font-size: .24rem; line-height: .46rem; height: auto;margin-top: 16px; } .a7ul li .moren{ margin-top: .1rem; display: none;} .a7ul li.on .moren{ display: block; } .a8 .fl{ padding-top: .37rem; } .a8 .a8p1{ font-size: .4rem } .a8 .a8p1 br{ display: none; } .a8 .a8p2{ font-size: .4rem } .a8 .a8p2 span{ font-size: .4rem; } .a8 .fl{ width: 100%; } .a8fl{ margin-top: .2rem; } .a8fl p{ width: 2rem; height: .55rem; height: .55rem; line-height: .55rem; border-radius: 5px; text-align: center; font-size: .24rem; float: left; margin-bottom: 0; margin-right: .3rem;} .a8 .ri{ width: 100%;} .a8 .ri .a8ul li .time{ display: none; } .a8 .ri .a8ul li{ width: 100%; } .a8 .ri{ margin-top: .4rem; } .a8ul{ } .a8 .ri .a8ul li{ float: none; margin-right: 0; margin-bottom: .5rem; } .a8 .ri .a8ul li .text{ padding: .2rem; } .a8 .ri .a8ul li .text .te2{ display: none; } .a8 .ri .a8ul li .text .te1{ font-size: .24rem; margin-bottom: 0; line-height: .5rem; } .a8 .ri .a8ul li .text .Moren{ margin-top: 10px; margin-bottom: 30px; } .a8 .ri .a8ul li .text .pic{ width: 100%; height: auto; } .a8{ padding-bottom: .4rem; } .a9 .fl{ margin-top: 0; } .a9 .fl .a9p1{ font-size: .4rem;padding-top: .4rem; } .a9 .fl .a9p2{ font-size: .4rem;padding-top: .2rem; } .a9 .fl .a9p3::before { display: none; } .a9 .fl .a9p3{ padding-top: .2rem; font-size: .28rem; } .a9 .a3ul{ margin-top: .4rem; } .a3ul li{ width: 31.33%; margin: 0 1%; } .a9 .a3ul li{ float: left; } .a9 .ri{ width: 100%;height: 6rem; margin-top: 0; } .a9{ height: 11rem; } .a9 .a3ul li{margin-bottom: 0; } .a9 .ri .Tyyq .text{ display: none !important;} .foot .fl2b{ display: none; } .foot{ padding: .4rem 0;} .foot .fl1 .f1p1{ font-size: .4rem; } .foot .fl1 .f1p2 li .f1ti{ font-size: 14px; } .foot .fl1 .f1p2{ margin-top: 5px; } .foot .fl1{ width: 100%; } .foot .ri1{width: 100%;margin-top: .3rem; } .foot .ri1 .tel{ font-size: .24rem; } .foot .tel1{ font-size: .4rem; } .foot .tel2{ line-height: 27px; font-size: 14px; } .foot .tel2 br{ display: none; } .foot .ri1{ margin-bottom: .3rem; } .Cesma{ padding-top: 10px; } .Cesma .Cheu{ font-size: .24rem; } .Lanm{ display: none; } .Ban{ margin-top: 1rem; } .Ban img{ position: relative; left: 50%; transform: translateX(-50%);} .top{ box-shadow: 0 0 5px rgba(0,0,0,.5); } .Ny .cen{ width: 90%; margin: auto; } .b1{ padding-top: .4rem; } .b1 .b1t{ font-size: .4rem; } .b1 .b2t{ font-size: .24rem; } .b1 .b2t::before { margin-top: 30px; } .b1te{ margin-top: 40px; } .b1 .b1te .be2{ float: none; margin: auto; display: none; } .b1 .b1te .be1{ width: 100%; float: none; position: relative; padding-right: 0; padding-top: 0; } .br1t{ font-size: .3rem; } .br1t::before { height: 24px; margin-top: 0; } .b1 .be1t{ padding-left: 0; } .b1 .be1t p{ line-height: 24px; line-height: 24px; font-size: .24rem; } .be1 .Ztum{ display: none;} .b1{ background: #f8f8f8; } .b1 .b1te .be1{ background: none; } .br1t{ padding-left: 0; text-align: center; } .br1t::before{ padding-left: 0; display: none; } .b2{ padding: 0.4rem 0;} .b2 ul li > img{ width: .48rem; } .b2 ul li .b2nu{ font-size: .4rem;width: 1rem; } .b2 .b2div p{ font-size: .24rem;} .b2 ul{ text-align: center; } .b2 ul li{ float: none; margin: auto; overflow: hidden; display: inline-block; margin-bottom: .2rem; } .b2 .b2div{ margin-top: 0; } .b2 .b2div p{ width: 2rem; } .b4{ background: #f8f8f8; margin: auto; padding: .4rem 0;} #b4ul .next{z-index: 999;margin-top: 0;} #b4ul .prev{z-index: 999; margin-top: 0; } #b4ul{ margin: .4rem 0;} #b4ul ul{ width: 100%; } #b4ul li{top: 0; display: none;} #b4ul li.on{ display: block; } #b4ul li:nth-child(1){top: 0;} #b4ul li:nth-child(3){top: 0;} #b4ul ul{ height: auto; } #b4ul li::before { display: none; } #b4ul li::after{ display: none; } .b4 .b4text .fl{ width: 100%; height: auto; } .b4 .b4text .ri{ display: none; } .b4 .b4flt{ width: 100%; height: auto; padding-left: 0; padding-top: 0; margin-top: 0; } .b4nu{ margin-bottom: 0;display: none; } .b4nu2{ font-size: .3rem; } .b3{ background: #fff; padding-top: .4rem; } .b3 .picScroll-left .bd ul li{ margin-right: 0; width: 100%; } .b3 .picScroll-left .hd{ width: 50%; left: 25%; margin: auto; margin-top: 10px; } .b3 .picScroll-left .hd .next{ margin-top: 0;width: 40px; height: 40px; background: url("../i/bri1.png") no-repeat center #33a25f;} .b3 .picScroll-left .hd .prev{width: 40px; height: 40px;background: url("../i/bri2.png") no-repeat center #33a25f; } .c1ul li{width: 100%; height:auto; margin: auto; padding: 15px; } .c1ul li .fl{display: none; } .c1ul li .ri{ width: 100%; height:auto; } .c1ul li .ri .pic img{ display: block; width: 100%; height: auto; } .c1ul{ margin-top: .8rem; margin-bottom: 0rem; } .c2d .ri img{ width: 100%; } .c2d .fl{ width: 100%; float: none; padding-left: 0; } .c2d .fl .title{ margin-top: .2rem; } .c2d .fl{ margin-top: 0; } .c2d{ padding: .3rem; margin-top: .2px; } .d2div .d2txt{ width: 50%; } .d2div{ text-align: left; } .d2ul{ padding-top: 40px; margin-bottom: 30px; } .d2ul li{ height: 40px; line-height: 40px; width: 120px; } .d2{ background: #fff; } .e1div video{width: 100%; height:auto; } .e1div{ height:auto; margin-top: 40px; } .e1 .e1div .e1zt .e1ti{ top: 20%; } .e1 .e1div .e1zt .e1pic img{ width: 40px; } .d1 .picScroll-left li{ height: auto; width: 3.5rem; } .d1 .picScroll-left li .pic{ margin-top: 0; } .e1 .picScroll-left .hd{ width: 100%; margin: auto; } .e1 .picScroll-left{ margin-top: 20px; } .e1 .picScroll-left li .ta1{ margin-top: 0; font-size: 16px; } .e1 .picScroll-left .hd a{width: 35px !important; height: 35px !important; } .e1 .picScroll-left .hd{ top: 50%; } .top{ z-index: 999999; } .Ban{ } .Ban .Btn{ font-size: .4rem; z-index: 1; } .f4ri{ display: none; } .f4{ padding-top: .3rem; padding-bottom: .3rem; } .f1 .f1ti{ font-size: .32rem; } .f1 .f1ti2{ font-size: .24rem; margin-bottom: .3rem; } .f4div .fl{ width: 100%; } .f4div .fl li{ height: .55rem; line-height: .55rem; width: 23%; margin: 0 1%; display: inline-block; } .f4div .fl li a{ font-size: .24rem; } .f4div .ri{ width: 100%; margin-top: .3rem; } .f4div .ri li{ width: 100%; height: auto; margin: auto; margin-bottom: .2rem; } .f4div .ri ul{ margin: auto; } .f4div .ri li .pic{ margin-top: .1rem; } .f4div .ri li .title{ margin-top: .1rem; } .f4div .ri li .mor{ padding-bottom: .15rem; margin-top: 5px; } .f4div .ri li .mor::before { margin-bottom: .1rem; } .f4div .ri li .ftile{ line-height: 24px; height: 48px; } .f5{ padding-top: .4rem; } .f5pt1{ font-size: .3rem; padding-left: .2rem; } .f5pt1::before { width: 0.07rem;height: .28rem; margin-top: -8px; } .fpte{ padding-left: .2rem;line-height: .4rem; margin-top: .32rem; } .fpte p{ font-size: .24rem; } .f6nav{ margin-top: .2rem; } .f6nav p{ margin: auto; font-size: .24rem; width: 33%;padding: .2rem 0; } .f6nest > div:nth-child(1){ padding-top: .4rem; } .f6nest .dv1 .fl{ width: 100%; height: auto; padding-right: 0; overflow-Y: inherit; margin-top: .2rem; } .f6nest .dv1 .fl p strong{ font-size: 14px;margin-top: .2rem; } .f6nest .dv1 .fl p{ font-size: .24rem; margin-bottom: 0; } .cpys{ padding: .4rem 0;} .cpys .dv2 li{ width: 100%; margin-top: .2rem; } .cpys::before { margin-top: -0.3rem;} .cpys .dv2 li .time{ font-size: .24rem; line-height: .4rem;margin-left: 0.1rem;} .cpys .dv2 li .pic img{ margin:auto; width: 60%;left: 50%; top: 50%; transform: translate(-50%,-50%);height:auto; } .yycj{ padding: .4rem 0;} .slideBox .bd li .fl{ width: 90%; height: auto; margin-left: 0;margin:auto;float: none; position: relative; top: -10px; } .slideBox .bd li .ri{ float: none; margin: auto; width: 100%; height: auto; width: 90%; } .slideBox .bd li .ri .til{ font-size: .32rem;} .slideBox .bd li .ri .ti2{ margin-top: 0; font-size: .24rem; } .slideBox .hd{ left: 5%; bottom: 10px; } .Ny .foot .cen{ width: 90%; margin:auto; } .foot .fl1 .f1p2 li{ width: 20%; margin-right: 0; } .Ny .foot .fl1 .f1p2 li .f1ti{ color:#fff; } .Ny .foot .tel2{ color:#fff; } .Ny .Cesma .Cheu{ color:#fff; } .Ny .Cesma .Cheu a{ color:#fff; } .f1{ padding-top: .4rem; margin-bottom: .3rem; } .f1div .a5ul{ width: 97%; bottom: 0; } .f1div .a5ul li{ margin-right: .2rem; } .f6nest .dv1 .pic{ float: none; width: 100%; margin-top: .2rem; clear: both; } .f6nest .dv1 .fl{ float: none; } .f6nest .dv1{ margin-bottom: .2rem; } .slideBox{ margin-top: .6rem; } .g1{ padding-top: .4rem; margin-bottom: .4rem; } .g1ul li.on{ width: 100%; } .g1ul li{ width: 100%; margin-bottom: .5rem; } .g1ul li .pic .text{ display: block; } .g1ul li .ift{ font-size: .32rem; } .g1ul li .icon img{ width: .6rem; } .g1ul li .icon{ height: auto; } .g1ul li .ift{ margin-top: 10px; } .g1ul li .pic{ margin-top: 16px; } .g1ul li .pic .text{ bottom: 10%; padding: 0 10px;} .g1ul li .pic .text .en1{ font-size: .3rem; padding-bottom: .6rem; } .g1ul li .pic .text .en2{ font-size: .28rem; line-height: .5rem; } .g1ul li .pic img{ width: 150%; } .g2 .fl{ display: none; } .g2 .ri{ width: 100%; height: auto; padding-left: .2rem; padding-top: .2rem; padding-bottom: .2rem; } .g2 .ri .next{ margin-top: .2rem; padding-right: 0; margin-right: 0; } .g2 .ri .fbt1{ font-size: .24rem; } .g2 .ri .fbt2{ font-size: .32rem; } .g2 .ri .next{ font-size: .24rem; line-height: .5rem; } .g2{ margin-top: .4rem; } .g2 .cen::before { display: none; } .g2 .ri{ margin: auto; padding-right: .2rem; } .g3 .pic img{ width: 100%;height: auto; } .g3{ margin-top: .4rem; } .g3 .pic{ margin-top: .4rem; } .g4{ margin: .4rem 0; } .g4ul li{ width: 100%; margin-top: .3rem; padding-left: .2rem;} .g4ul li::before { left: 2px; } .g4ul li p:nth-child(1){ font-size: .28rem; } .g4ul li p:nth-child(2){ font-size: .24rem; line-height: .4rem; margin-top: 0; } .g5ul li .fl{ float: none; width: 100%; margin-left: 0; transform: rotateY(0);top: auto; } .g5ul li .ri{ width: 100%; float: none;transform: rotateY(0);top: auto; line-height: .4rem;font-size: .24rem; } .g5ul li{ height: auto; background: none !important; } .g5ul li:hover .ri{ color:#666;} .g5ul li .fl{ margin-bottom: 10px; } .g5ul li .fl img{ width: 1rem; height: auto; } .g5ul li:hover .tu1{display: inline-block;} .g5ul li:hover .tu2{ display: none;} .g5ul li:hover .sp2{color:#252525; } .g5ul{ margin-top: .4rem; } .g6 .picScroll-left .bd ul li .ri{width: 100%; height: auto; } .g6 .picScroll-left .bd ul li .fl{ width: 100%; padding: inherit; } .g6 .picScroll-left .bd ul li .fl .title{ background: none; padding-left: 0; font-size: .28rem; margin-top: .2rem; margin-bottom: .2rem; } .g6 .picScroll-left .bd ul li .smt{ height: auto;line-height: .4rem; font-size: .24rem; } .g6 .picScroll-left .bd ul li .moren{ height: 30px; line-height: 30px; font-size: 14px; width: 100px; margin-top: 15px; } .g6 .picScroll-left .bd ul li .ri{ margin-top: .2rem; } .g6 .picScroll-left::before { height:100%; padding-bottom: .3rem; } .g6{ padding: .4rem 0; margin: auto; } .g6{ background: #f8f8f8; } .h2 .text{padding-left: .2rem; line-height: .4rem; font-size: .24rem; } .h2 .f5pt1{ margin-bottom: .2rem; } .h2{ margin-top: .3rem; } .f7{ padding: .4rem 0; margin-top: 0; } .g5a{ padding: .4rem 0;} .g5a .f5pt1{ margin-bottom: .2rem; } .g5aul li .ri{ width: 100%; margin-left: 0; } .g5aul li{ width: 100%; margin-bottom: .15rem; } .g5aul li .ri .t{ font-size: .32rem; } .g5aul li .ri .ft{ line-height: .4rem; font-size: .24rem; } .g5aul li .ri .t{ text-align: center;} .g5aul li .fl{ float: none; margin: auto; } .h3{ margin-top: .4rem; padding: .4rem 0;} .h3div .fl p{ width: 1.6rem; height:1.6rem; margin: 0 .1rem; } .h3div .fl p img{ height: .4rem; width: auto; } .h3div .fl p .tu2{ margin-top: .3rem; margin-bottom: .1rem; } .h3div .fl p .tu1{ margin-top: .3rem;margin-bottom: .1rem; } .h3div .fl p{ font-size: 15px; } .h3div .ri{ padding: .4rem; margin-top: 0; } .h3div .ri .rit{ font-size: .28rem; margin: 0 .1rem; } .h3div .ri .rit1{ padding-left: 0; margin-top: .4rem; } .h3div .ri .rit1 a{ font-size: .24rem; padding-right: 0; margin-right: 0; font-size: .24rem; margin: 0 2%; } .h4div{ margin-top: .2rem; } .h4div .h4div1{ overflow-x: auto;} .h4div .h4div3{ width: 49%;margin-left: 2%;} .h4div .h4div2{ width: 49%; margin-left: 0; } .h4 img{ height: auto; } .h4 .f5pt1{ margin-bottom: .3rem; } .h4div .f5fk:hover .smr{ display: none; float: none; } .h4div .h4div1 .fv2{ margin-left: 0; } .h3{ padding-bottom: 0; } .h4{ display: none; } .j2{ margin: .4rem 0;} .j2 .pic{ margin-top: 0.4rem; margin-bottom: 0; } .j1{ margin: .4rem 0; padding-top: .4rem; margin-bottom: 0; padding-bottom: .4rem; } .j0div{ margin-top: .4rem; padding-top: .3rem; } .j0div .fl{ font-size: .24rem; float: none; } .j0div .fl a{ font-size: .36rem; } .j0div .ri .ritx{ float: none; width: 100%; margin-bottom: 10px;overflow: hidden; margin-top: 15px; } .j0div .ri{ float: none; } .j1div > .fl{ width: 100%; margin-top: .3rem; } .j1div .j1pdiv p{ width: 33%; line-height: 40px; height: 40px; } .j1pdiv{ font-size: 0; } .j2pdiv{ margin-top: 20px; } .j2pdiv ul li{ margin-bottom: 14px; } .j2pdiv ul li .ri p:nth-child(1){ font-size: .32rem; } .j2pdiv ul li .ri p:nth-child(2){ font-size: .24rem; } .j2pdiv ul li .ri{ width: 4.5rem; } .j1div > .ri{ width: 100%; background-size: 100% !important; height: 6rem;margin-top: 0; } .j1div > .ri::before{ display: none;} .j3 .j3tie{ font-size: .32rem; } .j3 .j3tm{ margin: .2rem 0; font-size: 14px; } .forma p{ width: 100%; margin-left: 0; } .j3 .cen{ padding-top: .4rem; } .forma input{ line-height: .7rem; height: .7rem; font-size: 16px; } .forma p{ margin-bottom: .1rem; } .forma select{ line-height: .6rem; height: .6rem;text-indent: .4em; font-size: 16px;} .forma textarea{ width: 100%; font-size: 16px; height: 150px; } .forma .last{margin-top: 20px; margin-bottom: 20px; } .forma .last input{ width: 46% !important; margin: 0 2% !important; } .j3{ margin-bottom: 0; } .j3 .cen{ padding-bottom: .4rem; } .k1 .fl{width: 100%; } .k1{ margin: .4rem 0;} .k1 .fl .k1t{ font-size: .32rem; } .k1 .fl .k1ft{ font-size: .24rem; } .k1 .fl .k1ft::before { margin-top: .5rem; } .k1 .fl .smt{ font-size: .24rem; line-height: .5rem; margin-top: .3rem; } .k1 .fl .text{ margin-top: .4rem; } .k1 .ri{width: 100%; height: auto; } .k1 .ri>img{ width: 100%; } .k1 .ri .Rism{ width: 32%; margin-right: 1%; min-width: inherit; } .k1 .ri .ct1{ font-size: .22rem; } .k1 .ri .pen{ font-size: 12px; } .k2{ height: 15rem; } .k2 .k2tu{ font-size: .32rem; } .k2ul ul li{ width: 50%;margin-right: 0; } .k2ul ul{ margin-top: .3rem; } .k2ul2 li{ margin: 0 .2rem; } .k2ul ul li .k2uti{ font-size: .32rem; padding-top: .4rem; } .k2ul ul li .k2uti::before { margin-top: 30px; } .k2ul ul li{ height: 125px; } .k2ul2 ul{ padding-top: .4rem; } .k2ul2 .texts div{ font-size: .24rem; line-height: .4rem; } .k3{ padding: .4rem 0;} .k3 .fl .k3text{font-size: .24rem; line-height: .4rem; margin-top: .2rem; margin-bottom: .2rem; } .k3 .fl{ width: 100%; } .k3 .ri{ width: 100%; height: auto; } .k3 .ri img{ max-width: 100%; height:auto; } .k3 .fl .k3ti::before { margin-bottom: 20px; } .k5 .fl{ margin-top: 0; } .k5 .k5p{ margin-top: 10px; } .k5p p{ font-size: .4rem; margin-bottom: 15px; margin-top: 15px; } .k5 .ri .k5divs:nth-child(1) .k5div{ width: 30%; } .k5 .ri .k5divs:nth-child(1) .k5div.on{ width:40%; } .k1a{ padding: .4rem 0;} .k1a .fl .text::before { display: none; } .k6 .ri{ margin-top: 0; } .k6 .ri .k6ul:nth-child(1) p{ margin-top: .3rem; margin-bottom: .3rem; } .k6 .ri .k6ul p{ font-size: .28rem; } .k6 .ri .k6ul p{ float: none; } .k6 .ri ul{ width: 100%; float: none; } .k6 .ri li{ width: 47%; margin-right: 2%; padding:0; height: auto;} .k6 .ri li .fr{ width: 1.8rem; margin-left: .2rem; margin-top: .22rem; font-size:14px; } .k6 .ri li .fl{ width: .65rem; height: .65rem; margin-left: .2rem;margin-top: .22rem; margin-bottom: .22rem; } .k6 .ri .k6ul:nth-child(2){ margin-top: .4rem; } .k6 .ri .k6ul p{margin-bottom: .3rem; } .k5 .ri .k5div .k5tei::before { display: none; } .L1{ padding-top: .3rem; } .L1 .L1t{ font-size: .36rem; } .L1 .L1p{ font-size: .24rem; } .L1vd{ margin-top: 1rem; margin-bottom: .4rem; } .L1vd .ri ul li{ width: 100%; height: auto; margin: auto; margin-bottom: 30px;} .L1vd .ri ul{ margin: auto; } .L1vd .ri ul li .pic{ height: auto; } .L1vd .ri ul li .textd .title{ font-size: .32rem; line-height: .5rem;height: auto; } .L1vd .ri ul li .textd .smt{ line-height: .4rem; height: 1.2rem; font-size: .24rem; } .m1{ margin-top: .3rem; } .m1 .fl{ float: none; width: 100%; height: auto; } .m1 .fl .title{ width: 100%; margin-left: 0; } .m1 .ri{ width: 100%; margin-top: .2rem; } .m1 .fl .title{ color:#333; font-size: .32rem; } .m1 .ri .pic{ height: auto; } .m1 .ri .texts .title{ font-size: .32rem; width: 60%; } .m1 .ri .smt{ font-size: .28rem; line-height: .4rem; min-height: .56rem;} .m3{ margin-top: .3rem; } .Ny .cen{ padding-top: 0; } .m3ul li .ri{ width: 100%; padding: 5%; } .m3ul li .ri .fl1{ float: none; width: 100%; } .m3ul li .fl{ padding-top: 13px; padding-bottom: 13px; } .m3ul li .ri .fl1 .ftitle{ height: auto; } .m3ul li .ri .fl1 .title{ font-size: 20px; height:auto; } .m3ul li .ri .fl1 .smt{ line-height: .4rem; height: .8rem; display: block !important; margin-top: 10px; margin-bottom: 10px; } .m3ul li .ri .ri1{ width: 100%; height: auto; } .m3ul li:hover .ri .fl1 .moren{display: none; } .m4 .le{ float: none; width: 100%; } .m4{ padding-top: .3rem; } .m4 .ri{display: none; } .m4 .Texm p{ font-size: .24rem; line-height: .4rem; margin-top: 10px; } .m5{ padding-top: .3rem; } .m5 .m5ti{ font-size: .34rem; } .m5 .m5t2{ font-size: .28rem;} .m5div .le img{ width: 100%; } .m5div .ri{width: 100%; height:auto; padding: 5%; } .m5div .ri .m5ti{ font-size: .24rem; } .m5div .ri .m5ti2{ margin-top: 0; } .m5div .ri .smt{ margin-top: 30px; line-height: .4rem; font-size: .24rem; } .m5div .ri .m5ti2::before { margin-top: 34px; } .m6 .m6ul{ margin: .3rem 0;} .m6 .m6ul li{ width: 100%; height: auto; margin-bottom: .4rem; } .j1fo p .cs1{ text-align: right; } .j2miv .sideMenu h3{ padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } .j2miv .sideMenu h3 span{ display: none; } .j2miv .sideMenu .on { background: url("../i/j5.jpg") no-repeat 96% 16px #fff;} .sm1 li:nth-child(1), .sm1 li:nth-child(2){ display: block; } .m1{ display: none; } .m3 .cen{ border: none; } .j2miv .sideMenu h3 span a{ font-size: 14px; } .j2miv .sideMenu h3 span{ line-height: 27px; } .j2miv .sideMenu .texts > div{ padding: .4rem; margin-bottom: 0; } .j2miv .sideMenu .texts > div p{ font-size: .24rem; line-height: .46rem; } .j2miv .sideMenu .more{ margin-top: 10px; margin-bottom: 10px; height: 40px; line-height: 40px; } .j1fo p{ width: 100%; margin-right: 0; } .Suy .Zujs{ padding: .2rem;} .Zujs .forma p{ width: 48%; margin-right: 2%; } .Zujs .sctu{ font-size: 14px; } .Zujs .forma{ margin-top: 10px; } .forma .last .sub{ height: 40px; line-height: 40px; margin-top: 10px; } .t01 .t1ti{ font-size: .32rem; margin-bottom: 0; } .t01 .t1ti2{ font-size: .24rem; } .t01 .t1ti3{ margin: .3rem 0; font-size: .32rem; } .t01 .t1s{ font-size: .28rem; } .map{ width: 100%; height: 300px; margin: auto; } .t01 .ri{width: 100%;float: none; margin: .2rem 0;} .BMap_bubble_content{width: 80% !important; } .Msuud{ width: 100%;height: auto; } .Msuud .fl{ width: 100%; height: auto; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; float: none; } .Msuud .ri{ margin-left: 0; } .Msuud .ri .ftitle{ font-size: .32rem; } .Msuud{ margin: .3rem 0; } /* .c2dl2 .fl .title{ text-align: left; } .c2dl2 .fl .ent{ text-align: left; } .c2dl2 .fl .title::before {left:0; } */ /* .c2d{width: 50%; box-sizing: border-box; display: inline-block; vertical-align: top; height: 7.5rem;} .c2ul{ font-size: 0; } .c2d .fl .En{ font-size: .32rem; } .foot .fl1 .f1p2 li .pic{ width: 100%; } .c2d .ent{ font-size: .28rem; line-height: .46rem; } */ .c2d .fl{ text-align: center;} .c2d .ri{ text-align: center; } .c2dl2 .fl .title{ text-align: center; } .c2dl2 .fl .ent{ text-align: center; } .c2d .fl .title::before { left: 50%; transform: translateX(-50%);} .c2d:nth-child(1){ margin-bottom: .2rem; } .j3text{ padding-top: .4rem;} .fme2{ padding-top: .2rem; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #999999; font-size: 16px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999; font-size: 16px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999999; font-size: 16px; } .a9 .fl{ float: none; } .a9 .ri{ width: 6rem; height: 5rem; margin: auto; float: none; margin-top: .2rem; } .a9 .ri .Tyyq{ margin-left: -3%; margin-top: -3%;} .a7ul li.on .tis3{ margin-top: 0; } .a7ul li .tis3{ margin-top: 0; } .a5 .a5ul li{ margin-bottom: .1rem; } .a5ul{ bottom: .2rem; } /* .a9 .ri .yq20{ top: 43.5%; left: 73.5%;} .a9 .ri .yq19{ top: 46.5%; left: 72.5%;} .a9 .ri .yq2{ top: 49.5%; left: 33.5%;} .a9 .ri .yq1{ top: 36.5%; left: 11.5%;} */ }