h2, h3, p, ul, ol, li { padding: 0; margin: 0; color: inherit; } ul { list-style: none; } a { color: inherit; text-decoration: none; } .w1200 { display: block; position: relative; width: 1200px; margin: 0 auto; clear: both; } .w1400 { width: 1440px !important; } .flex { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .flex.fw { flex-wrap: wrap; } img { max-width: 100%; height: auto; } /** beging **/ .m-title { display: block; text-align: center; padding-top: 20px; padding-bottom: 20px; position: relative; } .m-title h3 { font-size: 36px; color: #080808; font-weight: bold; line-height: 2em; } .m-title h3::after { content: " "; display: block; margin: 0 auto; width: 100px; height:3px ; background: #ffb900; } .m-title p { font-size: 14px; text-transform: uppercase; counter-reset: #777777; line-height: 2.5em; } #nav { position: absolute; width: 100%; z-index: 9; background: rgba(255,255,255, 0.6); } #nav .w1400 { height: 90px; } #nav .logo { width: 207px; display: block; } #nav .nav { width: 832px; } #nav .nav a { padding-top: 20px; flex-grow: 1; display: block; padding-bottom: 20px; text-align: center; } #nav .nav a.on,#nav .nav a:hover { border-bottom: 3px solid #ffb900;} #nav .tel { width: 200px; line-height: 2em; background: #ffb900 url(../images/top-tel.png) left 30px center no-repeat; padding-left: 80px; color: black; border-radius: 30px; font-size: 20px; } #banner { font-size: 0; } #prolist { display: block; position: relative; background: linear-gradient(to right , #fff 50%, #e6e6e6 50%); padding-bottom: 50px; } #prolist::before { content: " "; background: white; position: absolute; width: 90%; height: 100%; margin: 0 auto; left: 5%; border-top-right-radius: 100px; border-bottom-right-radius: 100px; z-index: 0; } #prolist .qiehuan-title { display: flex; justify-content: center; } #prolist .qiehuan-title a { background: #e6e6e6; line-height: 2.4em; padding: 0 20px; margin: 0 10px; margin-bottom: 20px; border-radius: 10px; } #prolist .qiehuan-title a.hover { background: #ffbd1f; color: white; } #prolist .qiehuan-con .flex a { width: 31%; margin-bottom: 30px; position: relative; clip-path: polygon(0 0, 100% 0, 100% 79%, 82% 100%, 0 100%); } #prolist .qiehuan-con .flex a p { position: absolute; bottom: 20px; width: 50%; left: 25%; background: rgba(0,0,0, 0.5); line-height: 2.0em; text-align: center; color: white; border: 1px dashed white; } #prolist .qiehuan-con .flex a:hover p { font-size: 30px; width: 70%; left: 15%; color: white; border: 1px dashed white; color: #ffb900; bottom: 40%; } #home-about { position: relative; background: linear-gradient(to right , #fff 50%, #e6e6e6 50%);; } #home-about .w1200 { padding-top: 30px; } #home-about::before { content: " "; position: absolute; width: 95%; left: 5%; background: #e6e6e6; border-top-left-radius: 600px; border-bottom-left-radius: 600px; z-index: 0; height: 100%; } #home-about .info-video { display: flex; align-items: center; } #home-about .info-video h3 { color:#ffb300; font-size:36px; font-weight: bold; } #home-about .info-video video { width: 617px; height: 361px; } #home-about .info-video .con { box-shadow: inset 0 0 8px 4px #ccc; background: white; padding: 20px; line-height: 1.5em; margin-top: 20px; } #home-about .info-video .link-tel { display: flex; margin: 10px auto; justify-content: space-between; align-items: center; width: 95%; } #home-about .info-video .link-tel > a { line-height: 2em; background-color: #ffc742; border: 6px solid #ffebbb; border-radius: 6px; padding: 0 15px; font-weight: bold; font-size: 18px; color: #555; } #home-about .info-video .link-tel .tel { padding-left: 50px; background: url(../images/info-tel.png) left center no-repeat; } #home-about .info-video .link-tel .tel span { font-size: 12px; } #home-about .info-video .link-tel .tel p { color: #fc0505; font-size: 32px; font-weight: bolder; } #home-about .us { display: flex; justify-content: space-between; flex-wrap: nowrap; padding-bottom: 50px; } #home-about .us a { width: 26%; text-align: center; padding-bottom: 30px; } #home-about .us a img { -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out; } #home-about .us a:hover img { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } #home-about .us a h3{ line-height: 2.5em; font-size: 30px; font-weight: bolder; color: #444; } #home-about .us a p{ line-height: 1.7em; } #home-case { font-size: inherit; } #home-case .case-con { background: linear-gradient(to bottom, white 80%, #ffb900 80%); } #home-case .w1200 { display: flex; justify-content: space-around; } #home-case .w1200 .dir { width: 460px; background: #e6e6e6; padding: 25px; box-sizing: border-box; text-align: center; } #home-case .w1200 .dir h3 { line-height: 3em; } #home-case .w1200 .dir span { display: inline-block; padding: 10px 30px; border-radius: 5px; border: 1px solid #ffb300; margin-top: 20px; margin-bottom: 00px; } #home-case .w1200 .flex-con { width: 720px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; } #home-case .w1200 .flex-con a { width: 32%; margin-top: 20px; position: relative; height: fit-content; } #home-case .w1200 .flex-con a p { position: absolute; bottom: 0; line-height: 2em; width: 100%; background: rgba(255,255,255,0.6); text-align: center; } #home-case .jieneng { position: absolute; top: 10px; right: 10px; } #home-case .flex-con a:nth-child(1),#home-case .flex-con a:nth-child(2),#home-case .flex-con a:nth-child(3) { position: relative; bottom: -30px; } #home-case .more-desc { text-align: center; padding-top: 30px; padding-bottom: 30px; line-height: 2em;; } #home-case .more-desc h3 { font-size: 20px; padding-bottom: 15px; color: #666; } #home-news { background: #e6e6e6; background: linear-gradient(to right,#e6e6e6 50%, white 50% ); position: relative; padding-bottom: 10px; } #home-news::before { content: " "; position: absolute; width: 90%; left: 5%; height: 100%; margin: 0 auto; background: #e6e6e6; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px;; } #home-news .qiehuan { margin-top: 20px; margin-bottom: 20px; width: 1100px; border: 1px solid #ccc; background: white; margin-bottom: 60px; } #home-news .qiehuan .qiehuan-title { display: flex; } #home-news .qiehuan .qiehuan-title a { flex-grow: 1; text-align: center; line-height: 2.4em; font-size: 20px; } #home-news .qiehuan .qiehuan-title a.hover { background: #db8204; background: linear-gradient(to right, #db8204, #feba1f); color: white; } #home-news .qiehuan ul { padding: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; } #home-news .qiehuan ul li{ width: 48%;; } #home-news .qiehuan ul a{ line-height: 3em; display: flex; justify-content: space-between; border-bottom: 1px #d6e7f7 dotted; } #home-news .qiehuan ul li:nth-child(4) .tilte , #home-news .qiehuan ul li:nth-child(3) .tilte , #home-news .qiehuan ul li:nth-child(2) .tilte , #home-news .qiehuan ul li:nth-child(1) .tilte { background: url(../images/news-1.png) left center no-repeat; color: #745307; font-weight: bold; } #home-news .qiehuan ul a .tilte { background: url(../images/news-2.png) left center no-repeat; padding-left: 30px; } #home-news .qiehuan ul a .ymd { background: url(../images/news-3.png) left center no-repeat; padding-left: 30px; } #home-zhengzhi { background: url(../images/zengzhi.jpg) bottom center no-repeat; } #home-zhengzhi .w1200 { display: flex; justify-content: space-between; } #home-zhengzhi .w1200 .u { width: 212px; background: #f6ecd1; background: rgba(252,238,202, 0.8); padding: 30px 10px; clip-path: polygon(50% 0%, 100% 20%, 100% 79%, 50% 100%, 0 79%, 0 20%); box-sizing: border-box; text-align: center; } #home-zhengzhi .w1200 .nu { background: #fdc532; width: 50px; height: 50px; border-radius: 50%; color: white; display: inline-block; line-height: 50px; font-size: 30px; } #home-zhengzhi .w1200 h3{ line-height: 80px; font-size: 20px; color: #666; } #home-zhengzhi .w1200 p{ line-height: 2em; padding-bottom:50px; } #home-zhengzhi .w1200 .u:nth-child(2), #home-zhengzhi .w1200 .u:nth-child(4) { position: relative; top: 100px; } #home-zhengzhi .text{ font-size: 36px; color: rgb(94, 94, 95); font-weight: bold; text-transform: uppercase; padding-top: 150px; text-align: center; padding-bottom: 50px; color: #ffb900; } #link { background: #ffb900; padding: 10px; } #link a { line-height: 1.5em; font-size: 14px; color: #fff; padding: 0 5px; display: inline-block; } #footer { background: #555555; height: 367px; color: white; } #footer .w1200, #footer .mainw { position: relative; overflow: hidden; } #footer h3 { font-size: 20px; font-weight: bold; border-bottom: 1px dotted #666; color: white; padding-top: 30px; padding-bottom: 5px; } #footer a { color: inherit; } #footer .unit { float: left; } #footer .unit.item-1 a { display: block; width: 185px; padding-top: 18px; padding-bottom: 5px; border-bottom: 1px dotted #666; } #footer .unit.item-2 { width: 350px; } #footer .unit.item-2 p { display: block; line-height: 2.3em; padding-top: 5px; padding-bottom: 2px; border-bottom: 1px solid white; padding-left: 30px; } #footer .unit.item-2 p.phone { background: url(../images/footer-phone.png) center left 3px no-repeat;} #footer .unit.item-2 p.tel { background: url(../images/footer-tel.png) center left 3px no-repeat;} #footer .unit.item-2 p.fax { background: url(../images/footer-fax.png) center left 3px no-repeat;} #footer .unit.item-2 p.email { background: url(../images/footer-email.png) center left 3px no-repeat;} #footer .unit.item-2 p.you { background: url(../images/footer-postcode.png) center left 3px no-repeat;} #footer .unit.item-2 p.address { background: url(../images/footer-address.png) center left 3px no-repeat;} #footer .unit.message { width: 500px; margin-left: 30px; } #footer .unit.message .info { display: inline-block; width: 20%; line-height: 40px; vertical-align: central; } #footer .unit.message input { width: 70%; height: 20px; padding: 5px; margin: 10px; font-size: 16px; background: rgba(0,0,0,0); border: 1px solid white; border-radius: 5px; color: white; } #footer .unit.message textarea { width: 70%; padding: 5px; margin: 10px; height: 65px; font-size: 16px; background: rgba(0,0,0,0); border-radius: 5px; color: white; border: 1px solid white; } #footer .unit.message .line { position: relative; } #footer .unit.message .ab { position: absolute; top: 50px; left: 0; } #footer .unit.message #submit { height: 40px; width: 100px; background: #ffb900; color: white; border: 0; } #footer .unit1 img{ max-width: 120px; } #footer .unit1 p{ text-align: center; } #footer .ewm { position: absolute; top: 50px; right: 0; } #footer .ewm .pics { text-align: center; } #footer .ewm .pics .p { display: inline-block; margin-right: 20px; text-align: center; } #footer .ewm .pics .p img { display: block; } #footer .ewm .tel { background: url(../images/ftel.png) center left 3px no-repeat; padding-left: 50px; padding-top: 30px; } #footer .ewm .tel p { line-height: 1em; } #footer .ewm .tel .nu { font-size: 32px; line-height: 1em; } #copyright{ text-align: center; background: #000; line-height: 3em; /*background: linear-gradient( to right , #032e54, #7f9b34 ,#032e54 );*/ color: white; } #cpy { border-top: 1px solid #666; line-height: 3em; color: white; text-align: center; } img.aligncenter { display: block; margin: 0 auto; max-width: 100% } #baidumap img { max-width: inherit; } .pages { float: left; width: 100%; margin-top:10px; margin-bottom: 30px; text-align: center; } .pages .page-status{ display: none; } .pages span{ display: inline-block; } .pages a{ display: inline-block; font: 14px/35px "Microsoft YaHei"; border:1px solid #aaa; border-radius: 2px; margin:0 4px 0 0; padding:0 10px; color: #666; } .pages a.page-num-current,.pages a:hover{ border:1px solid #dfa200; background: #ffb900; color: #fff; } .tags{ font: 14px/30px "Microsoft YaHei"; color: #333; } .tags a{ color: #333;margin-right: 10px; } .prev{ font: 14px/30px "Microsoft YaHei"; color: #333; overflow: hidden; margin-bottom: 20px; } .prev p{ width: 50%; float: left; } .tags a:hover,.prev p a:hover{ color: #dc8d30; text-decoration:underline; }