.pre{ width: 1200px; margin: 0 auto; margin-top: 52px; margin-bottom: 45px; } .pre .pre-l{ float: left; width: 260px; } .pre .pre-l .pre-l-t{ background: #00b450; color: #fff; padding-left: 31px; border-radius:5px 5px 0px 0px; } .pre .pre-l .pre-l-t h3{ font-size: 27px; font-weight: 900; padding-top: 35px; padding-bottom: 10px; } .pre .pre-l .pre-l-t span{ font-size: 19px; padding-bottom: 25px; display: block; } .pre .pre-l .pre-n{ border: 1px solid #00b450; margin-bottom: 18px; box-sizing: border-box; padding-bottom: 20px; } .pre .pre-l .pre-n>li{ margin:11px 10px 3px 10px; } .pre .pre-l .pre-n>li>a{ display: block; width: 233px; background:#f8f4f8; border-radius:4px 4px 4px 4px; transition: all 0.3s linear } .pre .pre-l .pre-n>li>a:hover{ color: #0051b1; } .pre .pre-l .pre-n li a>span{ padding-left: 23px; line-height: 36px; font-size: 15px; float: left; } .pre .pre-l .pre-n li a>i{ font-style: normal; float: right; width: 13px; line-height: 13px; border: 1px solid #9d9d9d; color: #9d9d9d; text-align: center; border-radius:2px 2px 2px 2px; margin-top: 11px; margin-right: 13px; font-weight: 900; } .pre .pre-l .pre-n .pre-n-n li{ margin-top: 14px; border-bottom: 1px dashed #e6e6e6; margin-bottom: 3px; } .pre .pre-l .pre-n .pre-n-n li:last-child{ border-bottom:none; } .pre .pre-l .pre-n .pre-n-n li a{ display: block; padding-left: 23px; font-size: 15px; padding-bottom: 14px; transition: all 0.3s linear } .pre .pre-l .pre-n .pre-n-n li a:hover{ color: #0051b1; } .pre .pre-r{ float: right; width: 915px; } .pre .pre-r .pre-r-t{ padding-top: 6px; padding-bottom: 11px; border-bottom: 1px solid #e6e6e6; } .pre .pre-r .pre-r-t span{ font-size: 15px; color: #00b450; font-weight: 500; float: left; } .pre .pre-r .pre-r-t b{ color: #0051b1; font-size: 19px; font-weight: 600; } .pre .pre-r .pre-r-t i{ float: right; color: #333; font-size: 13px; } .pre .pre-r .pre-r-c{ width: 100%; margin-top: 22px; } .pre .pre-r .pre-r-c dl{ width: 289px; margin-left: 20px; } .pre .pre-r .pre-r-c a:nth-child(3n 1) dl{ margin-left: 0px; } .pre .pre-r .pre-r-c dt{ width: 100%; height: 223px; font-size: 0px; background-size: 100% 100% !important; } .pre .pre-r .pre-r-c dd{ width: 100%; text-align: center; font-size: 16px; line-height:38px ; margin-bottom: 11px; } .pre .pre-l .pre-b{ width: 100%; height: 118px; background-image: url(/uploads/image/simages/dianhua.png); background-repeat: no-repeat; position: relative; } .pre .pre-l .pre-b span{ position: absolute; top: 50px; left: 67px; font-size: 22.5px; color: #fff; font-weight: 600; } .eqbg{ position: relative; height: 325px; max-width: 1920px; background: #f7f7f7; margin-bottom: 140px; } .eqbg h3,.lc h3,.al h3,.gy h3{ text-align: center; font-size: 30px; line-height: 30px; color: #0051b1; padding-top: 45px; } .eqbg>span,.lc>span,.al>span,.gy>span{ display: block; background: url(/uploads/image/simages/gecheng.png); width: 182px; height: 18px; margin: 0 auto; margin-top: 10px; } .lc h3{ padding-top: 0; margin-top: 45px; } .al h3{ padding-top: 0; margin-top: 90px; } .silder-box { position: absolute; top: 27px; left: 50%; transform: translatex(-50%); } .silder-box-1 .silder { margin: 0 auto; } .silder-box-1 .silder li { width: 230px; } .silder-box-1 .silder li img { width: 100%; height: 195px; } .silder-box-1 .silder li span { display: block; text-align: center; line-height: 50px; background-color: #00b450; font-size: 14px; color: #fff; transition: all 0.3s linear } .silder-box-1 .silder-button { top: 50%; width: 36px; height: 36px; position: absolute; cursor: pointer; transform: translatey(-50%); transition: all 0.3s linear; background-color: #00b450; border-radius: 18px 18px 18px 18px; width: 36px; height: 36px; } .silder-box-1 .silder-button.btl { left: -56px; background-image: url(/uploads/image/simages/jiantou2.png) ; background-position: center; background-repeat: no-repeat; transform:rotate(180deg); } .silder-box-1 .silder-button.btr { right: -56px; background-image: url(/uploads/image/simages/jiantou2.png); background-position: center; background-repeat: no-repeat; } .silder-box-1 { width: 1088px; } .silder-box-1 .silder-button:hover{ background-color: #0051b1; } .silder-box-1 .silder li:hover span{ background-color: #0051b1; } .ys{ width: 1200px; margin: 0 auto; height: 610px; } .ys .ys-l{ background: url(/uploads/image/simages/youshibj.png) no-repeat; background-position: center; height: 610px; width: 540px; float: left; position: relative; } .ys .ys-l ul{ padding-top: 240px; } .ys .ys-l ul li{ float: left; background-color: #00ad4d; width: 255px; margin-bottom: 25px; transition: all 0.3s linear } .on1{ background-color: #0051b1 !important; } .ys .ys-l ul li:nth-child(2n){ margin-left:25px ; } .ys .ys-l ul li a{ color: #fff; position: relative; width: 100%; box-sizing: border-box; padding-left: 88px; } .ys .ys-l ul li a span{ display: block; font-size: 22px; line-height: 120px; } .ys .ys-l ul li a i{ display: inline-block; width: 32px; height: 34px; background-size: 100%; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left:18%; transform: translatey(-50%); } .ys .ys-r{ height: 610px; width: 600px; float: right; position: relative; } .ys .ys-r img{ position: absolute; top:0; left: 0; } .ys .ys-r .ys-r-c{ position: absolute; right: 0; top: 0; width: 520px; height: 610px; background-color: rgba(255,255,255,.8); box-sizing: border-box; padding: 94px 57px; } .ys .ys-r .ys-r-c>span{ display: block; font-size: 12px; color: #333; margin-bottom: 15px; text-transform:uppercase; } .ys .ys-r .ys-r-c h3{ font-size: 25px; color: #0051b1; margin-bottom: 29px; } .ys .ys-r .ys-r-c i{ display: block; width: 38px; height: 3px; background-color: #00ad4d; margin-bottom: 25px; } .ys .ys-r .ys-r-c .ys-r-t{ font-size: 14px; line-height: 30px; max-height: 250px; overflow: hidden; } .ys .ys-r .mo{ background-color: #00ad4d; width: 125px; position: absolute; right: 337px; bottom: 95px; border-radius: 20px 20px 20px 20px; transition: all 0.3s linear } .ys .ys-r .mo a{ line-height: 40px; font-size: 15px; color: #fff; width: 100%; text-align: center; } .ys .ys-r .mo:hover{ background-color: #0051b1; } .lc { margin-top: 30px; position: relative; border-bottom: 1px solid #e6e6e6; height: 288px; } .lc ul{ width: 1200px; position: absolute; bottom: -25px; left: 50%; transform: translatex(-50%); } .lc ul li{ float: left; padding-right: 33px; background-image: url(/uploads/image/simages/jiantou1.png); background-position-x:154px; background-position-y:60px; background-repeat: no-repeat; } .lc ul li:last-child{ padding-right: 0px; background-image: none; } .lc ul li a{ width: 143px; height: 143px; background-color: #f7f7f7; margin-bottom: 25px; text-align: center; color: #333333; font-size: 16px; transition: all 0.3s linear } .lc ul li a span{ display: block; width: 143px; height: 108px; line-height:108px; text-align:center; font-size:55px; color:#0051b1; background-position: center; background-repeat: no-repeat; } .lc ul li:hover a{ background-color: #00ad4d; color: #fff; } .lc ul li:hover span{ color: #fff; } .lc ul li i { display: block; width: 48px; line-height: 48px; border-radius: 24px 24px 24px 24px; text-align-last: center; border:1px solid #e6e6e6; color: #e6e6e6; background-color: #fff; font-size: 19px; margin: 0 auto; } .al { position: relative; margin-bottom: 35px; } .al .al-n{ max-width: 1200px; display: inline-block; position: relative; left: 50%; transform: translatex(-50%); margin-top: 30px; margin-bottom: 35px; } .al .al-n li{ float: left; margin: 0 1px; } .al .al-n li a{ padding:0 15px;; line-height: 46px; text-align: center; background-color: #f7f7f7; color: #333; transition: all 0.3s linear; font-size:14px; } .al .al-n li .on2{ background-color: #0051b1; color: #fff !important; } .silder-box1 { position: relative; margin: 0 auto; overflow: auto; } .silder-box-2 { width: 1250px; } .silder-box-2 .silder { margin: 0 auto; } .silder-box-2 .silder li { width: 370px; height: 330px; box-shadow: 0px 3px 30px #eee; position: relative; } .silder-box-2 .silder li:nth-child(1) { margin-left: 15px; } .silder-box-2 .silder li span { color: #333; font-size: 16px; display: block; text-align: center; line-height: 50px; padding-bottom: 35px; transition: all 0.3s linear } .silder-box-2 .silder li img { width: 370px; height: 245px; } .silder-box-2 .silder li i { width: 39px; line-height: 39px; text-align: center; font-size: 20px; border: 4px solid #fff; position: absolute; bottom: -23px; left: 50%; transform: translatex(-50%); border-radius: 23px 23px 23px 23px; background-color: #00ad4d; color: #fff; font-weight: 800; box-shadow: 0px 3px 30px #eee; transition: all 0.3s linear } .silder-box-2 .silder-button { bottom: 0px; width: 96px; height: 34px; position: absolute; cursor: pointer; background-color: #00ad4d; background-position: center; background-repeat: no-repeat; transition: all 0.3s linear } .silder-box-2 .silder-button.btl { left: 50%; transform: translatex(-103%); border-radius: 17px 0px 0px 17px; background-image: url(/uploads/image/simages/jiantou3.png); } .silder-box-2 .silder-button.btr { right: 50%; transform: translatex(103%); border-radius: 0px 17px 17px 0px; background-image: url(/uploads/image/simages/jiantou4.png) } .silder-box-2 .silder li:hover span{ background-color: #0051b1; color:#fff } .silder-box-2 .silder li:hover i{ background-color: #fff; color: #0051b1; border: 4px solid #0051b1; box-shadow:none; } .silder-box-2 .silder-button:hover{ background-color: #0051b1; } .gy{ background-color: #f7f7f7; position: relative; } .gy .gy-c{ width: 1200px; margin: 0 auto; margin-top: 28px; background-color: #fff; height: 300px; position: relative; } .gy .gy-c img{ width: 500px; height: 300px; top: 40px; left: 30px; position: absolute; } .gy .gy-c .gy-c-t{ float: right; margin-right: 55px; width: 570px; } .gy .gy-c .gy-c-t h3{ font-size: 18px; color: #313131; text-align: left; font-weight: 300; padding-top: 58px; padding-bottom: 12px; } .gy .gy-c .gy-c-t div{ color: #333; font-size: 14px; line-height: 28px; height: 105px; overflow: hidden; } .gy .gy-c .gy-c-t span{ display: block; } .gy .gy-c .gy-c-t span a{ display: block; line-height: 34px; text-align: center; background-color: #00ad4d; color: #fff; width: 110px; border-radius: 17px 17px 17px 17px; margin-top: 30px; transition: all 0.3s linear; } .gy .gy-c .gy-c-t span a:hover{ background-color: #0051b1; } .gy .hz{ padding-top: 75px; width: 1200px; margin: 0 auto; height: 135px; } .gy .hz li{ float: left; margin-left: 18px; } .gy .hz li:nth-child(1){ margin-left: 0; } .gy .hz li a{ width: 225px; height: 135px; } .gy .hz li a img{ width: 100%; height: 100%; } .gy .hz-n{ max-width: 1200px; display: inline-block; position: relative; left: 50%; transform: translatex(-50%); margin-top: 30px; margin-bottom: 35px; } .gy .hz-n li{ float: left; margin: 0 9px; background-color: #00ad4d; transition: all 0.3s linear; border-radius: 3px 3px 3px 3px; } .gy .hz-n li a{ width: 122px; line-height: 34px; text-align: center; color: #fff; } .gy .hz-n .on3{ background-color: #0051b1; } .xw{ width: 1200px; margin: 0 auto; margin-top: 46px; } .xw .xw-l{ float: left; width: 740px; } .xw .xw-l .xw-l-t{ position: relative; padding-bottom: 10px; border-bottom:1px solid #e6e6e6 ; } .xw .xw-l .xw-l-t span{ font-size: 19px; line-height: 23px; margin: 0 8px; } .xw .xw-l .xw-l-t span .on4{ color:#0051b1; } .xw .xw-l .xw-l-t i{ position: relative; display:inline-block; background-image: url(/uploads/image/simages/xinwen1.png); width:23px; height: 23px; bottom: -3px; left: 0; } .xw .xw-l .xw-l-t .more{ position: absolute; right: 1px; bottom: 10px; } .xw .xw-l .xw-l-t .more a{ font-size: 13px; color: #333; } .xw .xw-l .xw-l-c-t{ margin-top: 18px; padding-bottom:25px ; border-bottom: 1px dashed #e6e6e6; } .xw .xw-l .xw-l-c-t a{ display: block; } .xw .xw-l .xw-l-c-t img{ float: left; width: 315px; height: 200px; } .xw .xw-l .xw-l-c-t dl{ float: right; width: 390px; } .xw .xw-l .xw-l-c-t dl dt{ font-size: 16px; color: #333; margin-top: 18px; margin-bottom: 12px; } .xw .xw-l .xw-l-c-t dl dd{ font-size: 14px; line-height: 24px; height: 70px; overflow: hidden; } .xw .xw-l .xw-l-c-t dl span{ display: block; margin-top: 25px; width: 110px; line-height: 34px; text-align: center; background-color: #00ad4d; color: #fff; border-radius: 17px 17px 17px 17px; transition: all 0.3s linear } .xw .xw-l .xw-l-c-t dl span:hover{ background-color: #0051b1; } .xw .xw-l .xw-l-c li{ float: left; font-size: 14px; margin-right:40px; } .xw .xw-l .xw-l-c li:nth-child(2n 2){ margin-right: 0px; } .xw .xw-l .xw-l-c li a{ line-height: 62px; width: 350px; border-bottom: 1px dashed #e6e6e6; transition: all 0.3s linear } .xw .xw-l .xw-l-c li a p{ float: left; position: relative; padding-left: 30px; } .xw .xw-l .xw-l-c li a span{ float: right; } .xw .xw-l .xw-l-c li a p i{ position: absolute; width: 12px; height: 2px; background-color: #00ad4d; top: 50%; left: 3px; transform: translatey(-50%); transition: all 0.3s linear } .xw .xw-l .xw-l-c li a:hover p i{ background-color: #0051b1; } .xw .xw-l .xw-l-c li a:hover{ color: #0051b1; border-bottom: 1px dashed #0051b1; } .xw .xw-r{ width: 412px; float: right; } .xw .xw-r .xw-r-t{ position: relative; margin-top: 8px; margin-bottom: 10px } .xw .xw-r .xw-r-t h3{ font-size: 19px; float: right; font-weight: 300; } .xw .xw-r .xw-r-t span{ position: relative; display: block; width: 58px; height: 2px; background-color: #00ad4d; float: right; margin-right: 10px; top: 8px; } .xw .xw-r .xw-r-t .more{ float: left; } .xw .xw-r .xw-r-t .more a{ font-size: 13px; color: #333; } .silder-box3 { position: relative; margin: 0 auto; } .silder-box3 .silder { margin: 0 auto; } .silder-box3 .silder li { width: 410px; height: 127px; box-sizing: border-box; padding: 30px 50px 30px 35px; border:1px solid #e6e6e6 ; } .silder-box3 .silder li a span, .silder-box3 .silder li a p{ display: block; line-height: 28px; font-size: 14px; color: #333; position: relative; padding-left: 33px; } .silder-box3 .silder li a span i, .silder-box3 .silder li a p i { position: absolute; width: 23px; height: 23px; left: 0; top: 50%; transform: translatey(-50%); } .silder-box3 .silder li a span i{ background-image: url(/uploads/image/simages/wen.png); } .silder-box3 .silder li a p i{ background-image: url(/uploads/image/simages/da.png); } .silder-box-3 { width: 100%; } .fooerbg{ margin: 0 auto; margin-top: 65px; width: 100%; background-image: url(/uploads/image/simages/fooderbg.png); background-position: center; } .fooer{ width: 1200px; margin: 0 auto; } .fooer .fooer-l{ padding-top: 73px; width: 295px; float: left; } .fooer .fooer-l img{ display: block; width: 238px; height: 75px; } .fooer .fooer-l h3{ position: relative; font-size: 16px; line-height: 16px; margin-top: 36px; padding-left: 22px; color: #fff; font-weight: 300; margin-bottom: 28px; } .fooer .fooer-l h3 i{ position: absolute; top: 50%; transform: translatey(-50%); left: 0; width: 11px; height: 2px; background-color: #fff; } .fooer .fooer-l .fooerdh{ height: 48px; position: relative; margin-bottom:75px ; } .fooer .fooer-l .fooerdh span{ position: absolute; font-size: 24px; line-height: 22px; bottom: -13px; left: 52px; color: #fff; } .fooer .fooer-r{ padding-top: 62px; width: 745px; float: right; } .fooer .fooer-r .fooer-r-t{ width: 100%; margin-bottom: 47px; height: 17px; overflow: hidden; } .fooer .fooer-r .fooer-r-t li{ float: left; margin-left: 43px; } .fooer .fooer-r .fooer-r-t li:nth-child(1){ margin-left: 0; } .fooer .fooer-r .fooer-r-t li a{ font-size: 13px; } .fooer .fooer-r .fooer-r-c{ width: 100%; } .fooer .fooer-r .fooer-r-c .fooer-r-c-l{ float: left; } .fooer .fooer-r .fooer-r-c .fooer-r-c-l .fooerdj{ width: 390px; height: 115px; border-bottom:1px solid #e6e6e6 ; } .fooer .fooer-r .fooer-r-c .fooer-r-c-l .fooerlj{ margin-top: 28px; } .fooer .fooer-r .fooer-r-c .fooer-r-c-l .fooerlj div{ position: relative; padding-left: 20px; float: left; } .fooer .fooer-r .fooer-r-c .fooer-r-c-l .fooerlj div span{ display: block; position: absolute; width: 12px; height: 16px; bottom: 0; left: 0; background-image: url(/uploads/image/simages/lianjie.png); } .fooer .fooer-r .fooer-r-c .fooer-r-c-l .fooerlj li{ float: left; margin:0 10px ; } .fooer .fooer-r .fooer-r-c .fooer-r-c-l .fooerlj li a{ font-size: 12px; } .fooer .fooer-r .fooer-r-c .fooer-r-c-r{ float: right; } .fooer .fooer-r .fooer-r-c .fooer-r-c-r div{ float: right; margin-right: 40px; } .fooer .fooer-r .fooer-r-c .fooer-r-c-r div:nth-child(1){ margin-right: 0; } .fooer .fooer-r .fooer-r-c .fooer-r-c-r div span{ display: block; }