@font-face { font-family:'PingFangSC-Semibold'; src:local('☺'), url("../fonts/sf-pro-display_bold.woff2") format("woff2"); } @font-face { font-family:'PingFangSC-Regular'; src:local('☺'), url("../fonts/sf-pro-text_regular.woff2") format("woff2"); } .Semibold {font-family:'PingFangSC-Semibold','sans-serif'; font-weight:600; color:#000;} .Regular {font-family:'PingFangSC-Regular','sans-serif'; font-weight:normal;} html,body {margin:0px; padding:0px; font-family:'PingFangSC-Regular','sans-serif'; color:#555;} a{color:#000; text-decoration: none;} a:hover{color:#269afd; text-decoration: underline;} ul,li{margin:0px; padding:0px; list-style: none;} /*通用*/ *{transition:all 300ms;} .rootDom{width:100%;} @media screen and (max-width: 1024px){ .rootDom{width:750px; margin:0px auto;} } .selectTdClass{background-color:#edf5fa !important} table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption {border:1px dashed #ddd !important} table {margin-bottom:10px;border-collapse:collapse;display:table;} td,th {padding: 5px 10px;border: 1px solid #DDD;} caption {border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;} th {border-top:1px solid #BBB;background-color:#F7F7F7;} table tr.firstRow th {border-top-width:2px;} .ue-table-interlace-color-single { background-color: #fcfcfc; } .ue-table-interlace-color-double { background-color: #f7faff; } td p {margin:0;padding:0;} /*导航所在行*/ #topLogoLineZw {width:100%; height:100px; overflow:hidden; background:#000;} #topLogoLine {width:100%; height:100px; overflow:visible; position:fixed; left:0px; top:0px; z-index:9999; background: rgba(0, 0, 0, 1);} #topLogoLine .logo {width:103px; height:58px; position: absolute; left:50%; margin-left:-650px; top:25px;} #topLogoLine .menu{display: none;} @media screen and (min-width: 1025px){ #topLogoLine .nav {position: absolute; right:50%; margin-right:-650px; top:35px;} #topLogoLine .nav .searchIcon {width:30px; height:30px; overflow: hidden; float: left; margin-right:0px; background: url(../images/bgn5.png) center center no-repeat; cursor: pointer;} #topLogoLine .nav .search {display: none;} #topLogoLine .nav .item {width: auto; height:65px; overflow: visible; float: left; box-sizing: border-box; margin-left:25px; margin-right:25px; position: relative;} @media screen and (max-width: 1630px){ #topLogoLine .nav .item{margin-left:38px; margin-right:38px;}} @media screen and (max-width: 1485px){ #topLogoLine .nav .item{margin-left:30px; margin-right:30px;}} @media screen and (max-width: 1366px){ #topLogoLine .nav .item{margin-left:10px; margin-right:10px;}} #topLogoLine .nav .item > a {font-size:18px; line-height:30px; color:#fff; text-decoration: none;} #topLogoLine .nav .item.icon {padding-right:17px; background: url(../images/bgn6.png) right 12px no-repeat;} #topLogoLine .nav .item .morenav {width:100%; height:240px; overflow: hidden; position:fixed; left:0px; top:100px; display:none; background:#fff;} #topLogoLine .nav .item:hover .morenav {display: block;} #topLogoLine .nav .item .morenav .middle {width:1300px; height: auto; overflow: hidden; margin:0px auto; padding-top:45px;} #topLogoLine .nav .item .morenav .middle .oneItem {width:418px; height:148px; overflow: hidden; float: left; position: relative; margin-right:20px; border:1px solid #D9D8D6;} #topLogoLine .nav .item .morenav .middle .oneItem:last-child {margin-right:0px;} #topLogoLine .nav .item .morenav .middle .oneItem:hover {background:#EBF5FF;} #topLogoLine .nav .item .morenav .middle .oneItem .icon {width:60px; height:60px; position: absolute; left:22px; top:20px;} #topLogoLine .nav .item .morenav .middle .oneItem .titleInfo {position: absolute; left:109px; top:23px; line-height:35px;} #topLogoLine .nav .item .morenav .middle .oneItem .titleInfo a {font-size:16px; color:#000;} #topLogoLine .nav .item .morenav .middle .oneItem .titleInfo a:hover {color:#269afd; text-decoration: none;} #topLogoLine .nav .item .morenav .middle .oneItem .list {position: absolute; left:109px; top:58px;} #topLogoLine .nav .item .morenav .middle .oneItem .list li {width:153px; height:25px; overflow: hidden; float: left; line-height:25px; font-size:14px;} #topLogoLine .nav .item .morenav .middle .oneItem .list li a{color:#000;} #topLogoLine .nav .item .morenav .middle .oneItem .list li a:hover{color:#269afd; text-decoration: none;} #topLogoLine .nav .item .pxkcMore {width:130px; height: auto; overflow: hidden; position:absolute; left:0px; top:65px; display: none; background:#fff;} #topLogoLine .nav .item:hover .pxkcMore {display: block;} #topLogoLine .nav .item .pxkcMore .pxkcitem {width:100%; height:40px; overflow: hidden; border-bottom:1px solid #f5f5f5; line-height:40px; text-align: center;} #topLogoLine .nav .item .pxkcMore .pxkcitem:last-child {border-bottom:0px;} } @media screen and (max-width: 1366px) and (min-width: 1025px){ #topLogoLineZw {height:80px;} #topLogoLine {height:80px;} #topLogoLine .logo {width:76px; height:43px; left:50%; margin-left:-491px; top:18px;} #topLogoLine .nav{top:25px; margin-right:-491px;} #topLogoLine .nav .item > a {font-size:16px;} #topLogoLine .nav .item .morenav {top:80px; height:200px;} #topLogoLine .nav .item .morenav .middle {width:1004px; padding-top:40px;} #topLogoLine .nav .item .morenav .middle .oneItem {width:326px; height:118px; margin-right:10px;} #topLogoLine .nav .item .morenav .middle .oneItem .icon {left:13px; top:5px;transform: scale(.7);} #topLogoLine .nav .item .morenav .middle .oneItem .titleInfo {left:76px; top:13px;} #topLogoLine .nav .item .morenav .middle .oneItem .list {left:76px; top:49px;} #topLogoLine .nav .item .morenav .middle .oneItem .list li {width:125px; height:24px; line-height:24px;} #topLogoLine .nav .item .pxkcMore {top:55px;} } @media screen and (max-width: 1024px){ #topLogoLineZw {display: none;} #topLogoLine {height:120px;} #topLogoLine .logo {width:113px; height:64px; left:21px; top:28px; margin-left:0px;} #topLogoLine .nav{display: none;} #topLogoLine .menu {width:40px; height:40px; overflow: hidden; position: absolute; right:18px; top:40px; display: block; background: url(../images/bgn7.png) no-repeat;} #topLogoLine .menu.on {background: url(../images/bgn8.png) no-repeat;} #topLogoLine .nav {width:100%; height: auto; overflow: hidden; position:fixed; left:0px; top:120px; padding:45px 0px; background:#fff;} #topLogoLine .nav .item,#topLogoLine .nav .search {width:710px; height: auto; overflow: hidden; margin:0px auto; position: relative;} #topLogoLine .nav .item::before,#topLogoLine .nav .search::before {width:100%; height:1px; overflow: hidden; position: absolute; left:0px; top:79px; content:''; background:#D9D9D9;} #topLogoLine .nav .item.icon::after {width:80px; height:80px; overflow: hidden; position: absolute; right:0px; top:0px; background: url(../images/bgn9.png) right center no-repeat; content:'';} #topLogoLine .nav .item > a,#topLogoLine .nav .search > a {line-height:80px; font-size:36px; color:#000000;} #topLogoLine .nav .item .morenav { display: none;} #topLogoLine .nav .item .morenav .middle {background:#EEEEEE; padding:10px 0px;} #topLogoLine .nav .item .morenav .middle .oneItem .icon {display: none;} #topLogoLine .nav .item .morenav .middle .oneItem .list {display: none;} #topLogoLine .nav .item .morenav .middle .oneItem .titleInfo {font-size:28px; line-height:51px; text-indent:35px;} #topLogoLine .nav .item .morenav .middle .oneItem .titleInfo a {color:#333;} #topLogoLine .nav .item .pxkcMore { display: none;} #topLogoLine .nav .item .pxkcMore {background:#EEEEEE; padding:10px 0px;} #topLogoLine .nav .item .pxkcMore .pxkcitem {font-size:28px; line-height:51px; text-indent:35px;} #topLogoLine .nav .item .pxkcMore .pxkcitem {color:#333;} } /*底部*/ @media screen and (min-width: 1025px){ #global-bottom {width:100%; height:auto; overflow: hidden; min-height:433px; background: url(../images/bgn19.png) center center no-repeat; background-size: cover;} #global-bottom .middle {width:1300px; height: auto; overflow: hidden; margin:0px auto;} #global-bottom .middle .left {float: left; max-width:560px;} #global-bottom .middle .right {width:640px; float: right;} #global-bottom .middle .left .logo {padding-top:46px;} #global-bottom .middle .left .infos {display: none;} #global-bottom .middle .left .txts {line-height:25px; padding-top:35px; padding-bottom:45px; font-size:14px; color:#fff;} #global-bottom .middle .left .txts a{color:#fff; text-decoration:none;} #global-bottom .middle .left .ewms {} #global-bottom .middle .left .ewms li {width:83px; height:83px; overflow: hidden; float: left; margin-right:20px;} #global-bottom .middle .left .ewms li:last-child {margin-right:0px;} #global-bottom .middle .left .ewms li img {width:100%; height:100%;} #global-bottom .middle .right .txts {padding-top:42px; padding-bottom:60px; line-height:25px; font-size:14px; color:#cbcaca;} #global-bottom .middle .right .menu {padding-bottom:30px; display: flex; justify-content: space-between;} #global-bottom .middle .right .menu .item {position: relative; padding-left:50px;} #global-bottom .middle .right .menu .item:nth-child(1) {padding-left:0px;} #global-bottom .middle .right .menu .item::before {width:1px; height:150px; overflow: hidden; position: absolute; left:0px; top:0px; content:''; background:#fff;} #global-bottom .middle .right .menu .item:nth-child(1)::before {display: none;} #global-bottom .middle .right .menu .item::after {width:3px; height:17px; overflow: hidden; position: absolute; left:2px; top:0px; content:''; background:#93D501;} #global-bottom .middle .right .menu .item:nth-child(1)::after {display: none;} #global-bottom .middle .right .menu .item .title {height:37px; line-height:100%; font-size:16px; color:#fff;} #global-bottom .middle .right .menu .item .list li {line-height:30px; font-size:14px;} #global-bottom .middle .right .menu .item .list li a {color:#fff; text-decoration:none;} #global-copyright {width:100%; height:40px; overflow: hidden; background:#269afd; box-shadow: inset 0px 7px 7px rgba(0, 0, 0, .3);} #global-copyright .middle {width:1300px; height: auto; overflow: hidden; margin:0px auto; position: relative; line-height:40px; color:#fff; font-size:14px;} #global-copyright .middle .right {position: absolute; right:0px; top:0px;} } @media screen and (max-width: 1366px) and (min-width: 1025px){ #global-bottom .middle {width:984px;} #global-bottom .middle .left {max-width:295px;} #global-bottom .middle .right {width:640px;} #global-bottom .middle .left .logo {padding-top:63px;} #global-bottom .middle .left .txts {padding-top:65px; padding-bottom:32px;} #global-bottom .middle .right .txts {padding-top:57px;} #global-copyright .middle {width:984px;} } @media screen and (max-width: 1024px){ #global-bottom {width:100%; height: auto; overflow: hidden; padding:0px 20px; box-sizing: border-box; background:#242A38;} #global-bottom .middle .left .logo {padding-top:59px;} #global-bottom .middle .left .logo img {width:143px;} #global-bottom .middle .left .infos {padding-top:25px; line-height:35px; font-size:20px; color:#cbcaca;} #global-bottom .middle .left .txts {padding-top:53px; line-height:35px; font-size:20px; color:#fff;} #global-bottom .middle .left .txts a {color:#fff; text-decoration: none;} #global-bottom .middle .left .ewms ul {display: flex; justify-content: space-between; padding-top:87px;} #global-bottom .middle .left .ewms li {width:203px; height:203px; overflow: hidden;} #global-bottom .middle .left .ewms li img {width:100%; height:100%;} #global-bottom .middle .right .txts {display: none;} #global-bottom .middle .right .menu {padding-top:62px; padding-bottom:90px;} #global-bottom .middle .right .menu .item {} #global-bottom .middle .right .menu .item .title {width:100%; height: auto; overflow: hidden; position: relative; line-height:50px; font-size:24px; color:#fff;} #global-bottom .middle .right .menu .item .title::before {width:100%; height:1px; overflow: hidden; position: absolute; left:0px; bottom:0px; content:''; background:#7B797A;} #global-bottom .middle .right .menu .item .title::after {width:80px; height:3px; overflow: hidden; position: absolute; left:0px; bottom:2px; content:''; background:#93D501;} #global-bottom .middle .right .menu .item .list {padding:20px 0px; display: none;} #global-bottom .middle .right .menu .item:hover .list {display: block;} #global-bottom .middle .right .menu .item .list li {line-height:36px; font-size:20px;} #global-bottom .middle .right .menu .item .list li a {color:#fff; text-decoration: none;} #global-copyright {width:100%; height:auto; overflow: hidden; background:#009FE0; box-shadow: inset 0px 7px 7px rgba(0, 0, 0, .3);} #global-copyright .middle {display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center; color:#fff; text-align: center; font-size:20px; line-height:35px; padding:15px 0px;} #global-copyright .middle .right {width:750px; flex:1;} #global-copyright .middle .left {width:625px; flex:2;} } /*二级页顶部*/ #global-topImg {width:100%; height:450px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position:center center;} #global-topImg .middle {width:1300px; height:450px; overflow: hidden; margin:0px auto;} #global-topImg .title {font-size:48px; color:#fff; line-height:66px; padding-bottom:24px; text-align: left; padding-top:150px;} #global-topImg .miaoshu {font-size:16px; color:#fff; text-align: left; line-height:35px;} @media screen and (max-width: 1366px){ #global-topImg {height:400px;} #global-topImg .middle {width:983px;} #global-topImg .title {font-size:36px; line-height:53px; padding-top:140px; padding-bottom:29px;} #global-topImg .miaoshu {font-size:14px; line-height:25px;} } @media screen and (max-width: 1024px){ #global-topImg .middle {width:710px; margin:0px auto;} #global-topImg .title {padding-top:172px; padding-bottom:18px; font-size:36px; line-height:55px;} #global-topImg .miaoshu {font-size:24px; line-height:43px;} } /*当前位置*/ #curWz {width:100%; height:60px; overflow: hidden; background:#D9D8D6;} #curWz .middle {width:1300px; height: auto; overflow: hidden; margin:0px auto; display: flex; justify-content:flex-end; line-height:60px; font-size:14px;} #curWz .middle .line {width:45px; height:60px; overflow: hidden; display:inline-block; background: url(../images/bgn25.png) center center no-repeat;} #curWz .middle a{text-decoration: none; display: inline-block; height:60px;} @media screen and (max-width: 1366px){ #curWz .middle{width:942px;} } @media screen and (max-width: 1024px){ #curWz .middle{width:680px; justify-content: flex-start; font-size:20px;} #curWz .middle .line{width:60px;} } /*加载更多*/ #listBottomMore {width:100%; height:35px; overflow: hidden; padding-top:60px; padding-bottom:50px; text-align: center; line-height:35px; color:#797878; font-size:16px;} @media screen and (max-width: 1366px){ #listBottomMore{padding-top:34px; padding-bottom:32px;} } @media screen and (max-width: 1366px){ #listBottomMore{font-size:20px;} } /*搜索*/ #searchcover {position:fixed; left:0px; right:0px; top:0px; bottom:0px; z-index:9999; display: none; background: rgba(0, 0, 0, .6);} #searchcover .close {width:60px; height:60px; overflow: hidden; margin:0px auto; margin-top:80px; background: url(../images/bgn47.png) no-repeat; background-size:100% auto; cursor: pointer;} #searchcover .input {width:850px; height: auto; overflow: hidden; margin:0px auto; position: relative; margin-top:145px;} #searchcover .input .txts {width:674px; height:74px; overflow: hidden; background:#ffffff;} #searchcover .input .txts input {width:674px; height:74px; overflow: hidden; margin:0px; padding:0px; border:0px; outline: none; text-indent:20px; font-size:18px;} #searchcover .input .btn {width:161px; height:74px; overflow: hidden; position: absolute; right:0px; top:0px; background:#009FE0; line-height:74px; text-align: center; font-size:18px; color:#ffffff; cursor: pointer;} /*返回顶部*/ #backtop {width:51px; height:50px; overflow: hidden; position: fixed; right:30px; bottom:30px; display: none; cursor: pointer;} @media screen and (max-width: 1024px){ #backtop{display: none;} #searchcover .close{margin-top:110px;} #searchcover .input {width:674px; margin:0px auto; margin-top:142px;} #searchcover .input .txts {width:674px; height:202px; position: relative; background:none;} #searchcover .input .txts input {background:#ffffff; font-size:20px;} #searchcover .input .btn {width:162px; height:75px; right:50%; margin-right:-81px; top: unset; bottom:0px; line-height:75px; font-size:18px;} }