diff --git a/css/foot.min.css b/css/foot.min.css index 8bf6cf7..ee289fb 100644 --- a/css/foot.min.css +++ b/css/foot.min.css @@ -11,6 +11,7 @@ body{padding: 0;margin: 0;} } .foot-nav-box>div:first-child{color: #FFFFFF;font-size: 15px;display: flex;align-items: center;} .foot-box-nav>div{margin-right: 46px;cursor: pointer;} +.foot-box-nav>div>a{text-decoration: none;color: #FFFFFF;} .foot-box-img>img{margin-left: 20px;cursor: pointer;-webkit-filter: invert(.1); filter: invert(.1);} /* -webkit-filter: invert(.8); filter: invert(.8); */ .foot-box-img>img:nth-child(1),.foot-box-img>img:nth-child(2){width:23px;height:19px;} @@ -38,7 +39,7 @@ body{padding: 0;margin: 0;} .foot-end-bottom{font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;} .foot-iframe{width: 100%;height: 400px;} - + @media (min-width:1220px) and (max-width:1619px){ .foot-end-box>div:last-child{width: 100%;} /* .foot-end-box>div:first-child>img{width:260px;height: 60px;} diff --git a/css/huaxia.css b/css/huaxia.css index 6e06b17..70b4e95 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -2,12 +2,17 @@ body{margin: 0;padding: 0;} .w100{width: 100%;} .w96{width: 96%;} .w90{width: 90%;} +.w56{width: 56%;} .w50{width: 50%;} .w48{width: 49%;} .w33{width: 33.33%;} .w25{width: 25%;} .w20{width: 19%;} +.op9{opacity: .9;} +.op8{opacity: .8;} +.op7{opacity: .7;} + .dis{display: flex;} .djb{display: flex;justify-content: space-between;} .dend{display: flex;justify-content: flex-end;} @@ -37,6 +42,8 @@ body{margin: 0;padding: 0;} .m-s27{margin-top: 27px;} .m-s30{margin-top: 30px;} .m-s37{margin-top: 37px;} +.m-s46{margin-top: 46px;} +.m-s50{margin-top: 50px;} .m-s65{margin-top: 65px;} .m-z10{margin-left: 10px;} @@ -88,11 +95,14 @@ body{margin: 0;padding: 0;} .p-x65{padding-bottom: 65px;} +.p-x30{padding-bottom: 30px;} .p-x27{padding-bottom: 27px;} +.p-x20{padding-bottom: 20px;} .p-x10{padding-bottom: 10px;} .p-zy320{padding-left: 320px;padding-right: 320px;} .p-zy180{padding-left: 180px;padding-right: 180px;} +.p-zy40{padding-left: 40px;padding-right: 40px;} .p-zy30{padding-left: 30px;padding-right: 30px;} .p-zy20{padding-left: 20px;padding-right: 20px;} .p-zy15{padding-left: 15px;padding-right: 15px;} @@ -109,6 +119,7 @@ body{margin: 0;padding: 0;} .font-13{font-size: 13px;} .font-14{font-size: 14px;} .font-15{font-size: 15px;} +.font-16{font-size: 16px;} .font-18{font-size: 18px;} .font-20{font-size: 20px;} .font-22{font-size: 22px;} @@ -129,6 +140,7 @@ body{margin: 0;padding: 0;} .tl{text-align: left;} +.tr{text-align: right;} .col19{color: #191919;} .col7d{color: #7d7d7d;} .col9{color: #999999;} @@ -140,6 +152,8 @@ body{margin: 0;padding: 0;} .backf5{background: #f5f5f5;} + +.bd{border: 1px solid #e6e6e6;} .btt{border-top: 1px solid #ebebeb;} .bbt{border-bottom: 1px solid #ebebeb;} .tin2{text-indent: 2em;} @@ -236,6 +250,8 @@ ul li {list-style: none;padding: 0px;margin: 0px;} /* 首页 */ .logo{width: 487px;} .banner-img{width: 100%;height: auto;} +.head-box{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;padding: 10px 180px;} +.head-nav-box>div:last-child{margin-top: 20px;} .sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;} .top-nav{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;} .dao-boxw{box-shadow: 0px 3px 6px rgba(0,0,0,.2);display: flex;justify-content: space-between;align-items: center;} @@ -283,27 +299,33 @@ ul li {list-style: none;padding: 0px;margin: 0px;} .wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;} .wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;} /* 资讯 */ -.zx-nav,.szx-nav{padding: 0;} -.zx-nav li,.szx-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;} -.zx-nav li a,.szx-nav li a{text-decoration: none;color: #181818;font-size: 18px;} -.zx-nav li div,.szx-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;} -.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;} -.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title{color: #CB1919;} +.zx-nav,.szx-nav,.px-nav{padding: 0;} +.zx-nav li,.szx-nav li,.px-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;} +.zx-nav li a,.szx-nav li a,.px-nav li a{text-decoration: none;color: #181818;font-size: 18px;} +.zx-nav li div,.szx-nav li div,.px-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;} +.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active,.px-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;} +.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title,.px-nav li .zx-nav-title{color: #CB1919;} #zx-xg>div:first-child{margin-right: 10px;} .zx-xx{color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;font-size: 16px;} .zx-gg{padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;} /* 机构 */ -#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img{transition: transform .5s;} -#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover{transform: scale(.94);transition: transform .5s;} +#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img,#jgs-list img,#pmd-list img,#pxsp-list img{transition: transform .5s;} +#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover,#jgs-list img:hover,#pmd-list img:hover{transform: scale(.94);transition: transform .5s;cursor: pointer;} .jg-guanz{width: 110px;height: 42px;line-height: 42px;text-align: center;} .jg-xian{border: 0.5px solid #dbdbdb;position: absolute;right: -26px;height: 28%;top: 12%;} - - - - - - +/* 拍卖 */ +#pm-list>div:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);cursor: pointer;} +#pm-list>div:hover div:last-child>div:first-child{color: #CB1919;} +#pm-list>div:hover div:last-child>div:first-child .quan{border: 2px solid #CB1919;} +.quan{width: 6px;height: 6px;border-radius: 100%;border: 2px solid #818181;margin-right: 6px;} +/* 培训 */ +.px-item-img{margin-bottom: -4px;} +.px-item-bo{top: 50%;left: 50%;transform: translate(-50%,-50%);} +#px-list>div:hover div>div:first-child{color: #CB1919;} +#px-list>div:hover div>div:first-child .quan{border: 2px solid #CB1919;} +#pxsp-list div>div:first-child:hover {transform: scale(.94);transition: transform .5s;cursor: pointer;} +#pxsp-list div:hover>div {color: #CB1919;font-weight: bold;} diff --git a/css/huaxiaMedia.css b/css/huaxiaMedia.css index 8c81688..aac62a4 100644 --- a/css/huaxiaMedia.css +++ b/css/huaxiaMedia.css @@ -34,12 +34,10 @@ @media screen and (min-width:1221px) and (max-width:1320px) { } -@media screen and (min-width:1321px) and (max-width:1420px) { - +@media screen and (min-width:1024px) and (max-width:1620px) { + } -@media screen and (min-width:1421px) and (max-width:1520px) { - -} -@media screen and (min-width:1521px) and (max-width:1620px) { - +@media screen and (min-width:1024px) and (max-width:1820px) { + .logo{width: 30%;} + .head-box{padding: 20px 100px;} } diff --git a/htmls/artNetwork/auction.html b/htmls/artNetwork/auction.html new file mode 100644 index 0000000..48dfe69 --- /dev/null +++ b/htmls/artNetwork/auction.html @@ -0,0 +1,146 @@ + + +
+ +