#part1{ background-color:#0064B8; width:100%; float:left; } #xmjs{ width:97%; padding:1.5%; float:left;} #lmlist{ width:100%; FLOAT: left; position:relative; overflow:hidden; padding-bottom:35px; } #lmlist LI{ LIST-STYLE-TYPE: none; } #lmlist LI p{ cursor:pointer; font-size:14px; margin-top:10px; line-height:24px; height:72px; color:#fff;display: -webkit-box; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} #lmlist .owl-theme .owl-controls{ bottom:5px; position:absolute;} #lmlist .owl-controls .owl-buttons div{ background-color:#fff; color:#68B92E} #lmlist .owl-item{ width:100%; text-align:center;} #lmlist .owl-item .item{width:96%; padding:2%; float:left; text-align:center;} #lmlist .owl-item .item img{border:0px; max-width:80%;transition:all 0.6s ease-in-out 0s; margin-left:auto; margin-right:auto;} #lmlist .owl-controls .owl-dots .owl-dot span{ display:none} #lmlist .owl-controls .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#fff;border:#cc0000 solid 2px;} #lmlist .owl-controls .owl-nav{ position:absolute; left:0px; bottom:0px; text-align:center; width:100%;} #lmlist .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#fff; color:#0064B8; font-size:18px; line-height:15px;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#lmlist .owl-controls .owl-nav [class*=owl-]:hover{background:#C30E2E;color:#fff;text-decoration:none}#lmlist .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default} #part2{ width:100%; float:left; overflow:hidden;} #jlzc{ width:100%; float:left; position:relative; text-align:center;} #jlzc .img1{ max-width:60%; display:block; margin-left:auto; margin-right:auto;} #jlzc .nr{width:90%; padding:1% 5%; z-index:10; position:absolute; left:0px; bottom:0px; background-image: url(../images/bg-3.png); background-repeat: repeat-y; background-position: center top; background-attachment:scroll; color:#0064B8; text-align:center; overflow:hidden; } #jlzc .nr h1{ font-size:24px; text-align:center; line-height:1.5; font-weight:normal; color:#cc0000;} #jlzc .nr p{ font-size:18px; line-height:1.8; text-align:left;display: -webkit-box; text-indent:2em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden;} #more{ width:100%; float:left; margin-top:2%; text-align:center;} #more A{ display:inline-block; padding-left:7%; padding-right:7%; line-height:2; background-color:#0064B8; font-size:18px;border-radius:50px; border:#0064B8 solid 1px; color:#fff;ransition:all 0.4s ease-in-out 0s; } #more A:hover { background:#cc0000; color:#fff; border:#cc0000 solid 1px; } #part3{width:100%; float:left; overflow:hidden; background-color:#F7FBFE;} #lmbt{ width:100%; float:left; text-align:center; background-image: url(../images/line.jpg); background-repeat: repeat-x; background-position: left 22px; } #lmbt li{ display:inline-block; padding-left:5%; padding-right:5%; LIST-STYLE-TYPE: none; background-color:#F7FBFE; } #lmbt h1{ font-size:22px; color:#0064B8; line-height:1.5; letter-spacing:2px; font-weight:normal;} #lmbt h2{ text-align:center; padding-top:10px; margin-bottom:10px;} #lmbt h2 img{ max-width:50%;} #lmbt p{ font-size:18px; line-height:1.5; color:#888; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:5px; } #fwys{ width:98%; float:left; margin-top:1%; padding:1%; overflow:hidden; position:relative;padding-bottom:45px;} #fwys li{ text-align:center;LIST-STYLE-TYPE: none; overflow:hidden; } #fwys li::after{background:#fff; border:#ddd solid 1px;transition:0.8s; left: 0; top:0px; width: 99%; height: 99%; position: absolute; z-index: -1; content: " "; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms;} #fwys li h1{ width:100%; float:left; overflow:hidden; } #fwys li h1 img{ max-width:100%;border:0px;} #fwys li h2{ width:100%; float:left; line-height:2; font-size:20px; margin-top:10px; overflow:hidden; font-weight:normal; } #fwys li p{ width:100%; font-size:14px; line-height:28px; height:84px; color:#666; margin-top:2px; text-align:left; float:left;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} #fwys li span{display: inline-block; padding:5px 10px; border:#DDD solid 1px; zoom: 1; *display: inline; font-size:15px; line-height:20px; color:#333; margin-top:15px;} #fwys li A{ display:block; background-color:#FFFFFF; padding:2%; overflow:hidden; transition:250ms; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms;color:#000;} #fwys li A:hover{ color:#0064B8;} #fwys li:hover::after{ background-color:#fff; border:#0064B8 solid 1px; } #fwys li:hover span{ color:#fff; background-color:#cc0000;border:#cc0000 solid 1px} #fwys .owl-theme .owl-controls{ top:5px; position:absolute;} #fwys .owl-controls .owl-buttons div{ background-color:#fff; color:#68B92E} #fwys .owl-item{ width:100%; text-align:center; overflow:hidden;} #fwys .owl-item .item{width:98%; padding:1%; float:left; text-align:center;} #fwys .owl-item .item img{border:0px; max-width:100%;transition:all 0.6s ease-in-out 0s; margin-left:auto; margin-right:auto;} #fwys .owl-controls .owl-dots .owl-dot span{ display:none} #fwys .owl-controls .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#fff;border:#cc0000 solid 2px;} #fwys .owl-nav{ position:absolute;left:0px; bottom:-5px; text-align:center; width:100%;} #fwys .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 10px;background:#0064B8; color:#fff; font-size:20px; line-height:15px;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#fwys .owl-controls .owl-nav [class*=owl-]:hover{background:#C30E2E;color:#fff;text-decoration:none}#fwys .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default} #fwys LI A:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} #company{ width:100%; float:left; background-color:#0064B8 ;overflow:hidden; margin-top:1%;} #company .sp{ width:50%; float:left;} video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } #company .sp img,#company .sp embed,#company .sp iframe,#company .sp VIDEO{width:100%; overflow:hidden; display:block;} #company .nrq{ width:45%; float:right; padding:2.5%; font-size:16px; line-height:31px; color:#fff; overflow:hidden;} #company .nrq p{ text-indent:2em;} #company .nrq span{ font-size:16px; color:#ff6600; font-weight:bold;} #comfl{width:100%;margin-bottom:4px; overflow:hidden; margin-top:4%; } #comfl ul{ list-style-type:none;} #comfl UL LI {display:inline-block; font-weight:bold; font-size:14px; text-align:center; text-align:center; width:22%; margin:0.5%;border-radius:4px; overflow:hidden; background-color:#FFC047;} #comfl UL LI:nth-child(2){ background-color:#65CCCC} #comfl UL LI:nth-child(3){ background-color:#477AE3} #comfl UL LI:nth-child(4){ background-color:#F26C5E} #comfl UL LI i{ font-size:18px; line-height:2;transition:all 0.6s ease-in-out 0s; margin-right:8px;} #comfl UL LI p{ font-size:14px; } #comfl UL LI A{ display:block;line-height:1.5;color:#fff; } #comfl UL LI A:hover{ background-color:#cc0000; color:#cc0000; color:#FFFFFF;} #comfl UL LI A:hover i{-webkit-transform: rotateY(360deg ); -moz-transform: rotateY(360deg ); -ms-transform: rotateY( 360deg );} #caselist{ width:98%; FLOAT: left; margin-top:15px; padding:1%; text-align:center; } #caselist UL { LIST-STYLE-TYPE: none } #caselist UL LI { float:left; position:relative;display:inline-block; width:33%; float:left;HEIGHT: 300px; overflow:hidden;border:#DBE3F7 solid 1px; margin-left:-1px; margin-top:-1px; background-color:#FFFFFF; } #caselist UL LI td{ height:300px; text-align:center} #caselist UL LI .imgc { border:0px; max-width:90%; max-height:280px;transition:all 0.6s ease-in-out 0s;} #caselist UL LI .zzc{ background-color:rgba(30,66,138,0.7); position:absolute; left:0px; display:none; top:0px; height:300px;width:82%; overflow:hidden; padding-left:10%; padding-right:10%; text-align:center; color:#fff;} #caselist UL LI .zzc div{ display:table-cell; height:300px; vertical-align:middle;} #caselist UL LI .zzc h1{ font-size:22px; line-height:30px; height:30px; text-align:center; font-weight:normal; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden;} #caselist UL LI .zzc p{ font-size:14px; line-height:24px; height:24px; border-bottom:1px solid #fff; padding-bottom:10px;TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden;} #caselist UL LI .zzc h2{ text-align:center; font-size:14px; color:#fff; margin-top:8px;} #caselist UL LI A:hover .imgc{-webkit-transform:scale(1.10);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} #caselist UL LI A:hover .zzc{ display:block;display: table;} #news{ width:97%; float:left; padding:1.5%;} #xwlist{ width:100%; float:left;} #xwlist ul{list-style-type:none;} #xwlist ul li{ width:100%; float:left; overflow:hidden; padding-top:1.2%; padding-bottom:1.2%; float:left; border-bottom:#ddd dotted 1px;} #xwlist ul li .tp{ width:26%; float:left; margin-right:20px; display:block; overflow:hidden;height:200px; text-align:center; background-color:#fff; } #xwlist ul li .tp img{width:100%; border:0px; min-height:200px; display:block;transition:all 0.6s ease-in-out 0s;} #xwlist ul li .bt{ line-height:40px; height:40px; font-size:18px; font-weight:bold; overflow:hidden;TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden; color:#0064B8;} #xwlist ul li .js{ line-height:30px; height:120px; font-size:16px; overflow:hidden; color:#777;display: -webkit-box; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;} #xwlist ul li .more .time{ color:#0064B8; font-size:14px; float:left;line-height:25px;} #xwlist ul li .more{ margin-top:4px; color:#D30830; text-align:right; } #xwlist ul li .more .xx{ padding-left:10px; padding-right:10px; font-size:14px;border-radius:5px; float:right; background-color:#0064B8; border:#0064B8 solid 1px; color:#fff;line-height:22px;} #xwlist ul li A{ color:#111} #xwlist ul li A:hover{ color:#cc0000;} #xwlist ul li:hover .bt{color:#cc0000;} #xwlist ul li:hover A:hover .xx{ background-color:#cc0000; border:#cc0000 solid 1px; color:#fff;} #xwlist ul LI A:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} .nTaba{float: left; width:100%;text-align:center;} .nTaba ul{border:0;margin:0;} .nTaba li{ width:22%;text-align:center; margin-left:1%; margin-right:1%; cursor: pointer; list-style-type: none;line-height:45px; font-size: 20px; display: inline-block; zoom: 1;overflow:hidden; *display: inline } .nTaba li.active{ color:#fff; background-color:#cc0000; } .nTaba li.active p{ background-color:#FFFFFF; height:7px; background-image: url(../images/djt.png); background-repeat: no-repeat; background-position: center top;transition:all 0.5s ease-in-out 0s; } .nTaba li.normal{ color:#fff; background-color:#0064B8; } .nTaba li.normal p{ background-color:#FFFFFF; height:7px; background-image: url(../images/djt1.png); background-repeat: no-repeat; background-position: center top; } .nonea{ display:none} #link{ width:100%; float:left; margin-top:2%;background-color:#FFFFFF;} #link b{ font-size:14px; color:#0064B8;} #link A{ padding-left:8px; padding-right:8px; font-size:14px;} @media only screen and (min-width: 1000px){#lmlist{ padding:0px;}} @media only screen and (min-width: 801px) and (max-width: 1000px){#caselist UL LI,#caselist UL LI td,#caselist UL LI .zzc,#caselist UL LI .zzc div{ height:200px;}#caselist UL LI .imgc {max-height:180px;}#caselist UL LI .zzc h1{ font-size:20px;}.nTaba li{ width:23%;text-align:center; font-size:18px;}#xwlist ul li .tp{height:150px;}#xwlist ul li .tp img{min-height:150px;}#xwlist ul li .bt{ line-height:35px; height:35px; font-size:16px;}#xwlist ul li .js{line-height:25px; height:100px; font-size:14px;}} @media only screen and (min-width: 801px) and (max-width: 1100px){#jlzc .nr h1{ font-size:18px; font-weight:bold;}#jlzc .nr p{ font-size:15px;}#more A{ font-size:18px}#lmbt h1{font-size:20px; font-weight:bold;}#lmbt p{ font-size:16px;}#company .nrq{ font-size:13px; line-height:25px;}#company .nrq span{ font-size:14px; }#company .nrq p{display: -webkit-box; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical;}#comfl UL LI p{ font-size:12px; }} @media only screen and (min-width: 680px) and (max-width:800px){#comfl{ margin-top:3%;}#company .nrq{ font-size:12px; line-height:22px;}#company .nrq span{font-size:13px}#company .nrq p{display: -webkit-box; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical;}#comfl UL LI { width:48%; margin:1%;}#caselist UL LI,#caselist UL LI td,#caselist UL LI .zzc,#caselist UL LI .zzc div{ height:140px;}#caselist UL LI .imgc {max-height:120px;}#caselist UL LI .zzc h1{ font-size:16px;}#caselist UL LI .zzc p,#caselist UL LI .zzc h2{ font-size:12px;}.nTaba li{ width:23%;text-align:center; font-size:16px; line-height:45px; }#xwlist ul li .tp{height:120px; width:32%;margin-right:12px;}#xwlist ul li .tp img{min-height:120px;}#xwlist ul li .bt{ line-height:25px; height:25px; font-size:14px;}#xwlist ul li .js{line-height:22px; height:66px; font-size:12px;display: -webkit-box; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}#xwlist ul li .more .time,#xwlist ul li .more .xx{ font-size:12px}} @media only screen and (max-width: 679px){#company .sp{ width:100%;}#company .nrq{ width:96%; padding:2%; font-size:12px; line-height:22px;}#company .nrq p{display: -webkit-box; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;} #company .nrq span{ font-size:13px;}#caselist UL LI { width:49%;}#caselist UL LI,#caselist UL LI td,#caselist UL LI .zzc,#caselist UL LI .zzc div{ height:180px;}#caselist UL LI .imgc {max-height:160px;}#caselist UL LI .zzc h1{ font-size:18px;}.nTaba li{ width:23%;text-align:center; font-size:14px; line-height:40px; font-weight:bold; }#xwlist ul li .tp{height:120px; width:32%;margin-right:12px;}#xwlist ul li .tp img{min-height:120px;}#xwlist ul li .bt{ line-height:25px; height:25px; font-size:14px;}#xwlist ul li .js{line-height:22px; height:66px; font-size:12px;display: -webkit-box; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}#xwlist ul li .more .time,#xwlist ul li .more .xx{ font-size:12px}} @media only screen and (min-width: 451px) and (max-width: 800px){#jlzc .nr h1{ font-size:16px; font-weight:bold;}#jlzc .nr p{ font-size:14px;}#more A{ font-size:16px}#lmbt h1{font-size:18px; font-weight:bold;}#lmbt p{ font-size:14px;}#fwys li h2{ font-size:16px;}#fwys li p{ font-size:14px; line-height:25px; height:75px;} #fwys li span { font-size:14px;}} @media only screen and (max-width: 450px){#lmlist .owl-item .item img{ max-width:30%;}#lmlist LI p{ font-size:12px; line-height:20px; height:40px;display: -webkit-box; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}#jlzc .nr h1{ font-size:14px; font-weight:bold;}#jlzc .nr p{ font-size:12px;} #more A{ font-size:14px}#more{margin-top:4%;}#lmbt h1{font-size:14px; font-weight:bold;}#lmbt p{ font-size:12px;}#fwys li h2{ font-size:14px;}#fwys li p{ font-size:12px; line-height:20px; height:60px;} #fwys li span { font-size:12px; font-weight:bold;}#comfl UL LI { width:48%; margin:1%;}#caselist UL LI,#caselist UL LI td,#caselist UL LI .zzc,#caselist UL LI .zzc div{ height:140px;}#caselist UL LI .imgc {max-height:120px;}#caselist UL LI .zzc h1{ font-size:16px;}#caselist UL LI .zzc p,#caselist UL LI .zzc h2{ font-size:12px;}.nTaba li{ width:23%;text-align:center; font-size:13px; line-height:30px; font-weight:bold;}#xwlist ul li .tp{height:80px; width:34%; }#xwlist ul li .tp img{min-height:80px;}#xwlist ul li .bt{ line-height:22px; height:22px; font-size:12px;}#xwlist ul li .js{line-height:20px; height:40px; font-size:12px;display: -webkit-box; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}}