body {} .head { width: 100%; height: 20px; line-height: 20px; background: #2eb6aa; text-align: right; color: #fff; font-size: 14px; padding: 10px 0; } .head a { color: #fff; padding: 0 10px; } .top { width: 100%; height: auto; margin: 21px 0; } .logo { display: block; float: left; height: 55px; } nav { height: 72px; float: right; position: relative; z-index: 10000; } .main { display: flex; justify-content: center; } .main>li { margin: 0 3px; } .main>li a { text-decoration: none; color: #333; text-transform: capitalize; font-family: monospace; display: block; padding: 21px 15px; font-size: 16px; transition: background-color 0.5s ease-in-out; font-family: "Raleway", sans-serif; text-align: center; } .main>li a:hover { color: #2eb6aa; } .drop li { opacity: 0; transform-origin: top center; } .drop li a { background-color: rgba(0, 0, 0, 0.5); width: 100%; padding: 10px 0; color: #fff; } .main li:hover .menu6 li:first-of-type { animation: menu6 0.3s ease-in-out forwards; animation-delay: 0.2s; } .main li:hover .menu6 li:nth-of-type(2) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 0.4s; } .main li:hover .menu6 li:nth-of-type(3) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 0.6s; } .main li:hover .menu6 li:nth-of-type(4) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 0.8s; } .main li:hover .menu6 li:nth-of-type(5) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 1s; } .main li:hover .menu6 li:nth-of-type(6) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 1.2s; } .main li:hover .menu6 li:nth-of-type(7) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 1.4s; } .main li:hover .menu6 li:nth-of-type(8) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 1.6s; } .main li:hover .menu6 li:last-of-type(9) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 1.8s; } .main li:hover .menu6 li:last-of-type(10) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 2s; } @keyframes menu6 { 0% { opacity: 0; transform: scale(2); } 100% { opacity: 1; transform: scale(1); } } .xxgk-cwb { width: 100%; height: 240px; overflow: hidden; } .xyxw-first img { height: 100%; } .xxgk { width: 100%; background: #ebebeb; } .xxgk-right, .xxgk-left { width: 50%; overflow: hidden; } .xxgk-right img { width: 100%; } .xxgk-left1 { padding-top: 50px; padding-right: 110px; padding-left: 150px; box-sizing: border-box; width: 100%; } .xxgk-left-title { float: right; width: 100%; } .xxgk-left-txt { width: 100%; margin-top: 40px; } .xxgk-left-txt p { display: block; width: 100%; color: #333; font-size: 14px; text-indent: 2em; line-height: 30px; text-align: justify; } .title-h3 { font-size: 32px; color: #30b9aa; height: 65px; line-height: 65px; font-weight: normal; float: left; display: block; background: url(../images/pic1.png) no-repeat center bottom; } .more, .more1, .more3 { display: inline-block; color: #36b7ab; font-size: 14px; height: 30px; line-height: 30px; border-bottom: 1px solid #36b7ab; margin-top: 35px; } .more1 { color: #fff; border-bottom: 1px solid #fff; display: inline-block; position: relative; left: 50%; margin-left: -45px; } .more3 { position: relative; left: 50%; margin-left: -45px; margin-top: 13px; } .more span, .more1 span, .more3 span { display: block; float: left; } .more img, .more1 img, .more3 img { display: block; float: left; vertical-align: middle; margin-left: 5px; margin-top: 13px; position: relative; } .more:hover img, .more1:hover img, .more3:hover img { animation: mymove 2s infinite; -moz-animation: mymove 2s infinite; /* Firefox */ -webkit-animation: mymove 2s infinite; /* Safari and Chrome */ -o-animation: mymove 2s infinite; /* Opera */ } @keyframes mymove { 0% { left: 0px; } 50% { left: 10px; } 100% { left: 0px; } } @-moz-keyframes mymove /* Firefox */ { 0% { left: 0px; } 50% { left: 10px; } 100% { left: 0px; } } @-webkit-keyframes mymove /* Safari and Chrome */ { 0% { left: 0px; } 50% { left: 10px; } 100% { left: 0px; } } @-o-keyframes mymove /* Opera */ { 0% { left: 0px; } 50% { left: 10px; } 100% { left: 0px; } } .xxgk-img { width: 100%; float: left; } .xxgk-img li { width: 200px; margin-right: 45px; margin-top: 50px; height: 100px; float: left; overflow: hidden; } .xxgk-img li img { width: 100%; } .xyxw { background: #f4f4f4; width: 100%; float: left; padding: 55px 0; } .xyxw-title { width: 340px; margin: 0 auto; } .xyxw-title li a { font-size: 32px; color: #333; height: 65px; line-height: 65px; font-weight: normal; float: left; display: block; margin: 0 20px; } .current a:hover, .current a:active, .current a:link, .current a:visited { color: #30b9aa; background: url(../images/pic1.png) no-repeat center bottom; } .xyxw-con, .xygs-nr { width: 100%; margin-top: 75px; } .xyxw-first { width: 425px; margin-right: 25px; height: 550px; position: relative; overflow: hidden; } .xyxw-first-con { position: absolute; width: 345px; height: 150px; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); padding: 0 40px 20px; color: #fff; padding-top: 380px; z-index: 1000; } .xyxw-first-con span { display: block; width: 100px; height: 30px; line-height: 30px; color: #fff; background: #ffbc3b; text-align: center; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .xyxw-first-con h3 { display: block; float: left; width: 100%; height: 30px; font-size: 24px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 15px 0; } .xyxw-first-con p { display: block; float: left; width: 100%; height: 48px; font-size: 14px; line-height: 24px; overflow: hidden; color: rgba(255, 255, 255, 0.8); } .xyxw-list { width: 850px; } .xyxw-list li { width: 270px; margin-right: 20px; float: left; } .xyxw-list li h3 { width: 100%; height: 280px; overflow: hidden; } .xyxw-list li:last-child { margin-right: 0; } .xyxw-list-txt { width: 100%; float: left; } .xyxw-list li h4 { width: 100%; line-height: 28px; font-size: 16px; margin-top: 20px; color: #333; } .xyxw-list li p { width: 100%; height: 72px; line-height: 24px; font-size: 14px; overflow: hidden; margin-top: 15px; color: #666; } .foot { width: 100%; padding: 50px 0 30px; position: relative; } .foot-logo { display: block; float: left; } .foot-logo, .foot-logo img { width: 160px; } .foot1 { width: 520px; margin-left: 135px; color: #999; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } .foot1 span a img{margin-top:6px;} .foot1 p { line-height: 26px; width: 100%; float: left; } .foot2 { float: right; width: 360px; } .foot2 ul { float: right; } .foot2 li { width: 32px; height: 25px; margin: 0 10px; float: left; } .foot-link { width: 100%; text-align: right; color: #999; font-size: 12px; margin-top: 20px; display: none; } .foot-link a { color: #999; font-size: 14px; padding: 0 6px; } .cta { font-family: "Raleway"; overflow: hidden; backface-visibility: hidden; position: relative; } .cta:active { transform: translateY(3px); } .btn-text-parent { position: relative; overflow: hidden; } .wrap_text { display: inline-block; } .buildin-btn-text { position: absolute; left: 0; top: 0; z-index: 9; width: 100%; transform: translateY(100%); } .buildin-btn-text .btn-letter { opacity: 0; } .btn-letter { display: inline-block; margin: 0em 0.05em; position: relative; transition: transform 300ms, opacity 300ms ease; } .current-btn-text .btn-letter:nth-child(1) { transition-delay: 49ms; } .current-btn-text .btn-letter:nth-child(2) { transition-delay: 99ms; } .current-btn-text .btn-letter:nth-child(3) { transition-delay: 149ms; } .current-btn-text .btn-letter:nth-child(4) { transition-delay: 199ms; } .current-btn-text .btn-letter:nth-child(5) { transition-delay: 249ms; } .current-btn-text .btn-letter:nth-child(6) { transition-delay: 299ms; } .current-btn-text .btn-letter:nth-child(7) { transition-delay: 349ms; } .current-btn-text .btn-letter:nth-child(8) { transition-delay: 399ms; } .current-btn-text .btn-letter:nth-child(9) { transition-delay: 449ms; } .current-btn-text .btn-letter:nth-child(10) { transition-delay: 499ms; } .current-btn-text .btn-letter:nth-child(11) { transition-delay: 549ms; } .current-btn-text .btn-letter:nth-child(12) { transition-delay: 599ms; } .current-btn-text .btn-letter:nth-child(13) { transition-delay: 649ms; } .current-btn-text .btn-letter:nth-child(14) { transition-delay: 699ms; } .current-btn-text .btn-letter:nth-child(15) { transition-delay: 749ms; } .current-btn-text .btn-letter:nth-child(16) { transition-delay: 799ms; } .current-btn-text .btn-letter:nth-child(17) { transition-delay: 849ms; } .current-btn-text .btn-letter:nth-child(18) { transition-delay: 899ms; } .current-btn-text .btn-letter:nth-child(19) { transition-delay: 949ms; } .current-btn-text .btn-letter:nth-child(20) { transition-delay: 999ms; } .current-btn-text .btn-letter:nth-child(21) { transition-delay: 1049ms; } .current-btn-text .btn-letter:nth-child(22) { transition-delay: 1099ms; } .current-btn-text .btn-letter:nth-child(23) { transition-delay: 1149ms; } .current-btn-text .btn-letter:nth-child(24) { transition-delay: 1199ms; } .current-btn-text .btn-letter:nth-child(25) { transition-delay: 1249ms; } .current-btn-text .btn-letter:nth-child(26) { transition-delay: 1299ms; } .current-btn-text .btn-letter:nth-child(27) { transition-delay: 1349ms; } .current-btn-text .btn-letter:nth-child(28) { transition-delay: 1399ms; } .current-btn-text .btn-letter:nth-child(29) { transition-delay: 1449ms; } .current-btn-text .btn-letter:nth-child(30) { transition-delay: 1499ms; } .buildin-btn-text .btn-letter:nth-child(1) { opacity: 0; transition-delay: 49ms; } .buildin-btn-text .btn-letter:nth-child(2) { opacity: 0; transition-delay: 99ms; } .buildin-btn-text .btn-letter:nth-child(3) { opacity: 0; transition-delay: 149ms; } .buildin-btn-text .btn-letter:nth-child(4) { opacity: 0; transition-delay: 199ms; } .buildin-btn-text .btn-letter:nth-child(5) { opacity: 0; transition-delay: 249ms; } .buildin-btn-text .btn-letter:nth-child(6) { opacity: 0; transition-delay: 299ms; } .buildin-btn-text .btn-letter:nth-child(7) { opacity: 0; transition-delay: 349ms; } .buildin-btn-text .btn-letter:nth-child(8) { opacity: 0; transition-delay: 399ms; } .buildin-btn-text .btn-letter:nth-child(9) { opacity: 0; transition-delay: 449ms; } .buildin-btn-text .btn-letter:nth-child(10) { opacity: 0; transition-delay: 499ms; } .buildin-btn-text .btn-letter:nth-child(11) { opacity: 0; transition-delay: 549ms; } .buildin-btn-text .btn-letter:nth-child(12) { opacity: 0; transition-delay: 599ms; } .buildin-btn-text .btn-letter:nth-child(13) { opacity: 0; transition-delay: 649ms; } .buildin-btn-text .btn-letter:nth-child(14) { opacity: 0; transition-delay: 699ms; } .buildin-btn-text .btn-letter:nth-child(15) { opacity: 0; transition-delay: 749ms; } .buildin-btn-text .btn-letter:nth-child(16) { opacity: 0; transition-delay: 799ms; } .buildin-btn-text .btn-letter:nth-child(17) { opacity: 0; transition-delay: 849ms; } .buildin-btn-text .btn-letter:nth-child(18) { opacity: 0; transition-delay: 899ms; } .buildin-btn-text .btn-letter:nth-child(19) { opacity: 0; transition-delay: 949ms; } .buildin-btn-text .btn-letter:nth-child(20) { opacity: 0; transition-delay: 999ms; } .buildin-btn-text .btn-letter:nth-child(21) { opacity: 0; transition-delay: 1049ms; } .buildin-btn-text .btn-letter:nth-child(22) { opacity: 0; transition-delay: 1099ms; } .buildin-btn-text .btn-letter:nth-child(23) { opacity: 0; transition-delay: 1149ms; } .buildin-btn-text .btn-letter:nth-child(24) { opacity: 0; transition-delay: 1199ms; } .buildin-btn-text .btn-letter:nth-child(25) { opacity: 0; transition-delay: 1249ms; } .buildin-btn-text .btn-letter:nth-child(26) { opacity: 0; transition-delay: 1299ms; } .buildin-btn-text .btn-letter:nth-child(27) { opacity: 0; transition-delay: 1349ms; } .buildin-btn-text .btn-letter:nth-child(28) { opacity: 0; transition-delay: 1399ms; } .buildin-btn-text .btn-letter:nth-child(29) { opacity: 0; transition-delay: 1449ms; } .buildin-btn-text .btn-letter:nth-child(30) { opacity: 0; transition-delay: 1499ms; } .cta:hover .current-btn-text .btn-letter { opacity: 0; transform: translateY(-100%); } .cta:hover .buildin-btn-text .btn-letter { opacity: 1; transform: translateY(-100%); } .tzgg1 { width: 100%; } .tzgg1 li { width: 575px; margin-bottom: 55px; margin-right: 20px; float: left; } .tzgg1 li:nth-child(2n+0) { margin-right: 0; float: right; } .tzgg1-date { width: 70px; height: 70px; border-radius: 2px; background: #30b9aa; color: #fff; font-family: Arial, Helvetica, sans-serif; padding-top: 12px; float: left; } .tzgg1-date p { display: block; float: left; width: 100%; text-align: center; font-size: 36px; line-height: 36px; } .tzgg1-date span { display: block; float: left; width: 100%; text-align: center; font-size: 14px; line-height: 20px; } .tzgg1-txt { display: block; float: right; width: 455px; } .tzgg1-txt h3 { display: block; width: 100%; height: 26px; line-height: 26px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; } .tzgg1-txt p { display: block; width: 100%; height: 48px; line-height: 24px; color: #666; overflow: hidden; font-size: 14px; margin-top: 10px; } .tzgg1 li:hover .tzgg1-txt h3, .tzgg1 li:hover .tzgg1-txt p { color: #30b9aa; } .head-wid1300 { width: 1300px; margin: 0 auto; position: relative; } .subnav { float: right; position: absolute; top: 0; right: 60px; } .subnav li { float: left; font-size: 14px; color: #fff; border-right: 1px solid #fff; } .subnav li:last-child { border-right: 0; } .search { padding-left: 40px; font-size: 16px; cursor: pointer; position: relative; } .search input { border: 1px solid #eeeeee; background: rgba(255, 255, 255, 0.1); height: 34px; line-height: 34px; color: #333; border-radius: 30px; width: 0px; text-indent: 10px; opacity: 0; outline: none; } .search i.active { position: absolute; right: 0px; top: 0px; color: #5b5b5b; } .search button { display: none; } .search.active input { width: 150px; opacity: 1; } .search.active i.active { position: absolute; right: 10px; top: 0px; } .search.active i.active:before { content: '\ea1f'; border: 0!important; padding: 5px 0!important; margin-top: 5px; margin-right: 15px; } .motion_1 { transition: all 0.5s ease-out; } @font-face { font-family: 'icon'; src: url('icon.eot?23948535'); src: url('icon.eot?23948535#iefix') format('embedded-opentype'), url('icon.woff2?23948535') format('woff2'), url('icon.woff?23948535') format('woff'), url('icon.ttf?23948535') format('truetype'), url('icon.svg?23948535#icon') format('svg'); font-weight: normal; font-style: normal; } /* [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 0.8em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border:1px solid #eee; border-radius:100%; padding:8px 10px 8px 8px; }*/ .icon-search:before { content: '\e95c'; } .tszy { width: 100%; background: #f4f4f4; padding-bottom: 90px; } .tszy1 { width: 100%; background: #f4f4f4; padding-bottom: 90px; } .tszy-left { width: 298px; float: left; margin: 100px 75px 0 0; } .tszy-right { width: 926px; float: right; margin: 80px 0 0 0; } .box { text-align: center; overflow: hidden; position: relative; } .box:before { content: ""; width: 0; height: 100%; background: #000; padding: 14px 18px; position: absolute; top: 0; left: 50%; opacity: 0; transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s; } .box:hover:before { width: 100%; left: 0; opacity: 0.5; } .box img { width: 100%; height: 100%; } .box .box-content { width: 100%; color: #fff; position: absolute; top: 34%; left: 0; } .box .title { font-size: 28px; line-height: 60px; text-transform: uppercase; margin: 0; opacity: 0; transition: all 0.5s ease 0s; } .box .post { font-size: 15px; text-transform: capitalize; opacity: 0; transition: all 0.5s ease 0s; } .box:hover .title, .box:hover .post { opacity: 1; transition-delay: 0.7s; } .box .icon { padding: 0; margin: 0; list-style: none; margin-top: 15px; } .box .icon li { display: inline-block; } .box .icon li a { display: block; width: 62px; height: 62px; line-height: 62px; border-radius: 50%; background: url(../images/pic19.png) no-repeat; font-size: 20px; font-weight: 700; color: #fff; margin-right: 5px; opacity: 0; transform: translateY(50px); transition: all 0.5s ease 0s; } .box3 .icon li a, .box4 .icon li a { background: #30b9aa url(../images/pic20.png) no-repeat center center; width: 40px; height: 40px; line-height: 40px; } .box3 .title, .box4 .title { line-height: 30px; } .box:hover .icon li a { opacity: 1; transform: translateY(0px); transition-delay: 0.5s; } .box:hover .icon li:last-child a { transition-delay: 0.8s; } .box1 { width: 588px; height: 441px; float: left; margin-right: 5px; } .box2 { width: 295px; height: 441px; float: left; overflow: hidden; } .box3 { width: 100%; height: 218px; float: left; margin-bottom: 5px; } .box4 { width: 100%; height: 218px; float: left; } .tszy-con { width: 100%; float: left; margin-top: 45px; font-size: 14px; color: #666; line-height: 30px; } .tszy-con p { display: block; text-indent: 2em; text-align: justify; } .szll { width: 100%; background: #f4f4f4 url(../images/szll.jpg) no-repeat center bottom; padding-top: 50px; height: 700px; } .center { margin: 0 auto; float: none; width: 192px; text-align:center; } .Box_con { position: relative; margin-top: 62px; } .Box_con .btnl { position: absolute; } .Box_con .btn { display: block; width: 16px; height: 30px; position: absolute; top: 125px; cursor: pointer; } .Box_con .btnl { background: url(../images/pic8.png) no-repeat center; left: 0; } .Box_con .btnr { background: url(../images/pic9.png) no-repeat center; right: 0; } .Box_con .btnl:hover { background: url(../images/pic8-hover.png) no-repeat center; } .Box_con .btnr:hover { background: url(../images/pic9-hover.png) no-repeat center; } .Box_con .conbox { position: relative; overflow: hidden; height: 415px; width: 1200px; margin: 0 auto; } .Box_con .conbox ul { position: relative; list-style: none; } .Box_con .conbox ul li { float: left; width: 270px; height: 415px; margin-left: 40px; overflow: hidden; } .Box_con .conbox ul li:first-child { margin-left: 0; } .Box_con .conbox ul li .img { display: block; width: 270px; height: 280px; overflow: hidden; } .Box_con .conbox ul li .img img { width: 100%; height: 100%; } .Box_con .conbox ul li .txt { display: block; float: left; width: 230px; height: 90px; margin-top: 15px; background: #e5e6e8; padding: 15px 20px; } .Box_con .conbox ul li .txt h3 { display: block; width: 100%; float: left; height: 30px; line-height: 30px; color: #333; font-size: 20px; } .Box_con .conbox ul li .txt h3 span { font-size: 14px; margin-left: 15px; } .Box_con .conbox ul li .txt p { display: block; width: 100%; float: left; height: 48px; line-height: 24px; font-size: 14px; margin-top: 8px; color: #666; overflow: hidden; } .Box_con .conbox ul li:hover .txt { background: #fff; margin-top: 0; padding: 30px 20px 15px; } .xyxw-list li h3 a:hover img, .xyxw-first a:hover img, .Box_con .conbox ul li:hover img, .xxgk-right:hover img { transform: scale(1.1); transition: all 0.5s ease; } .Box_con .conbox ul li:hover .txt h3 { color: #30b9aa; } .Box_con .conbox ul li:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); } /* CSS Document */ .data2 { display: table; position: relative; overflow: hidden; float: right; } .data2 .pic2 { position: absolute; top: 0; left: 0; z-index: -1; } .data2 .image_container a { width: 100%; height: 100%; display: block; float: left; -webkit-perspective: 600px; -moz-perspective: 600px; } .data2 .image_container a .pic1 { -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .data2 .image_container a:hover .pic1 { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .data2 .image_container a .pic2 { -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; /*z-index:10; position:absolute;*/ } .data2 .image_container a:hover .pic2 { -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotate(0deg); z-index: 10; position: absolute; } .data2 .row { width: 32px; height: 25px; float: left; margin-left: 10px; margin-right: 10px; position: relative; z-index: 10; position: relative; } .data2 .row .pic1 { width: 100%; height: 100%; overflow: hidden; } .data2 .row .pic2 { width: 100%; height: 100%; overflow: hidden; } .data2 .row .pic2 img { position: absolute; } .list-banner1 { width: 100%; height: 413px; background: url(../images/list-banner1.jpg) no-repeat center top; float: left; position: relative; } .lmcc { position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; height: 87px; background: url(../images/lmcc.png) no-repeat; color: #fff; font-size: 36px; line-height: 87px; } .ejlm { width: 1300px; margin: 0 auto; line-height: 85px; height: 85px; border-bottom: 1px solid #e5e5e5; } .ejlm li a { display: block; float: left; margin-top: 25px; height: 30px; line-height: 30px; margin-right: 35px; position: relative; } .ejlm li a:after { -webkit-transition: width .5s ease-in-out; transition: width .2s ease-in-out; left: 0; content: ""; position: absolute; bottom: 0; width: 0; border-bottom: solid 2px #2eb6aa; } .ejlm li a:hover:after { color: #2eb6aa!important; width: 100%; } .ejlm-dq { color: #2eb6aa!important; border-bottom: solid 2px #2eb6aa!important; } .zhy-jj, .xzbm, .qwoy, .szll-list, .spdt, .tzgg-list, .tpfc-list, .neirong-list, .ssjg-list { width: 1300px; margin-top: 50px; } .xzbm, .qwoy, .szll-list, .spdt, .tzgg-list, .tpfc-list, .neirong-list, .ssjg-list { border-bottom: 1px solid #e5e5e5; padding-bottom: 50px; } .qwoy1 { width: 100%; height: 340px; overflow: hidden; background: #f6f6f6; transition: all 0.5s ease-in-out; margin-bottom: 50px; } .qwou-img { width: 650px; height: 340px; overflow: hidden; } .qwou-img img { width: 100%; } .qwou-txt, .qwou-txt1 { width: 600px; padding: 25px; } .qwou-txt dt, .qwou-txt1 dt { font-size: 20px; height: 40px; line-height: 40px; width: 100%; float: left; margin-bottom: 15px; } .qwou-txt dd, .qwou-txt1 dd { display: block; float: left; width: 47%; height: 40px; line-height: 40px; float: left; font-size: 14px; background: url(../images/pic37.png) no-repeat left center; padding-left: 15px; float: left; } .qwou-txt dd a, .qwou-txt1 dd a { color: #333; } .qwoy1:hover { background: linear-gradient(62deg, #30b9aa 0%, #30aab9 100%); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5); } .qwoy1:hover dt, .qwoy1:hover a { color: #fff; } .qwoy1:hover img { transform: scale(1.1); transition: all 0.5s ease-in-out; } .qwoy1:hover .qwou-txt dd, .qwoy1:hover .qwou-txt1 dd { background: url(../images/pic36.png) no-repeat left center; } .qwou-txt1 dd { width: 29.5%; } .tzgg-list li { width: 47%; margin-right: 6%; margin-bottom: 80px; background: #eeeeee; position: relative; float: left; padding: 20px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } .tzgg-list li h3 { font-size: 18px; height: 30px; line-height: 30px; width: 100%; float: left; color: #333; overflow: hidden; display: block; } .tzgg-list li span { font-size: 14px; height: 30px; line-height: 30px; width: 100%; float: left; color: #666; overflow: hidden; display: block; } .tzgg-list li p { font-size: 14px; height: 60px; line-height: 30px; width: 100%; float: left; color: #333; overflow: hidden; display: block; margin-bottom: 20px; margin-top: 10px; } .tzgg-list li:hover { background: linear-gradient(62deg, #30b9aa 0%, #30aab9 100%); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5); } .tzgg-list li:hover h3, .tzgg-list li:hover span, .tzgg-list li:hover p { color: #fff; } .tzgg-list li .tzgg-more { position: absolute; left: 30px; bottom: -20px; z-index: 10; display: block; transition: all 3s ease-in-out; } .tzgg-list li .tzgg-more:hover { left: 100px; } .tpfc-list .tpfc1 { width: 640px; height: 420px; overflow: hidden; margin-right: 20px; margin-bottom: 20px; } .tpfc-list .tpfc2, .tpfc-list .tpfc4, .tpfc-list .tpfc10, .tpfc-list .tpfc7, .tpfc-list .tpfc8, .tpfc-list .tpfc9 { width: 310px; height: 200px; overflow: hidden; margin-right: 20px; margin-bottom: 20px; } .tpfc-list .tpfc6 { width: 640px; height: 420px; overflow: hidden; margin-right: 0; margin-bottom: 20px; float: right; } .tpfc-list .tpfc3, .tpfc-list .tpfc5 { width: 310px; height: 200px; overflow: hidden; margin-right: 0; margin-bottom: 20px; } .tpfc-list li { float: left; position: relative; } .tpfc-list img { transition: all 7s; vertical-align: top; } .tpfc-list img:hover { transform: scale(1.2); } .tpfc-list .tpfc1 p, .tpfc-list .tpfc6 p { background: url(../images/pic49.png) repeat-x left bottom; display: block; position: absolute; width: 90%; height: 64px; line-height: 64px; color: #fff; font-size: 16px; z-index: 10; bottom: 0; padding: 140px 5% 0; } .tpfc-list .tpfc2 p, .tpfc-list .tpfc3 p, .tpfc-list .tpfc4 p, .tpfc-list .tpfc5 p, .tpfc-list .tpfc7 p, .tpfc-list .tpfc8 p, .tpfc-list .tpfc9 p, .tpfc-list .tpfc10 p { background: url(../images/pic50.png) repeat-x left bottom; display: block; position: absolute; width: 90%; height: 60px; line-height: 60px; color: #fff; font-size: 16px; z-index: 10; bottom: 0; padding: 0 5% 0; } .neirong-title h3 { display: block; width: 100%; line-height: 40px; font-size: 30px; text-align: center; margin-bottom: 10px; } .neirong-title p { display: block; float: left; width: 100%; text-align: center; font-size: 16px; color: #666; line-height: 36px; } .neirong-title p img { vertical-align: middle; margin-right: 4px; } .neirong-nr, .neirong-title { width: 100%; float: left; margin: 15px 0; } .neirong-nr p { font-size: 16px; color: #333; text-indent: 2em; margin-bottom: 15px; display: block; width: 100%; line-height: 32px; } .ssjg-list ul { width: 100%; margin-top: -20px; } .ssjg-list li { width: 96%; padding: 20px 2%; border-bottom: 1px dashed #ccc; } .ssjg-list li h3 { display: block; width: 100%; float: left; height: 36px; line-height: 36px; color: #333; font-size: 18px; overflow: hidden; margin-bottom: 10px; } .ssjg-list li p { display: block; width: 100%; float: left; height: 48px; line-height: 24px; color: #666; font-size: 14px; overflow: hidden; margin-bottom: 10px; } .ssjg-list li span { display: block; width: 100%; float: left; height: 30px; line-height: 30px; color: #999; font-size: 14px; overflow: hidden; } .ssjg-list li:hover { background: #f1f1f1; } .szll-list li { width: 310px; height: 440px; overflow: hidden; position: relative; float: left; margin: 0 20px 100px 0; } .szll-list li:nth-child(4n+0), .spdt li:nth-child(3n+0), .tzgg-list li:nth-child(2n+0) { margin-right: 0; } .szll-list li:after { -webkit-transition: all .5s ease-in-out; transition: all .2s ease-in-out; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: url(../images/pic43.png) no-repeat left bottom; } .szll-txt { display: none; top: 0; left: 0; } .szll-list li:hover:after { background: rgba(54, 183, 171, 0.8); } .szll-list li:hover .szll-txt { display: block; z-index: 100; position: absolute; color: #fff; padding: 0 10%; width: 80%; } .szll-list li:hover .szll-txt h3 { display: block; width: 100%; height: 50px; line-height: 50px; margin-top: 50px; overflow: hidden; font-size: 36px; } .szll-list li:hover .szll-txt p { display: block; width: 100%; line-height: 30px; height: 180px; overflow: hidden; margin-top: 20px; font-size: 16px; text-align: justify; } .szll-list li:hover .szll-txt .szll-more { display: block; overflow: hidden; position: relative; width: 60%; color: #fff; height: 40px; line-height: 40px; margin: 50px auto 0; text-align: center; border-radius: 40px; border: 1px solid #fff; font-size: 16px; } /*.szll-list li:hover .szll-txt .szll-more:hover{background:#f00; border:0;}*/ .szll-more:after { content: ""; position: absolute; background: #fff; height: 0%; left: 50%; top: 50%; width: 100%; z-index: -1; color: #000; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .szll-more:after { -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .szll-more:hover:after { height: 420%; } .szll-more:hover { color: #36b7ab!important; } .spdt li { width: 415px; margin-right: 27px; float: left; margin-bottom: 50px; position: relative; border-bottom: 2px solid #37b6ab; } .spdt li h3 { display: block; float: left; width: 100%; overflow: hidden; } .spdt li p { display: block; float: left; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #333; font-size: 16px; overflow: hidden; } .spdt li h3 img { width: 100%; vertical-align: top; } .spdt li:after { content: ""; position: absolute; width: 0; height: 0; left: 0; top: 0; transition: all .3s ease 0s; background: rgba(0, 0, 0, 0.2); } .spdt li:hover:after { width: 100%; height: 100%; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5); text-align: center; } .bfsp { display: block; z-index: 10000; position: absolute; width: 48px; height: 48px; left: 50%; top: 50%; -webkit-transition: 0.3s; transition: 0.3s; margin-left: -24px; margin-top: -24px; } .spdt li:hover .bfsp { display: block; -webkit-transform: rotate(360deg); transform: rotate(360deg); } .spdt li a { display: block; width: 100%; height: 302px; } .xzbm p { line-height: 30px; font-size: 16px; color: #333; width: 100%; float: left; text-indent: 2em; margin-bottom: 10px; } .zhy-jj h3, .ldtd-title { display: block; float: left; width: 100%; font-size: 24px; height: 70px; line-height: 70px; } .zhy-jj-left { width: 775px; float: left; margin-top: 15px; } .zhy-jj-left p a { color: #2eb6aa; } .zhy-jj-left p { width: 100%; margin-bottom: 15px; font-size: 16px; line-height: 30px; color: #333; text-indent: 2em; } .zhy-jj-right { width: 430px; height: 256px; float: right; margin-top: 30px; overflow: hidden; } .zhy-jj-right img { width: 100%; } .zhy1 { width: 100%; height: 247px; background: url(../images/pic22.jpg) no-repeat center top; margin-top: 65px; } .zhy1 ul { width: 100%; height: 247px; border-left: 1px solid rgba(255, 255, 255, 0.3); } .zhy1 li { width: 323px; height: 247px; position: relative; float: left; vertical-align: middle; border-right: 1px solid rgba(255, 255, 255, 0.3); text-align: center; } .zhy1 li a { color: #fff; line-height: 40px; z-index: 100; position: absolute; width: 100px; margin-left: -50px; left: 50%; padding-top: 25%; } .zhy1 li:after { content: ""; background: rgba(144, 238, 144, 0.5); display: block; position: absolute; height: 0; width: 0; top: 0; transition: all 0.4s ease-in-out; } .zhy1 li:last-child:after { content: ""; background: rgba(251, 199, 58, 0.6); display: block; position: absolute; height: 0; width: 0; top: 0; transition: all 0.4s ease-in-out; } .zhy1 li:nth-child(2):after { content: ""; background: rgba(255, 140, 37, 0.6); display: block; position: absolute; height: 0; width: 0; top: 0; transition: all 0.4s ease-in-out; } .zhy1 li:nth-child(3):after { content: ""; background: rgba(51, 204, 204, 0.6); display: block; position: absolute; height: 0; width: 0; top: 0; transition: all 0.4s ease-in-out; } .zhy1 li:hover:after { width: 100%; height: 100%; } .ldtd-title { margin: 50px 0; } .ldtd { width: 100%; float: left; margin-bottom: 75px; } .ldimg { width: 150px; height: 210px; overflow: hidden; float: left; } .ldimg img { width: 100%; overflow: hidden; } .ldtxt { width: 350px; float: right; } .ldtd li { width: 549px; padding-right: 100px; border-right: 1px solid #2eb6aa; float: left; } .ldtd li:last-child { padding-left: 110px; width: 525px; border-right: 0; padding-right: 0; } .ldtxt h3 { font-size: 18px; height: 36px; line-height: 36px; } .zhiji { width: 100%; font-size: 14px; float: left; height: 30px; line-height: 30px; } .zhiji span { color: #999; display: block; float: left; } .zhiji a { display: block; float: right; color: #009e96; } .zhiji a img, .more2 img { margin-left: 5px; vertical-align: middle; } .ldtxt p { display: block; width: 100%; float: left; line-height: 26px; font-size: 14px; color: #666; text-align: justify; margin-top: 20px; } .more2 { display: block; float: right; color: #009e96; font-size: 14px; } .szll-ny { width: 100%; float: left; background: #f1f1ef; } .szll-con { width: 100%; margin-bottom: 30px; } .szll-left { width: 775px; } .szll-left p { display: block; float: left; width: 100%; line-height: 32px; font-size: 16px; color: #333; text-align: justify; text-indent: 2em; } .szll-right, .szll-right img { width: 420px; overflow: hidden; } .szsj { width: 100%; float: left; padding-bottom: 80px; } .szsj li { width: 24.8%; border-right: 1px solid #dfdfdd; text-align: center; float: left; padding: 20px 0; } .szsj li span { color: #009e96; font-size: 48px; height: 75px; line-height: 75px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; display: block; float: left; width: 100%; font-style: normal; } .szsj li p { display: block; float: left; width: 100%; } .szsj li:last-child { border-right: 0; } .szll-left a { margin-top: 15px; float: left; margin-right: 30px; } .white { color: #fff; } .fzzl { background: url(../images/pic31.jpg) no-repeat center top; width: 100%; float: left; height: 467px; } .fzzl-con { width: 100%; float: left; } .fzzl-con li { width: 33.3%; text-align: center; float: left; color: #fff; font-size: 24px; line-height: 80px; margin-top: -16px; } .shuzi { width: 70px; height: 70px; border-radius: 100%; background: #2eb6aa; color: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; line-height: 70px; margin: 0 auto; } .fzzl-con li:first-child { margin-top: 36px; } .fzzl-con li:last-child { margin-top: -70px; } .rcpy-nr { background: none; margin-bottom: 50px; } .zhy2 { height: 125px; line-height: 125px; width: 100%; background: url(../images/pic33.jpg) no-repeat center top; } .zhy2 h3 { display: block; width: 351px; text-align: center; color: #fff; font-size: 18px; float: left; font-weight: bold; } .zhy2 li { position: relative; width: 285px; height: 125px; float: left; line-height: 125px; font-size: 18px; overflow: hidden; } .zhy2 li p { color: #fff; width: 100%; height: 100%; z-index: 1000; display: block; position: absolute; text-align: center; background: rgba(0, 0, 0, 0.5); } .zhy2 ul { float: left; } .zhy2 li:after { content: ""; display: block; position: absolute; width: 0; height: 0; bottom: 0; transition: all 0.4s ease-in-out; z-index: 100; } .zhy2 li img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; } .zhy2 li:first-child:hover:after { width: 100%; height: 100%; background: rgba(144, 238, 144, 0.5); } .zhy2 li:hover:after { width: 100%; height: 100%; background: rgba(251, 199, 58, 0.6); } .zhy2 li:last-child:hover:after { width: 100%; height: 100%; background: rgba(51, 204, 204, 0.6); ; } .zhy2 li:hover img { transform: scale(1.1); transition: all 0.5s ease; } .xygs-xg { width: 100%; padding: 55px 0 0; } .xygs-nr { width: 100%; float: left; } .xygs-nr h5 img { width: 100% } .xygs-nr li { width: 33.33333%; float: left; box-sizing: border-box; padding: 3px; overflow: hidden; position: relative; } .xygs-nr li:after { content: ""; display: block; position: absolute; width: 0; height: 0; bottom: 0; transition: all 0.4s ease-in-out; z-index: 10; } .xygs-nr li:hover:after { width: 92%; height: 92%; margin: 3%; background: rgba(48, 185, 170, 0.8); } .xygs-nr li .fudong { width: 100%; text-align: center; position: absolute; z-index: 1000; left: 50%; top: 50%; transition: all 0.6s ease-in-out; opacity: 0; -wekit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .xygs-nr li .fudong h3 { display: block; width: 100%; float: left; } .xygs-nr li .fudong h4 { display: block; width: 100%; float: left; text-align: center; color: #fff; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } .xygs-nr li .fudong h4 img { vertical-align: middle; margin-left: 10px; } .xygs-nr li .fudong p { font-size: 32px; color: #fff; line-height: 40px; margin: 15px 0; width: 100%; float: left; } .xygs-nr li:hover .fudong { opacity: 1; } .xygs-nr li a { display: block; width: 100%; height: 100%; float: left; overflow: hidden; } .xygs-nr li:hover img { transform: scale(1.1); transition: all 1.5s ease; } .xygs-nr li:hover h3 img { transform: scale(1); } .xygs-nr li:first-child, .xygs-nr li:nth-child(5) { padding-left: 0; } .xygs-nr li:last-child, .xygs-nr li:nth-child(4) { padding-right: 0; } .select dd li { width: 100%; } .select { position: relative; float: left; height: 28px; margin-bottom: 15px; } .select dt { height: 26px; display: inline-block; background: #fff url(../images/pic70.png) no-repeat 180px center; line-height: 26px; font-size: 14px; cursor: pointer; width: 210px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; text-indent: 20px; z-index: 99; border: 1px solid #30b9aa; } .select .cur { background: #fff url(../images/pic71.png) no-repeat 180px center!important; } .select dd { position: absolute; left: 0; bottom: 35px; border: 1px solid #d2ccc4; background: #fff; display: none; font-size: 14px; z-index: 990000; overflow-y: scroll; height: 210px; } .select dd ul { width: 210px; max-height: 250px; /*overflow:auto;*/ } .select dd ul li a { line-height: 30px; display: block; padding: 0 5%; width: 90%; color: #656565; } .select dd ul li a:hover { background: #f3f3f3; } #link { display: none; position: absolute; bottom: 140px; z-index: 100; font-size: 14px; left: 50%; margin-left: 525px; background: #fff; border: 3px solid #fff; } #link-1 { display: none; position: absolute; bottom: 140px; z-index: 100; font-size: 14px; left: 50%; margin-left: 580px; background: #fff; border: 3px solid #fff; } /********sss20191215************/ .xyxw-list li{width:32%; margin-right:2%;} .xyxw-list li h3 img{width:100%;} .xyxw-list li h3,.xyxw-first{height:auto;} .xyxw-first{width:33%; margin-right:2%;} .xyxw-list{width:65%;} .xyxw-first img{width:100%;} .xyxw-first-con{width:100%; height:100%; padding-top:0; box-sizing:border-box; padding:0 8% 20px;} .xyxw-first-con p{position:absolute; bottom:30px; width:84%;} .xyxw-first-con h3{position:absolute; bottom:85px; margin:0;} .xyxw-first-con span{position:absolute; bottom:120px;} #demo{width:295px; height:441px; float:left; overflow:hidden;} #demo ul{list-style:none; padding:0; margin:0; width:100%; float:left;} #demo li{width:100%; float:left; margin-bottom:5px;} #demo li img{width:100%;} .nav_bar ul li:last-child{padding:0;} .search input{width:27px;} .Box_con .conbox ul li .img,.Box_con .conbox ul li .img img,.Box_con .conbox,.Box_con .conbox ul li{height:auto;} .szll-con{margin-bottom:0;} .szll{height:auto; padding-bottom:50px;} .xyxw-con, .xygs-nr{margin-top:65px;} .logo img{height:100%;} .szsj li i{font-style:normal;} .dl-menuwrapper button{display:none;} .szll-list li:after{background-size:100%;} .xxgk-img li{width:30%; margin-right:5%;} .szll-list li{height:auto; margin:0 20px 60px 0} .szll-list li img{width:100%;} @media screen and (max-width: 1400px){ .xxgk-left1{padding:30px 50px;} .xxgk-left-txt{margin-top:20px;} .xxgk-cwb{height:210px;} } @media screen and (max-width: 1300px){ .wid1300,.head-wid1300{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 50px; width:100%;} .xxgk{padding-left:50px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .xxgk-right{width:60%;} .xxgk-left{width:35%; margin-right:5%;} .xxgk-left1{padding:50px 0 0 0;} .tszy-left{width:25%; margin-right:5%;} .tszy-right{width:70%;} .szll-con .wid1300{width:100%; padding:0;} .Box_con .conbox{width:1050px;} .xyxw-list li h3{height:auto;} .xyxw-list li h3 img{width:100%;} .xyxw-list li{width:32%; margin-right:2%;} .xyxw-first-con{width:100%; padding:20px 5% 0; top:auto;} .box1{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:60%; padding-right:1%; margin-right:0;} #demo{width:40%;} .box img{height:100%;} .foot1{width:450px;} .tzgg1 li{width:48%; margin-right:4%;} .Box_con .conbox ul li .txt{margin-top:5px;} .xyxw{padding:45px 0;} .xygs-xg,.szll{padding-top:45px;} .xyxw-con, .xygs-nr{margin-top:50px;} .tszy-left,.tszy-right{margin-top:45px;} .tszy{padding-bottom:45px;} .foot1{margin-left:100px;} .Box_con .conbox,.ejlm{width:100%;} .xxgk-left1{padding:0;} /*.szll-list li:nth-child(4n+0), .spdt li:nth-child(3n+0), .tzgg-list li:nth-child(2n+0){margin-right:2%;} .szll-list li{margin:0 2% 30px; width:29.3%;}*/ } @media screen and (max-width: 1280px){ .xyxw{padding:35px 0;} .xygs-xg,.szll{padding-top:35px;} .xyxw-con, .xygs-nr{margin-top:40px;} .xyxw-list li h4{margin-top:10px;} .more, .more1, .more3{margin-top:15px;} .title-h3{font-size:28px;} .center{width:115px;} .title-h3{height:60px; line-height:60px;} .lmcc{font-size:28px; background:url(../images/lmcc.png) no-repeat -200px bottom; height:75px; line-height:75px;} .qwou-img{width:500px; height:auto;} .qwoy1{height:auto;} .zhy-jj, .xzbm, .qwoy, .szll-list, .spdt, .tzgg-list, .tpfc-list, .neirong-list, .ssjg-list{width:100%;} .qwou-txt, .qwou-txt1{width: calc(100% - 500px);box-sizing:border-box;} .qwou-txt dd, .qwou-txt1 dd{box-sizing:border-box;} .qwou-txt1 dd{width:33.3%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} } @media screen and (max-width: 1170px){ .foot1{width:360px; margin-left:70px;} } @media screen and (max-width: 1060px){ .foot-logo{display:none;} .foot1{margin-left:0; width:400px;} } @media screen and (max-width: 1100px){ .xyxw{padding:25px 0;} .xyxw-con, .xygs-nr{margin-top:50px;} .more, .more1, .more3{margin-top:10px;} .xyxw-list li h4{margin-top:15px;} .xyxw-list li p{font-size:12px; margin-top:5px; line-height:22px; height:66px;} .box1,#demo{height:395px;} .tszy-right,.tszy-left{margin-top:60px;} .tszy-con{margin-top:35px;} .tszy-con{line-height:26px;} .xygs-xg{padding-top:25px;} .logo{height:40px;} .top{margin:21px 0 0;} .list-banner1{height:260px;} } @media screen and (max-width: 1000px){ .lmcc{background-size:100%; height:45px; line-height:45px; font-size:18px;} .list-banner1{height:200px; background-size:auto 100%;} .wid1300, .head-wid1300{padding:0 20px;} .ejlm,.foot2,.szll-list li:hover .szll-txt p{display:none;} .qwou-img,.qwou-txt, .qwou-txt1,.foot1,.zhy-jj-right{width:100%;} .xzbm, .qwoy, .szll-list, .spdt, .tzgg-list, .tpfc-list, .neirong-list, .ssjg-list{padding-bottom:0;} .foot{padding:15px 0;} .qwoy1{margin-bottom:20px;} .tzgg-list li h3,.ldtxt h3{font-size:16px;} .szsj li p,.fzzl-con li{font-size:14px;} .fzzl-con li{line-height:40px;} .tzgg-list li p{height:50px; line-height:25px; margin-top:5px; color:#666;} .tzgg-list li{margin-right:0; margin-bottom:35px; width:100%; padding:15px;} .szll-list li,.spdt li,.tpfc-list .tpfc1,.tpfc-list .tpfc2, .tpfc-list .tpfc4, .tpfc-list .tpfc10, .tpfc-list .tpfc7, .tpfc-list .tpfc8, .tpfc-list .tpfc9,.tpfc-list .tpfc3, .tpfc-list .tpfc5,.tpfc-list .tpfc6{width:48%; margin:0 1% 20px!important; height:auto;} .szll-list li img,.tpfc-list img,.zhy-jj-left,.ldtd li{width:100%;} .szll-list li:after{background-size:100%;} .szll-list li:hover .szll-txt h3{font-size:18px; text-align:center; margin-top:30px;} .szll-list li:hover .szll-txt .szll-more{height:30px; line-height:30px; font-size:14px; margin:10px auto 0;} .spdt li a,.spdt li h3{height:auto;} .zhy-jj, .xzbm, .qwoy, .szll-list, .spdt, .tzgg-list, .tpfc-list, .neirong-list, .ssjg-list{margin-top:20px;} .zhy-jj-left p{font-size:14px; line-height:26px; width:100%!important;} .zhy1{margin-top:0;} .zhy1 li{width:24.5%; box-sizing:border-box;} .zhy1 li:last-child{border-right:0;} .zhy1 ul,.zhy1,.zhy1 li,.ldimg{height:auto;} .zhy1 li a{margin:15px 0; display:block; position:relative; left:auto; padding-top:0; width:100%; font-size:14px; line-height:30px;} .zhy1 li a img{width:24px;} .zhy1 .wid1300{padding:0;} .ldtd-title{margin:20px 0;} .zhy-jj h3, .ldtd-title{height:40px; line-height:40px; font-size:20px;} .ldtxt{width:calc(100% - 170px); margin-top:-8px;} .ldtxt p{margin-top:0; line-height:24px; height:72px; overflow:hidden; font-size:12px;} .zhiji{width:auto; float:right;} .ldtxt h3{float:left;} .ldtd li{padding-right:0; border-right:0; margin-bottom:25px; font-size:12px;} .zhy-jj-right{margin-top:0;} .ldtd,.rcpy-nr{margin-bottom:15px;} .szll-left,.szll-right, .szll-right img{width:100%;} .szll-left p{font-size:14px; line-height:28px;} .szsj li span{font-size:20px; line-height:40px; height:40px;} .szsj{padding-bottom:20px;} .ldtd-title{margin:10px 0 20px;} .szll-right{margin-top:20px;} .shuzi{width:30px; line-height:30px; height:30px;} .fzzl{height:300px; background:url(../images/pic31.jpg) no-repeat center -40px;} .fzzl-con li:first-child{margin-top:86px;} .fzzl-con li{margin-top:75px;} .fzzl-con li:last-child{margin-top:60px;} .szll-left a{margin-right:20px;} .szll-left p + a + a{amrgin-right:0;} .zhy2 li{width:100%; height:100px; line-height:100px; margin-bottom:15px;} .zhy2 li img{position:relative; height:auto; top:auto; left:auto; top:auto;} .szsj li{padding:0 0 10px; width:25%; box-sizing:border-box;} .zhy2{height:auto; line-height:normal;} .szll-con{margin-bottom:20px;} #vsb_content img{text-indent:-2em; display:block;} .xzbm p{margin-bottom:10px!important;} .neirong-title h3{font-size:20px; line-height:30px; margin-bottom:5px;} .neirong-title p{font-size:12px;} .neirong-title p img{width:12px;} .xyxw-first,.xyxw-list,.xyxw-list li{width:100%; margin-right:0;} .xyxw-first{margin-bottom:20px;} .xyxw-list li h3{width:130px; float:left;} .xyxw-list-txt{width:calc(100% - 150px); float:right; margin-top:-5px;} .xyxw-first-con h3,.xyxw-first-con p{width:90%;} .xyxw-first-con h3{font-size:16px; bottom:55px; height:25px; line-height:25px;} .xyxw-first-con p{font-size:12px; line-height:20px; height:40px; bottom:15px;} .xyxw-first-con span{bottom:80px; width:80px; font-size:12px; height:25px; line-height:25px;} .xyxw-list li h4,.xyxw-list li p{margin-top:0;} .xyxw-list li p{line-height:20px; height:40px;} .xyxw-list li{margin-bottom:20px;} .more, .more1, .more3{font-size:12px;font-family:Arial, Helvetica, sans-serif; margin-top:0;line-height:25px; height:25px;} .xyxw{padding:25px 0 10px;} .xygs-xg{padding-top:15px;} .title-h3{font-size:22px; height:50px; line-height:50px;} .center{width:145px; text-align:center;} .xyxw-con, .xygs-nr{margin-top:30px;} .xygs-nr{padding:0 20px; box-sizing:border-box;} .xygs-nr li{width:100%; box-sizing:border-box; margin-bottom:20px;} .xygs-nr li:hover h3 img{width:50px;} .xygs-nr li .fudong p{font-size:20px; margin:10px 0 0; line-height:30px; margin-top:0;} .xygs-xg, .szll{padding-top:15px;} .Box_con .btnl,.Box_con .btnr{background-size:100%;} .Box_con .btn{width:8px; height:15px; top:85px;} .Box_con .conbox, .ejlm{width:80%;} .Box_con{margin-top:30px;} .xyxw-first img,.Box_con .conbox ul li .txt{width:100%;} .Box_con .conbox ul li .txt{box-sizing:border-box; padding:10px 15px;} .Box_con .conbox ul li .txt h3{font-size:16px;} .Box_con .conbox ul li .txt p{line-height:20px; height:40px;font-size:12px;} .Box_con .conbox ul li{width:270px;} .tszy-left,.tszy-right{width:100%; margin-right:0; margin-left:0;} .tszy-right, .tszy-left{margin-top:15px;} #demo{width:25%;} .box1{width:75%; height:180px; overflow:hidden;} .box img{height:100%;} .box1, #demo{height:180px;} .tszy{padding-bottom:20px;} .zhy2 h3{width:100%;} .nav_b,.xxgk-right{display:none;} .top{margin:15px 0;} .dl-menuwrapper button{display:block;} .xyxw-list li h4{height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .xyxw-title li a{font-size:22px; height:50px; line-height:50px; margin:0 10px;} .xyxw-title{width:216px;} .tzgg1 li{width:100%; margin-right:0;} .tzgg1-txt{width:calc(100% - 90px); float:right;} .tzgg1-txt h3{font-size:16px;} .head-wid1300,.xygs-nr li:hover:after{display:none;} .head{width:100%; height:3px; float:left; background:#2eb6aa; padding:0;} .xygs-nr li:after{width:92%; height:92%; margin:3%; background: rgba(48,185,170,0.8);} .xygs-nr li .fudong{opacity:1;} .xygs-nr li .fudong h3 img{width:50px;} .xxgk{width:100%; padding:0 20px;} .xxgk-left{width:100%; margin-right:0;} .xxgk-left1{padding-top:15px;} .xxgk-left-title .more{margin-top:12px;} .xxgk-left-txt{margin-top:15px;} .xxgk-img li{width:100%; height:auto; margin-top:20px;} .tszy-con{margin-top:15px;} .xyxw-title li a{font-size:24px; height:50px; line-height:50px; margin:0 10px;} .xyxw-title{width:232px;} .qwou-txt dd, .qwou-txt1 dd{overflow:hidden;} .qwou-txt1 dd{width:50%;} } .xzbm img,.neirong-nr img{ max-width:90%!important; display:block!important; margin:0 auto!important; height:auto!important; } @media screen and (max-width: 750px){ /*.spdt1 li h3{height:350px;}*/ .tszy-right{display:none;} .tzgg-list2 li{width:100%; margin-right:0; margin-bottom:20px;} .tzgg-list2 li h3{width:calc(100% - 80px); font-size:14px; margin-top:-5px; line-height:24px;} .tzgg-list2 li .dates{width:60px;} .tzgg-list2 li .dates p{font-size:12px; width:58px; height:30px; line-height:30px;} .xxgk-left1{padding:30px 0;} } @media screen and (max-width: 767px){     .spdt li{         float: none;         width: auto;     }     .spdt li h3{         float: none;         height: auto;     } }