#qtbf{ width:54%;background-color:#15479c; position:absolute; right:0px; top:20%; z-index:-1; height:66%;} #qtbf .waves{ position: absolute; top:5%; } #gywm{ width:100%; float:left; padding-top:30px; padding-bottom:115px; overflow:hidden; min-width:1200px; background-color:#f2f2f2; z-index:1; position:relative; } #gywm .bt{ width:50%; float:left; margin-top:20px;} #gywm .bt dd{margin-right:370px; float:right; position:relative; font-size:40px; color:#E1E1E1; line-height:80px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; } #gywm .bt dd span{ color:#000; font-size:22px; position:absolute; left:5px; bottom:-10px;} #gywm .left{ width:51%; float:left; background-color:#fff; box-shadow: 0px 1px 8px #aaa; -webkit-box-shadow: 0px 1px 8px #aaa;-moz-box-shadow: 0px 1px 6px #aaa; margin-top:10px; background-image: url(ab.jpg); background-repeat: no-repeat; background-position: center center; } #gywm .left .js{ float:right; width:530px; padding-right:70px; padding-top:40px; padding-bottom:40px; font-size:12px; line-height:25px; overflow:hidden;} #gywm .left .js dd{ margin-bottom:15px; font-size:24px; color:#15479c; font-weight:bold; line-height:35px; height:35px; } #gywm .left .js span{ padding:5px 20px; height:20px; margin-top:10px; text-align:center; float:left; color:#fff; background-color:#555; line-height:20px; font-size:12px; font-weight:bold;} #gywm .left .js span i{ margin-left:10px; line-height:20px;transition:all 0.6s ease-in-out 0s;} #gywm .left .js span:hover{ background-color:#15479c;} #gywm .left .js span:hover i{ margin-left:20px;} #zebq{ width:600px; float:left; margin-left:8%; margin-top:6%; overflow:hidden; } #zebq ul{LIST-STYLE-TYPE: none;} #zebq ul li{width:25%;float:left; color:#fff; text-align:center; border-left:1px solid #fff; margin-left:-1px; padding-top:20px; padding-bottom:20px;} #zebq ul li:last-child{ border-right:0px;} #zebq li h5{ font-size:26px; font-weight:normal; display:block; text-align:center; line-height:70px; color:#fff; position:relative;} #zebq li h5 span{ font-size:30px; color:#ffd942; font-weight:bold; font-family: Arial, Helvetica, sans-serif; } #zebq li h5 i{ position:absolute; top:-15px; right:8%; font-size:16px; color:#ffd942; font-style: normal; } #zebq li h4 { font-size:12px; color:#fff; font-weight:normal; line-height:1.5;} #zebq li p{ font-size:14px; margin-top:10px; color:#fff; text-align:center } #zebq li p img{ margin-bottom:10px; height:30px;} #main{ width:100%; float:left; } #gybf{ width:100%; display:block; float:left; position:relative; z-index:1; display:block; padding-top:40px; padding-bottom:40px;overflow:hidden;} #gybf_1{ width:51.6%; position:absolute; left:0px; top:0px; z-index:-2; height:100%; background-size:cover; background-image: url(bg1.jpg); background-repeat: no-repeat; background-position: center center; } #gybf_2{ background-color:#15479c; width:51.6%; height:80%; right:0px; top:10%; position:absolute; z-index:-1;} #gybf_3{ width:100%; float:left;} #gybf_3 .lefta{ width:42%; float:left; color:#fff; padding-top:5%; padding-bottom:5%;} #gybf_3 .lefta h4{ font-size:36px; font-weight:normal; width:100%; float:left;} #gybf_3 .lefta h4 span{ float:right; text-align:right; font-size:22px; margin-top:5px; margin-top:25px; line-height:30px;} #gybf_3 .lefta p{ font-size:14px; margin-top:30px;width:100%; float:left; line-height:1.8; text-indent:2em} #gybf_3 .ra{ width:50%; float:right;} #gsbf{width:105%;float:left; margin-top:5%; padding-bottom:40px;} #gsbf ul{ list-style-type:none; } #gsbf UL LI { text-align:left; width:48%; float:left; margin:15px 1%; border-bottom:#fff solid 1px; padding-bottom:15px; float:left; display:block; } #gsbf UL LI .tp{ height:40px; width:45px; float:left; margin-right:10px;} #gsbf UL LI .tp img{ height:40px; display:block; margin-left:auto; margin-right:auto; max-width:100%;} #gsbf UL LI h5{ font-size:16px; color:#fff; font-weight:normal; margin-top:5px; line-height:20px;TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden; height:20px;} #gsbf UL LI p{ font-size:12px; font-family: Arial, Helvetica, sans-serif; line-height:14px;color:#fff;TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden; height:14px; } #lmbt{ width:100%; float:left; text-align:center; overflow:hidden;} #lmbt dd{display:inline-block; width:80px; height:6px; background-color:#15479c} #lmbt h4{ font-size:30px; color:#000000; margin-top:20px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; } #lmbt h4 span{ color:#15479c} #lmbt h5{ font-size:22px; color:#333; margin-top:20px; font-weight:normal;} #lmbt .bai{ color:#fff;} .nTab{ width:1200px; float:left; overflow:hidden; text-align:center;margin-top:30px; } .nTab ul{ border:0; margin:0; } .nTab li{ width:200px; display:inline-block; margin-left:5px; margin-right:5px; text-align:center; cursor: pointer; list-style-type: none; height:40px; line-height:40px; font-size: 16px; overflow:hidden; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden; padding-left:10px; padding-right:10px; font-weight:500;transform: skewX(-20deg);border-radius:3px; } .nTab li p{ transform: skewX(20deg);} .nTab li.active{ color:#fff; background-color:#7FC153; } .nTab li.active a{ color:#fff;} .nTab li{ color:#fff; background-color:#2E9DD1; } .nTab li a{ color:#fff;} .nonea{ display:none} #fzls{ width:100%; float:left; margin-top:25px; overflow:hidden;} .fzlc { FLOAT: left; WIDTH:1200px; min-height:450px; } .fzlc .bigImg {WIDTH:1200px; float:left;} .fzlc .bigImg li{WIDTH:1080px; float:left;text-align:left; padding:20px 60px; } .fzlc .bigImg li p{ line-height:25px; text-align:left; font-size:14px; } .fzlc .bigImg LI IMG {width:100%;} .fzlc .bigImg LI dd{ text-align:center; margin-bottom:10px; float:right; margin-left:12px; width:45%;} .fzlc .bigImg H4 { OVERFLOW: hidden; FONT-SIZE: 14px; color:#333;FONT-WEIGHT: bold; text-align:center;LINE-HEIGHT: 30px;font-family:"Microsoft YaHei", "΢���ź�"; border-bottom:#ddd dotted 1px; margin-bottom:10px; } .fzlc .smallScroll { WIDTH:100%; OVERFLOW: hidden; HEIGHT:60px; float:left; margin-bottom:5px; } .fzlc .sPrev,.fzlc .sNext { HEIGHT: 80px; DISPLAY: block; WIDTH: 50px; TEXT-INDENT: -9999px; background-repeat: no-repeat; background-position: center center; } .fzlc .sPrev { background-image: url(la.png); float:left; background-position: left; } .fzlc .sNext { background-image: url(ra.png); float:right; background-position: right; } .fzlc .sPrev:hover { background-image: url(la_h.png); } .fzlc .sNext:hover {background-image: url(ra_h.png);} .fzlc .smallImg { OVERFLOW: hidden; FLOAT: left; DISPLAY: inline; WIDTH:1100px; float:left; position:relative; z-index:1; } .fzlc .smallImg:after{ position:absolute; left:0px; z-index:-1; width:100%; height:1px; background-color:#333333; bottom:20px; content:"";} .fzlc .smallImg UL { OVERFLOW: hidden; HEIGHT: 60px; } .fzlc .smallImg LI { CURSOR: pointer; FLOAT: left; DISPLAY: inline; WIDTH:220px; height:60px; z-index:1; display:block; position:relative; text-align:center; } .fzlc .smallImg li h4 { font-size:18px; line-height:30px; color:#333333; font-weight:normal;transition:all 0.3s ease-in-out 0s;} .fzlc .smallImg li i{ font-size:16px; line-height:20px;transition:all 0.3s ease-in-out 0s;} .fzlc .smallImg .on h4{ font-size:24px; color:#15479c} .fzlc .smallImg .on i{ font-size:24px; color:#15479c} .fzlc .pageState { FONT-FAMILY: "Times New Roman", serif; RIGHT: 5px; POSITION: absolute; LETTER-SPACING: 1px; bottom:112px; color:#FFFFFF; display:none; } .fzlc .pageState SPAN { FONT-SIZE: 16px; COLOR: #f00 } .fzlc .prev { CURSOR: pointer; HEIGHT: 400px; POSITION: absolute; Z-INDEX: 10; DISPLAY: none; TOP: 0px; left:10px; WIDTH: 60px; TEXT-INDENT: -9999px; background-image: url(left.png); background-repeat: no-repeat; background-position: left center; } .fzlc .next { CURSOR: pointer; HEIGHT: 400px; POSITION: absolute; Z-INDEX: 10; DISPLAY: none; TOP: 0px; right:10px; WIDTH: 60px; TEXT-INDENT: -9999px; background-image: url(right.png); background-repeat: no-repeat; background-position: right center; } .hyweb { width:100%; height:580px; float:left; position: relative; padding-bottom:60px; margin-top:45px;} .hyweb ul{ width:1200px; overflow:hidden;} .hyweb li{ width:100%; height:580px; background-repeat: no-repeat; background-position: center top; text-align:center; } .hyweb li img{ border:0px; width:100%;height:580px} .hyweb li A{ width:100%;height:580px; display:block; margin:auto; OVERFLOW: hidden;} /*���ְ�ť��ʽ*/ .hyweb .num { width:100%; left:0px; bottom:0px; text-align:center; height:20px; line-height:20px; position: absolute; z-index: 10; } .hyweb .num li {display:inline-block; text-align:center; width:12px; height:12px; line-height:0px; overflow:hidden; color:#fff; background-color:rgba(255,255,255,0.9); text-align:center; margin-right:4px; margin-left:4px; cursor:pointer; font-family: Arial, Helvetica, sans-serif; font-size:0px; overflow:hidden; transition:all 0.3s ease-in-out 0s;border-radius:14px; } .hyweb .num li.on { background-color:#15479c;} /*��ǰ��*/ /*��һ�� ��һ��*/ .hyweb .prev,.hyweb .next { width: 38px; height:580px; display:block; top:0px; position:absolute; } .hyweb .prev i,.hyweb .next i{ line-height:550px; color:#fff} .hyweb .prev:hover i,.hyweb .next:hover i{ color:#15479c} .hyweb .prev {left:-50px; } .hyweb .next {right:-50px; text-align:right;} #cpfl{width:100%;float:left; overflow:hidden;} #cpfl ul{ list-style-type:none; margin-left:-2%; } #cpfl UL LI { text-align:left; width:23%; float:left; text-align:center; display:block;color:#fff; background-color:#7FC153; padding-bottom:35px; padding-top:35px; margin-left:2%; margin-top:25px;transition:all 0.3s ease-in-out 0s; } #cpfl UL LI .tp{ display:inline-block; height:65px; width:65px;border-radius:65px; overflow:hidden; border:#fff solid 1px;} #cpfl UL LI .tp img{ height:65px; display:block; margin-left:auto; margin-right:auto; max-width:90%;transition:all 0.3s ease-in-out 0s;} #cpfl UL LI .nrc{ width:90%; float:left; padding:5%;} #cpfl UL LI h5{ font-size:22px;color:#fff; font-weight:normal; text-align:center; margin-top:8px; line-height:55px; height:55px; overflow:hidden; } #cpfl UL LI p{ font-size:12px; color:#f9f9f9; margin-top:10px; line-height:20px; height:60px; overflow:hidden; text-align:left;} #cpfl UL LI.c0 h5{color:#fff } #cpfl UL LI.c0 p{ color:#fff;} #cpfl UL LI.c1{ background-color:#15479c;} #cpfl UL LI.c2{ background-color:#2E9DD1} #cpfl UL LI.c3{ background-color:#15479c} #cpfl UL LI:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} #cpfl UL LI:hover{ margin-top:5px;} #news{ width:1200px; float:left; margin-top:30px;} #news-1{ width:1200px; float:left; position:relative; } #news-1 UL { COLOR:#565656; list-style-type:none; width:1240px; } #news-1 UL LI { WIDTH:350px; float:left; margin-right:30px; padding:15px; background-color:#fff; } #news-1 UL LI .tp{ width:350px; height:220px; overflow:hidden; float:left; position:relative;} #news-1 UL LI .tp img{ width:350px; min-height:220px; display:block; transition:all 0.4s ease-in-out 0s;} #news-1 UL LI .tp .rq{ width:70px; height:50px; line-height:24px; padding-top:10px; text-align:center; position:absolute; left:0px; top:25px; background-color:rgba(0,0,0,0.4); color:#fff;} #news-1 UL LI .tp .rq b{ font-size:22px;} #news-1 UL LI .tp .rq p{ font-size:12px; } #news-1 UL LI .bf1{ width:350px; float:left; line-height:30px; border-bottom:#eee solid 1px; padding-top:5px; padding-bottom:5px;} #news-1 UL LI .bf1 .f18{ font-size:16px;TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden; height:30px; line-height:30px; color:#555; margin-bottom:5px;} #news-1 UL LI:hover .f18{color:#333} #news-1 UL LI:hover .tp .rq{ background-color:rgba(255,127,44,0.8);} #news-1 UL LI .bf1 p{ font-size:14px; color:#999} #news-1 UL LI .bf1 p a{ color:#777;} #news-1 UL LI .bf1 p i{ font-size:18px; color:#333; margin-right:10px;} #news-1 UL LI .bf2{width:350px; float:left; margin-top:10px; font-size:13px; line-height:22px; height:66px; overflow:hidden;color:#999;} #news-1 UL LI .bf2 a{ color:#555} #news-1 UL LI:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);} #news-1 UL LI:hover .bf1 .f18{ color:#15479c} #link{ width:1196px; border:#ddd solid 1px; padding:1px; float:left; background-color:#fff; margin-top:35px;} #link_1{ width:70px; height:50px; float:left; line-height:25px; font-size:14px; text-align:center; color:#FFFFFF;background-color:#15479c; } #link_1 p{ font-weight:bold; font-family: "Times New Roman", Times, serif; text-transform:uppercase; } #link_2{ width:1105px; padding-right:13px; float:right; line-height:25px;} #link_2 a{ margin-left:8px; margin-right:8px;} #more{ width:1200px; float:left; margin-top:35px; text-align:center;} #more A{ display:inline-block; padding-left:40px; padding-right:40px; line-height:35px; font-size:14px; border-radius:40px; color:#555; border:#ddd solid 1px; transition:all 0.2s ease-in-out 0s; background-color:#fff; } #more A:hover { background:#15479c; border:#15479c solid 1px; color:#fff; } .myys { width:100%; position: relative; float:left; min-width:1200px; overflow:hidden; padding-top:150px;} .myys .bd{ width:100%; float:left;} .myys .bd li{ width:100%; position:relative; float:left; overflow:hidden; height:500px; background-repeat: no-repeat; background-position: center center; } .myys .bd li .nrd{ width:100%; float:left; height:500px; background-repeat: no-repeat; background-position: center center;background-size:cover;transition:all 0.6s ease-in-out 0s; } .myys .bd li .zzc{ position:absolute; left:8%; bottom:0px; width:500px;} .myys .bd li .zzc .nrc{ width:90%; float:left; background-color:#15479c; padding:10% 5%; text-align:left; } .myys .bd li .zzc h4{ font-size:24px; color:#fff; font-weight:normal; line-height:30px;} .myys .bd li .zzc p{ font-size:12px; height:66px; overflow:hidden; line-height:22px; color:#fff; margin-top:10px;} .myys .bd li img{ border:0px; max-width:100%; height:550px;transition:all 0.6s ease-in-out 0s;} .myys .bd li:hover .nrd{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} .myys .bd li A{ width:100%; display:block; height:500px; } .myys .hd { width:100%; left:0px;top:-20px; text-align:center; position: absolute; z-index: 10; } .myys .hd li { width:10.5%; margin-left:1%; margin-right:1%; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; color:#fff; text-align:center;transition:all 0.6s ease-in-out 0s; padding-bottom:50px; padding-top:35px; } .myys .hd li P{ font-size:18PX; color:#888; margin-top:15px;} .myys .hd li dd{display:inline-block; height:65px; width:65px;border-radius:45px; overflow:hidden; border:#888 solid 1px; overflow:hidden; position:relative;} .myys .hd li dd img{ margin-left:auto; margin-right:auto; display:block;transition:all 0.6s ease-in-out 0s; max-width:100%;} .myys .hd li dd .tp1{ width:100%; height:100%; left:0px; top:0px; position:absolute; text-align:center; display:none;} .myys .hd li.on { background-color:#15479c; } .myys .hd li.on P{ color:#fff;} .myys .hd li.on dd .img1{ display:none;} .myys .hd li.on dd{ border:#fff solid 1px; } .myys .hd li.on dd .tp1{ display:block;} #yyly{ width:100%; float:left;min-width:1250px; } #yyly ul{ list-style-type:none; width:1208px; } #yylist{ width:100%; FLOAT: left; position:relative; padding-top:30px; } #yylist ul{ list-style-type:none; margin-left:-2%} #yylist LI{text-align:left; transition:all 0.4s ease-in-out 0s; cursor:pointer; width:23%; margin-left:2%; float:left;} #yylist LI dd{ width:100%; overflow:hidden; text-align:center; position:relative;} #yylist LI .img1{width:100%; display:block;transition:all 0.6s ease-in-out 0s;} #yylist LI:hover .img1{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);transition:all 0.6s ease-in-out 0s;} #yylist LI .zzc{ position:absolute; left:0px; top:0px; z-index:1; width:100%; height:100%;background-color:rgba(0,0,0,0.3);background-image: url(hx.png); background-repeat: no-repeat; background-position: center center; background-size:0;transition:all 0.6s ease-in-out 0s;} #yylist LI .zzc h5{ margin-top:35%; text-align:center; font-size:18px; color:#fff; font-weight:normal;} #yylist LI .zzc h5 img{ display:block; margin-left:auto; margin-right:auto; margin-bottom:15px; width:65px;} #yylist LI:hover .zzc{background-color:#ffd942;background-size:90%;} .pages{ margin-top: 20px; } /*分页样式*/ .pagination{ margin: 0 8%; text-align: center; } .pagination li { display: inline-block; font-size: 14px; color: #15479c; border: 1px solid #dcdcdc; padding: 5px 9px; margin: 0px 5px; line-height: 1; margin-top: 20px; } .pagination li.active { background-color: #15479c; border: 1px solid #15479c; color: #fff; } .clearfix:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; font-size: 0; } .customer{ width: 100%; height: auto; margin-top: 40px; } .customer ul{ width: 100%; height: auto; float: left; } .customer ul li{ /* width: 20%; */ width:100%; display: flex; justify-content: center; float: left; margin-right: 0; margin-top: 24px; } .customer ul li:nth-child(5){ margin-right: 0px; } .customer ul li a{ display: flex; align-items: center; justify-content: center; padding: 1px; /* width: 210px; height: 100px; */ width:100%; overflow: hidden; box-sizing: border-box; /* border: 1px solid #e3e3e3; */ border-radius: 5px; } .customer ul li a img{ display: block; max-width: 100%; max-height: 100%; }