@charset "utf-8"; /* CSS Document */ /*Reset start*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, legend, button, p /* ,th,td */ { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } fieldset, img { border: none; } img { vertical-align: top; border: 0 } a { text-decoration: none; outline: none; color: #000; } a:hover { color: #000; } a:focus { outline: none; color: #000; } a:hover, a:visited, a:active, a:link { text-decoration: none; } ol, ul { list-style: none outside none; padding: 0; margin: 0 } /*table{border-collapse:collapse;border-spacing:0;}*/ sub, sup { font-size: 80%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } br { font-size: 0; line-height: 0; } var { font-style: normal; } var { padding-left: 3px; } input, select { outline: none; } body, button, input, select, textarea { font-size: 12px/1.5; padding: 0; margin: 0; font-style: normal; } body { width: 100%; } .clearfix:after { content: "\20"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } .clearfix { display: block; } .clearbox { border-top: transparent 0px solid; clear: both; font-size: 0; margin-top: 0px; visibility: hidden; overflow: hidden; height: 0; } @font-face { font-family: fontawesome; src: url('../fonts/glyphicons-halflings-regular.eot') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg') format('svg'); } @font-face { font-family: "思源黑体简体"; src: url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Regular.woff") format("woff"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Regular.ttf") format("truetype"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Regular.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "思源黑体粗体"; src: url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Bold.woff2") format("woff2"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Bold.woff") format("woff"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Bold.ttf") format("truetype"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Bold.eot") format("embedded-opentype"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Bold.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "SourceHanSansCN-Medium"; src: url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Medium.woff2") format("woff2"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Medium.woff") format("woff"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Medium.ttf") format("truetype"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Medium.eot") format("embedded-opentype"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/SourceHanSansCN-Medium.svg") format("svg"); } .coversbold { font-family: "Coves_Bold_0"; } @font-face { font-family: "Coves_Bold_0"; src: url("../../fonts/Coves_Bold_0.woff2") format("woff2"), url("../../fonts/Coves_Bold_0.woff") format("woff"), url("../../fonts/Coves_Bold_0.ttf") format("truetype"), url("../../fonts/Coves_Bold_0.eot") format("embedded-opentype"), url("../../fonts/Coves_Bold_0.svg") format("svg"); } .siyuan { font-family: "SourceHanSansCN-Medium"; } .pgcgui { font-family: "PINGFANG REGULAR_1"; } @font-face { font-family: "PINGFANG REGULAR_1"; src: url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/PingFang-Regular_1.woff2") format("woff2"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/PingFang-Regular_1.woff") format("woff"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/PingFang-Regular_1.ttf") format("truetype"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/PingFang-Regular_1.eot") format("embedded-opentype"), url("//company-1253824678.cos.ap-shanghai.myqcloud.com/jinpeng/fonts/PingFang-Regular_1.svg") format("svg"); } label { max-width: initial; } .close { opacity: 1 !important; } body { font-family: "PINGFANG REGULAR_1", Arial, Helvetica, sans-serif; font-size: 14px; color: #666; overflow-x: hidden; background: #fff; margin: 0 auto; } .bodymain { width: 100%; overflow: hidden; position: relative; left: 0; padding-top: 100px; } /*公用样式*/ /*浏览器升级提示*/ .browser-tips { position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; font-size: 14px; } .browser-tips .alert-warning { margin-bottom: 0; border-radius: 0; } .browser-tips .alert-warning a { color: #d93630; } /*侧边导航*/ .menu-layer { width: 100%; height: calc(100% - 60px); position: fixed; top: 60px; left: 0; z-index: 9999; display: none; } .menu-layer-inner { width: 100%; height: 100%; background-color: #111; position: absolute; left: 0; top: 0; } .menu-layer-inner .subnav { margin-top: 5px; padding: 0 40px; } .menu-layer-inner .subnav li { line-height: 44px; font-size: 14px; border-bottom: 1px solid #3f3f3f; position: relative; padding: 0 3px; } .menu-layer-inner .subnav li a { display: block; color: #fff; } .menu-layer-inner .subnav li .icon { width: 4.5px; height: 7px; background: url(../images/icon/menu-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -3.5px; right: 0; } /* 头部 header */ .header { width: 100%; height: 100px; background-color: #000; position: fixed; top: 0; left: 0; z-index: 9999; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; } .header .logo { float: left; margin: 20px 0 0 30px; } .header .logo img { display: block; height: 55px; } .header .nav { float: right; } .header .nav li { float: left; line-height: 100px; font-size: 16px; padding: 0 55px; } .header .nav li a { display: block; color: #fff; position: relative; font-family: 'Microsoft YaHei' } .header .nav li a::before { content: ''; width: 0; height: 2px; background-color: #ea5404; position: absolute; left: 0; bottom: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } .header .nav li a.active::before, .header .nav li a:hover::before { width: 100%; } .header-right { float: right; margin-right: 20px; } .header-share { float: left; margin-top: 14px; } .header-share .icon { float: left; width: 42px; height: 42px; background-size: 32px; background-position: center; background-repeat: no-repeat; margin: 0 20px; opacity: 0.7; position: relative; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } .header-share .weixin { background-image: url(../images/icon/icon-weixin.png); } .header-share .weibo { background-image: url(../images/icon/icon-weibo.png); } .header-share .douyin { background-image: url(../images/icon/icon-douyin.png); } .header-share .toutiao { background-image: url(../images/icon/icon-toutiao.png); } .header-share .icon .hidden-cont { width: 180px; position: absolute; top: 100%; left: 50%; margin-left: -90px; display: none; } .header-share .icon .hidden-cont img { display: block; width: 100%; } .header-share .icon:hover { opacity: 1; } .header-share .icon:hover .hidden-cont { display: block; } .header-search { float: left; margin-top: 29px; margin-left: 47px; } .header-search .icon { display: block; width: 42px; height: 42px; background: url(../images/icon/icon-search.png) center no-repeat; background-size: 22px auto; border-radius: 100%; } .header-search-hidden { width: 100%; background-color: #000; position: absolute; top: 0; left: 0; z-index: 11; display: none; } .header-search-hidden .box { width: 682px; margin: 0 auto; } .header-search-hidden .box .input-text { float: left; width: 582px; height: 100px; line-height: 1.29412; border: 0; background-color: transparent; font-size: 14px; color: #fff; } .header-search-hidden .box .search-btn { float: left; width: 50px; height: 100px; border: 0; border-radius: 42px; background: url(../images/icon/icon-search.png) center no-repeat; background-size: 18px; opacity: 0.6; text-indent: 99999px } .header-search-hidden .box .icon-close { float: right; width: 50px; height: 100px; background: url(../images/icon/icon-close.png) center no-repeat; background-size: 26px; opacity: 0.6; cursor: pointer; } .ac-gn-curtain { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; background-color: #000; opacity: 0.48; } /* 新头部调整 */ .header .new-sub-nav { position: absolute; top: 100%; width: 100%; background: #fff; display: none; } .header .new-sub-nav .nav-wrapper { width: 1158px; margin: 0 auto; } .header .new-sub-nav .nav-item { overflow: hidden; display: none; } .header .new-sub-nav .nav-item:nth-child(6) { display: none !important } .header .new-sub-nav .nav-item:nth-child(2) { display: none !important } .header .new-sub-nav .nav-item.active { display: block; } .header .new-sub-nav .nav-left { float: left; width: 230px; margin-left: 290px; padding-top: 20px; padding-bottom: 20px; } .header .new-sub-nav .nav-left li { border-bottom: 1px solid #dddddd; padding: 10px 0 10px 92px; font-size: 14px; background-repeat: no-repeat; position: relative; cursor: pointer; } .header .new-sub-nav .nav-left li.active:after { content: ""; width: 12px; height: 12px; display: block; position: absolute; right: 5px; top: 50%; margin-top: -7.5px; border: 2px solid transparent; border-top-color: #ea5404; border-right-color: #ea5404; transform: rotate(45deg); display: none; } .header .new-sub-nav .nav-left li a { display: block; background: url(../images/icon/header-right.png) right no-repeat; font-family: "Microsoft Yahei" } .header .new-sub-nav .nav-left li.active a, .header .new-sub-nav .nav-left li:hover a { color: #ea5404; font-family: "Microsoft Yahei" } .header .new-sub-nav .nav-right { float: right; width: 615px; overflow: hidden; padding-top: 20px; padding-bottom: 20px; } .header .new-sub-nav h3 { font-size: 16px; margin-bottom: 10px; } .header .new-sub-nav h3 span { font-size: 14px; margin-left: 10px; } .header .new-sub-nav .list-cont { overflow: hidden; margin-top: -20px; } .header .new-sub-nav .list-cont li { margin-top: 20px; } /* .header .new-sub-nav .nav-right ul{ margin: 0 -9px;} */ .header .new-sub-nav .nav-right li { float: left; box-sizing: border-box; padding: 0 9px; /* margin-bottom:20px; */ overflow: hidden; } .header .new-sub-nav .nav-right li .img-cont { overflow: hidden; position: relative; } .header .new-sub-nav .nav-right li.li1 { width: 50%; } .header .new-sub-nav .nav-right li.li2 { width: 25%; } .header .new-sub-nav .nav-right li.li3 { width: 33.33%; } .header .new-sub-nav .nav-right li.li4 { width: 20%; } .header .new-sub-nav .nav-right li.li5 { width: 65%; padding: 0; margin-bottom: 0; } .header .new-sub-nav .img-cont img { width: 100%; display: block; } .header .new-sub-nav .nav-right li.li1 .img-cont { /* height:185px; */ } .header .new-sub-nav .nav-right li.li2 .img-cont { /* height:90px; */ } .header .new-sub-nav .nav-right li .text-cont { font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff; text-align: center; padding: 0 10px; } .header .new-sub-nav .right-item { display: none; } .header .new-sub-nav .right-item.active { display: block; } .header .new-sub-nav .nav-right .right-tab { font-size: 16px; border-bottom: 1px solid #dddddd; overflow: hidden; margin-bottom: 30px; } .header .new-sub-nav .nav-right .right-tab li { margin-bottom: 0; line-height: 2; cursor: pointer; padding: 0; margin-right: 20px; } .header .new-sub-nav .nav-right .right-tab li.active { border-bottom: 2px solid #e30013; color: #e30013; } .header .new-sub-nav .nav-right .title-cont { overflow: hidden; } .header .new-sub-nav .nav-right .title-cont h3 { float: left; } .header .new-sub-nav .nav-right .title-cont a { float: right; } .header .new-sub-nav .nav-right .right-main li { display: none; } .header .new-sub-nav .nav-right .right-main li.active { display: block; } .header .new-sub-nav .nav-right .right-main li .list-cont li { display: block; } /* .header .new-sub-nav .nav-right .right-main li .text-cont{text-align:center;} */ .header .new-sub-nav .nav-right li .t-title { font-size: 14px; margin-bottom: 10px; position: relative; background-repeat: no-repeat; } .header .new-sub-nav .nav-right li .t-title.line3 { background-image: url(../images/daohang/line3.png); background-position: 47px center; } .header .new-sub-nav .nav-right li .t-title.line5 { background-image: url(../images/daohang/line5.png); background-position: 77px center; } .header .new-sub-nav .nav-right li .t-title.line7 { background-image: url(../images/daohang/line7.png); background-position: 105px center; } .header .new-sub-nav .nav-right li.li2 .t-title.line3 { background-image: url(../images/daohang/line3_2.png); background-position: 47px center; } .header .new-sub-nav .nav-right li .pic-box { position: relative; } .header .new-sub-nav .nav-right li .pic-box .img-cont::before { content: ''; width: 100%; height: 100%; background: url(../images/daohang/pic-mask.png) left bottom repeat-x; background-size: auto 100%; position: absolute; left: 0; top: -1px; } .header .new-sub-nav .nav-right li .pic-box .text-cont { width: 100%; position: absolute; left: 0; bottom: 8px; } .header .new-sub-nav .list-more { text-align: center; margin-top: 20px; } .header .new-sub-nav .list-more50 { width: 50%; } .header .new-sub-nav .list-more a { font-size: 14px; color: #787878; } .header .new-sub-nav .nav-right li.padding .img-cont { padding-bottom: 25px; } .header .new-sub-nav .nav-right li.padding .img-cont img { width: 90%; margin: 0 auto; } .header .new-sub-nav .nav-right li .li-item { background-color: #f0f0f0; margin-bottom: 15px; } .header .new-sub-nav .nav-right li .li-item .pic-box .img-cont::before { display: none; } .header .new-sub-nav .nav-right li .li-item:last-child { margin-bottom: 0; } .header .new-sub-nav .nav-right li .li-item .img-cont { padding: 40px 0 25px 0; } .header .new-sub-nav .nav-right li .li-item .img-cont img { width: 110%; position: relative; left: -5%; } .header .new-sub-nav .nav-right li .s-logo { position: absolute; left: 0; top: 5px; } .header .new-sub-nav .nav-right li .s-logo img { display: block; width: 100%; } .header .new-sub-nav .nav-right li .type-logo { position: absolute; bottom: 10px; right: 10px; } .header .new-sub-nav .nav-right li .type-logo img { display: block; height: 15px; } .header.hide-header { top: -100px; } .ac-gn-menuicon-label { display: block; position: absolute; opacity: .8; z-index: 3; top: 6px; width: 43px; height: 48px; cursor: pointer; -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-tap-highlight-color: transparent; } .ac-gn-menuicon-bread { position: absolute; z-index: 3; top: 9px; left: 6.5px; width: 30px; height: 30px; -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); } .ac-gn-menuicon-bread-top { -webkit-transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); -webkit-transform: none; transform: none; z-index: 4; } .ac-gn-menuicon-bread-bottom { -webkit-transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); -webkit-transform: none; transform: none; } .ac-gn-menuicon-bread-crust { display: block; width: 17px; height: 1px; background: #fff; border-radius: 0.5px; position: absolute; left: 7px; z-index: 1; } .ac-gn-menuicon-bread-crust-top { top: 14px; -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-transition: -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s; transition: -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s; transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s; transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s; } .ac-gn-menuicon-bread-crust-bottom { bottom: 14px; -webkit-transform: translateY(3px); transform: translateY(3px); -webkit-transition: -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s; transition: -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s; transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s; transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s; } .ac-gn-menuicon-label.current { opacity: 1; -webkit-transition: none; transition: none; } .ac-gn-menuicon-label.current .ac-gn-menuicon-bread-top { -webkit-transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s; transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s; transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s; transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s, -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ac-gn-menuicon-label.current .ac-gn-menuicon-bread-crust-top { -webkit-transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); -webkit-transform: none; transform: none; } .ac-gn-menuicon-label.current .ac-gn-menuicon-bread-bottom { -webkit-transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s; transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s; transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s; transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s, -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ac-gn-menuicon-label.current .ac-gn-menuicon-bread-crust-bottom { -webkit-transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96); -webkit-transform: none; transform: none; } /* 友情链接 */ .friendship-links { margin: 0 10px; background-color: #f4f4f4; padding: 50px 0 42px 0; } .friendship-links .top-title { text-align: center; font-size: 18px; font-weight: bold; position: relative; } .friendship-links .top-title span { display: inline-block; padding: 0 68px; background: url(../images/icon/footer-links-line.png) center no-repeat #f4f4f4; position: relative; z-index: 9; color: #000; } .friendship-links .top-title::before { content: ''; width: 100%; height: 1px; position: absolute; top: 50%; margin-top: -0.5px; left: 0; background-image: linear-gradient(to right, transparent, #ccc, transparent); } .friendship-links .list1 { width: 60%; margin: 5px auto 0 auto; } .friendship-links .list1 li { float: left; width: 25%; margin-top: 30px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .friendship-links .list1 li a:hover { text-decoration: underline; } .friendship-links .list2 { margin-top: 40px; padding-top: 40px; text-align: center; font-size: 0; position: relative; } .friendship-links .list2 a, .friendship-links .list2 span { font-size: 16px; display: inline-block; vertical-align: middle; } .friendship-links .list2 a:hover { text-decoration: underline; } .friendship-links .list2 span { margin: 0 24px; } .friendship-links .list2::before { content: ''; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background-image: linear-gradient(to right, transparent, #ccc, transparent); } .footer-share { text-align: center; margin-top: 12px; font-size: 0; } .footer-share .icon { display: inline-block; width: 36px; height: 36px; background-size: 30px; background-position: center; background-repeat: no-repeat; margin: 0 15px; position: relative; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } .footer-share .weixin { background-image: url(../images/icon/icon-weixin2.png); } .footer-share .douyin { background-image: url(../images/icon/icon-douyin2.png); } .footer-share .toutiao { background-image: url(../images/icon/icon-toutiao2.png); } .footer-share .weibo { background-image: url(../images/icon/icon-weibo2.png); } .footer-share .icon .hidden-cont { width: 180px; position: absolute; bottom: 100%; left: 50%; margin-left: -90px; display: none; } .footer-share .icon .hidden-cont img { display: block; width: 100%; } .footer-share .icon:hover .hidden-cont { display: block; } /* 底部footer */ .footer { height: 60px; line-height: 60px; background-color: #000; font-size: 14px; color: #fff; text-align: center; margin-top: 10px; text-transform: uppercase } .footer a { color: #fff; margin: 0 28px; } .footer .img { vertical-align: middle; margin-right: 8px; } .breadcrumb-box { line-height: 58px; padding: 0 20px; background-color: #e0e0e0; color: #000; } .breadcrumb-box .a-return { float: left; margin-left: 8px; font-size: 14px; color: #000; } .breadcrumb-box .a-return span { font-size: 12px; } .breadcrumb-box .title { float: left; margin-left: 32px; font-size: 18px; } .return-top { width: 58px; height: 58px; background: url(../images/icon/return_top.png) center no-repeat; background-size: cover; position: fixed; right: 50px; bottom: 115px; z-index: 999; display: none; } @media (min-width: 1441px) and (max-width: 1680px) { /* 缩小83% */ /* 共用样式 */ /* 头部 header */ .header .nav { margin-left: 41px; } .header .nav li { padding: 0 35px; } .header-share .icon { margin: 0 5px; } .header-search { margin-left: 5px; } /* 友情链接 */ .friendship-links { padding: 40px 0 34px 0; } .friendship-links .top-title { font-size: 16px; } .friendship-links .list1 li { margin-top: 25px; font-size: 14px; } .friendship-links .list2 { margin-top: 32px; padding-top: 32px; } .friendship-links .list2 a, .friendship-links .list2 span { font-size: 14px; } .friendship-links .list2 span { margin: 0 20px; } /* 底部footer */ .footer { font-size: 12px; } .breadcrumb-box { line-height: 50px; } .breadcrumb-box .a-return { font-size: 13px; } .breadcrumb-box .title { margin-left: 25px; font-size: 14px; } } @media (min-width: 1201px) and (max-width: 1440px) { /* 缩小70% */ /* 共用样式 */ /* 头部 header */ .header .nav { margin-left: 28px; margin-right: 28px; } .header .nav li { padding: 0 26px; } .header-share .icon { margin: 0; background-size: 28px; } .header-search { margin-left: 0px; } /* 友情链接 */ .friendship-links { padding: 40px 0 34px 0; } .friendship-links .top-title { font-size: 16px; } .friendship-links .list1 { width: 70%; } .friendship-links .list1 li { margin-top: 25px; font-size: 14px; } .friendship-links .list2 { margin-top: 32px; padding-top: 32px; } .friendship-links .list2 a, .friendship-links .list2 span { font-size: 14px; } .friendship-links .list2 span { margin: 0 20px; } /* 底部footer */ .footer { font-size: 14px; } .breadcrumb-box { line-height: 50px; } .breadcrumb-box .a-return { font-size: 13px; } .breadcrumb-box .title { margin-left: 25px; font-size: 14px; } } @media (min-width: 993px) and (max-width: 1200px) { /* 缩小70% */ /* 共用样式 */ .bodymain { padding-top: 100px; } /* 头部 header */ .header { height: 60px; } .header .nav, .header-share { display: none; } .header .logo { float: none; margin: 19px auto 0 auto; width: 106px; } .header .logo img { display: block; width: 100%; height: auto; } .header-right { margin: 0; position: absolute; top: 25px; right: 0; } .header-search { margin: 0; } .header-search .icon { width: 43px; height: 48px; background-size: 18px auto; } .header-search-hidden .box { width: 100%; } .header-search-hidden .box .search-btn { width: 48px; height: 60px; position: absolute; top: 0; left: 0; } .header-search-hidden .box .input-text { width: 100%; height: 60px; padding: 0 48px; } .header-search-hidden .box .icon-close { width: 48px; height: 60px; position: absolute; top: 0; right: 0; } /* 友情链接 */ .friendship-links { padding: 40px 0 34px 0; } .friendship-links .top-title { font-size: 16px; } .friendship-links .list1 { width: 90%; } .friendship-links .list1 li { margin-top: 25px; font-size: 14px; } .friendship-links .list2 { margin-top: 32px; padding-top: 32px; } .friendship-links .list2 a, .friendship-links .list2 span { font-size: 14px; } .friendship-links .list2 span { margin: 0 20px; } /* 底部footer */ .footer { font-size: 12px; } .breadcrumb-box { line-height: 50px; } .breadcrumb-box .a-return { font-size: 13px; } .breadcrumb-box .title { margin-left: 25px; font-size: 14px; } } @media (max-width: 992px) { /* 缩小60% */ .bodymain { padding-top: 40px; } /* 头部 header */ .header { height: 60px; } .header .logo { float: none; margin: 0px auto 0 auto; /*width: 200px;*/ } .header .logo img { display: block; width: 100%; height: auto; } .header-right { margin: 0; position: absolute; top: 6px; right: 0; } .header-search { margin: 0; } .header-search .icon { width: 43px; height: 48px; background-size: 18px auto; } .header-search-hidden .box { width: 100%; } .header-search-hidden .box .search-btn { width: 48px; height: 60px; position: absolute; top: 0; left: 0; } .header-search-hidden .box .input-text { width: 100%; height: 60px; padding: 0 48px; } .header-search-hidden .box .icon-close { width: 48px; height: 60px; position: absolute; top: 0; right: 0; } /* 友情链接 */ .friendship-links { padding: 20px 0; margin: 12px 10px 0 10px; } .friendship-links .top-title { font-size: 14px; } .friendship-links .list1 { width: 100%; padding: 0 8px; } .friendship-links .list1 li { width: 50%; font-size: 12px; margin-top: 10px; height: 2em; } .friendship-links .list2 { margin-top: 20px; padding-top: 20px; } .friendship-links .list2 a, .friendship-links .list2 span { font-size: 12px; } .friendship-links .list2 span { margin: 0 8px; } /* 底部 footer */ .footer { height: auto; line-height: 1.5; padding: 20px 12px; font-size: 12px; margin-top: 12px; } .footer a { display: block; } .footer .img { width: 15px; margin-right: 5px; } .breadcrumb-box { line-height: 50px; padding: 0 12px; } .breadcrumb-box .a-return { font-size: 13px; margin-left: 0; } .breadcrumb-box .title { margin-left: 15px; font-size: 14px; } .return-top { width: 32px; height: 32px; right: 20px; } } @media (max-width: 768px) { } /* 特殊缩放 */ @media (min-width: 1201px) and (max-width: 1280px) { /* 缩小70% */ /* 头部 header */ .header .nav { margin-left: 24px; } .header .nav li { padding: 0 24px; } .header-share .icon { margin: 0px; } .header-search { margin-left: 20px; } }