@charset "utf-8"; * { word-wrap: break-word; } html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; } ul, ol, dl { list-style-type: none; } html, body { *position: static; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } input, button { overflow: visible; vertical-align: middle; outline: none; } body, th, td, button, input, select, textarea { font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "宋体"; font-size: 12px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { line-height: 1.6; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } a, area { outline: none; blr: expression(this.onFocus=this.blur()); } a { text-decoration: none; cursor: pointer; } a:hover { text-decoration: none; outline: none; } a.ie6:hover { zoom: 1; } a:focus { outline: none; } a:hover, a:active { outline: none; } :focus { outline: none; } sub, sup { vertical-align: baseline; } button, input[type=button], input[type=submit] { line-height: normal !important; } a, a:hover, a:active, a:visited, a:link, a:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; text-decoration: none; } br { font-family: "宋体" !important; } /*img*/ img { border: 0; vertical-align: middle; } a img, img { -ms-interpolation-mode: bicubic; } .img-responsive { max-width: 100%; height: auto; } /*HTML5 reset*/ header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend { display: block; margin: 0; padding: 0; } time { display: inline; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } legend { width: 100%; margin-bottom: 20px; font-size: 21px; line-height: 40px; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999; } svg:not(:root) { overflow: hidden; } fieldset { border-width: 0; padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } /* Name: style_clearfix Example: class="clearfix|cl" Explain: Clearfix(简写cl)避免因子元素浮动而导致的父元素高度缺失能问题 */ .cl:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl, .clearfix { zoom: 1; } /*vue*/ [v-cloak] { display: none !important; } /**/ .flex-wrap { display: -webkit-box; display: -webkit-flex; display: flex; } @media (-webkit-device-pixel-ratio: 1) { body { font-size: 12px !important; } } @media (-webkit-device-pixel-ratio: 1.5) { body { font-size: 18px !important; } } @media (-webkit-device-pixel-ratio: 2) { body { font-size: 24px !important; } } @media (-webkit-device-pixel-ratio: 2.5) { body { font-size: 30px !important; } } @media (-webkit-device-pixel-ratio: 3) { body { font-size: 36px !important; } } /*分页*/ #pager { margin: 70px 0px 110px 0px; } #pager ul.pages { font-size: 18px; font-family: "SourceHanSerifCN-Regular"; overflow: hidden; margin: 0px auto; width: 500px; text-align: center; } #pager ul.pages li { /*float: left;*/ display: inline-block; padding: 4px 15px; text-decoration: none; border-left-width: 0; list-style: none; color: #888; margin: 0 3px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #pager ul.pages li:hover { color: #222; } #pager ul.pages li.pgEmpty { display: none; } #pager ul.pages li.pgCurrent { color: #000; font-weight: 700; } @media only screen and (max-width: 992px) { #pager { margin: torem(70px) torem(70px) torem(110px) torem(70px); } #pager ul.pages { font-size: torem(24px); font-family: "SourceHanSerifCN-Regular"; overflow: hidden; margin: 0px auto; width: auto; text-align: center; } #pager ul.pages li { float: none; display: inline-block; vertical-align: middle; padding: torem(4px) torem(18px); text-decoration: none; border-left-width: 0; list-style: none; color: #888; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #pager ul.pages li:hover { color: #222; } #pager ul.pages li.pgEmpty { display: none; } #pager ul.pages li.pgCurrent { color: #000; font-weight: 700; } } .center-wrap { max-width: 1200px; width: 100%; margin: 0 auto; } /* common */ .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .hidden { display: none !important; } .wechat_box { background: rgba(0, 0, 0, 0.4); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; } .wechat_box div { background: url(../images/wx_code.jpg) no-repeat center; background-size: contain; width: 300px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -150px; } .newyear { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .newyear .box { position: absolute; width: 80%; background: #efe4c4; left: 10%; height: 60.8%; bottom: 7%; padding: 25px; box-sizing: border-box; } .newyear .box .text { height: 100%; border: 2px solid #4e2800; box-sizing: border-box; padding: 7px; } .newyear .box .text .inner { height: 100%; box-sizing: border-box; border: 2px solid #99805b; padding: 4% 5.5%; box-sizing: border-box; overflow: auto; font-size: 16px; color: #4e2800; line-height: 28px; font-family: "SourceHanSerifCN-Regular", "宋体"; } .newyear .box .text .inner .boxbg { width: 100%; /*background:url(../images/newyear-bg.jpg) no-repeat border-box center;*/ } .newyear .box .text .inner::-webkit-scrollbar { width: 6px; height: 6px; background-color: none; } .newyear .box .text .inner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); /*border-radius: 10px;*/ background-color: #efe4c4; } .newyear .box .text .inner::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #ac8448; } .newyear .box .text .inner p { margin-bottom: 30px; } .newyear .box .text .inner h1 { font-size: 22px; color: #4e2800; font-weight: normal; padding: 0% 0; margin-bottom: 30px; line-height: 1.1; } .newyear .box .text .inner.mb img { height: auto !important; width: 100%; } .newyear-mb { top: 0 !important; } .newyear-mb .layui-layer-setwin .layui-layer-close2, .newyear-pc .layui-layer-setwin .layui-layer-close2 { top: 0; right: 0; } .newyear-mb .layui-layer-close, .newyear-pc .layui-layer-close { background: url(../images/icon/icon-close.png) no-repeat center !important; background-size: 100% auto !important; } @media (max-width: 992px) { .newyear .box { width: 90%; left: 5%; padding: 0.390625rem; } .newyear .box .text .inner { font-size: 0.375rem; } .newyear .box .text .inner P { margin-bottom: 0.46875rem; } .newyear .box .text .inner h1 { font-size: 0.5rem; } } .dialog-backdrop { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; } .dialog { width: 100%; margin: 0 auto; position: absolute; z-index: 889; left: 0; top: 0; } .dialog-inner { background: white; width: 1400px; margin: 0 auto; margin-top: 10%; position: relative; } .dialog-inner .close { position: absolute; width: 31px; height: 31px; background: url(../images/icon/dialog-close.png) no-repeat center; background-size: 100% auto; right: 40px; top: 40px; z-index: 1; cursor: pointer; } .dialog-inner h1 { font-size: 48px; color: #222222; font-family: "SourceHanSerifCN-Regular"; font-weight: normal; text-align: center; padding: 80px 0; } .dialog-inner .cont img { max-width: 100%; display: block; margin: 0 auto; } @media (max-width: 1440px) { .dialog-inner { width: 90%; } } @media (max-width: 992px) { .dialog-inner { width: 90%; margin: 0 auto; margin-top: 20%; position: relative; } .dialog-inner .close { position: absolute; width: 0.484375rem; height: 0.484375rem; right: 0.625rem; top: 0.625rem; } .dialog-inner h1 { font-size: 0.75rem; padding: 1.25rem 0; } .dialog-inner .cont img { max-width: 100%; display: block; margin: 0 auto; } } header { height: 110px; background: url(../images/icon/nav_bg.png) repeat-x bottom center; position: fixed; width: 100%; left: 0; top: 0; z-index: 999; /*-moz-transition: height 0.3s; -o-transition: height 0.3s; -webkit-transition: height 0.3s; transition: height 0.3s;*/ } header .center-wrap { padding-top: 24px; } header .center-wrap .left { float: left; height: 100%; } header .center-wrap .left dl dt { float: left; } header .center-wrap .left dl dt a img { height: 58px; } header .center-wrap .left dl dd { float: left; margin-left: 38px; padding-top: 18px; } header .center-wrap .left dl dd ul { line-height: 1.1; } header .center-wrap .left dl dd ul li { float: left; margin-right: 50px; /*position:relative;*/ } header .center-wrap .left dl dd ul li.active > a:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; background: #00953d; bottom: 0; left: 0; } header .center-wrap .left dl dd ul li.active > a + .sub { display: block; } header .center-wrap .left dl dd ul li a { font-size: 18px; color: white; position: relative; padding-bottom: 12px; font-family: "SourceHanSansCN-Regular"; display: block; } header .center-wrap .left dl dd ul li a.icon-link { padding-left: 23px; } header .center-wrap .left dl dd ul li a.icon-link:before { content: " "; width: 18px; height: 18px; display: block; background: url(../images/icon/link_.png) no-repeat center; background-size: 100% auto; position: absolute; top: 1px; left: 0; } header .center-wrap .left dl dd ul li .sub { display: none; position: absolute; width: 100%; left: 0; margin-top: 38px; background: white; padding-bottom: 30px; padding-top: 28px; -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08); } header .center-wrap .left dl dd ul li .sub.active { display: block; } header .center-wrap .left dl dd ul li .sub .center-wrap { padding-top: 0; } header .center-wrap .left dl dd ul li .sub ul { overflow: hidden; margin-left: 70px; } header .center-wrap .left dl dd ul li .sub ul li { float: left; /*min-width: 100px;*/ margin-right: 65px; } header .center-wrap .left dl dd ul li .sub ul li:last-child { margin-right: 0; } header .center-wrap .left dl dd ul li .sub ul li a i { display: block; height: 50px; width: 54px; margin: 0 auto; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-1-1 { background: url(../images/icon/menu-1-1.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-1-2 { background: url(../images/icon/menu-1-2.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-1-3 { background: url(../images/icon/menu-1-3.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-1-4 { background: url(../images/icon/menu-1-4.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-1-5 { background: url(../images/icon/menu-1-5.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-1-6 { background: url(../images/icon/menu-1-6.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-1-7 { background: url(../images/icon/menu-1-7.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-2-1 { background: url(../images/icon/menu-2-1.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-2-2 { background: url(../images/icon/menu-2-2.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-2-3 { background: url(../images/icon/menu-2-3.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-2-4 { background: url(../images/icon/menu-2-4.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-2-5 { background: url(../images/icon/menu-2-5.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-2-5-1 { background: url(../images/icon/menu-2-5-1.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-2-6 { background: url(../images/icon/menu-2-6.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-3-1 { background: url(../images/icon/menu-3-1.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-3-2 { background: url(../images/icon/menu-3-2.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-3-3 { background: url(../images/icon/menu-3-3.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-3-3-1 { background: url(../images/icon/menu-3-3-1.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-3-4 { background: url(../images/icon/menu-3-4.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-3-5 { background: url(../images/icon/menu-3-5.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-3-6 { background: url(../images/icon/menu-3-6.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-4-1 { background: url(../images/icon/menu-4-1.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-4-2 { background: url(../images/icon/menu-4-2.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-4-3 { background: url(../images/icon/menu-4-3.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-4-4 { background: url(../images/icon/menu-4-4.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-4-5 { background: url(../images/icon/menu-4-5.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-4-6 { background: url(../images/icon/menu-4-6.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-5-1 { background: url(../images/icon/menu-5-1.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-5-2 { background: url(../images/icon/menu-5-2.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-5-3 { background: url(../images/icon/menu-5-3.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-5-4 { background: url(../images/icon/menu-5-4.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-6-1 { background: url(../images/icon/menu6-1.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-6-2 { background: url(../images/icon/menu6-2.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-6-3 { background: url(../images/icon/menu6-3.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a i.icon-6-4 { background: url(../images/icon/menu6-4.png) no-repeat center top; } header .center-wrap .left dl dd ul li .sub ul li a p { color: #565656; padding-top: 14px; text-align: center; white-space: nowrap; } header .center-wrap .left dl dd ul li .sub ul li a:after { display: none; } header .center-wrap .left dl dd ul li .sub ul li a:hover i { background-position: center bottom !important; } header .center-wrap .left dl dd ul li .sub ul li a:hover p { color: #222; } header .center-wrap .right { float: right; overflow: hidden; line-height: 1.1; padding-top: 16px; } header .center-wrap .right .lang { margin-left: 20px; float: right; } header .center-wrap .right .lang a { display: inline-block; color: white; font-size: 16px; } header .center-wrap .right .lang a.search { width: 15px; background: url(../images/icon/search_.png) no-repeat center; background-size: 100% auto; margin-right: 15px; } header .center-wrap .right .lang span { display: inline-block; color: white; padding: 0 10px; font-size: 16px; } header .center-wrap .right .search-box { position: absolute; background: white; width: 100%; left: 0; margin-top: 71px; display: none; -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.05); } header .center-wrap .right .search-box .input { width: 900px; margin: 0 auto; height: 64px; line-height: 64px; padding: 60px 0; position: relative; } header .center-wrap .right .search-box .input .box { padding-left: 64px; position: relative; background: #f8f8f8 url(../images/icon/icon-search.png) no-repeat 23px center; } header .center-wrap .right .search-box .input .box input { border: 0; height: 64px; vertical-align: middle; background: none; display: block; width: 100%; font-size: 18px; font-family: "SourceHanSansCN-Regular"; } header .center-wrap .right .search-box .input .close { position: absolute; right: -45px; top: 50%; margin-top: -9px; display: block; width: 18px; height: 18px; background: url(../images/icon/dialog-close.png) no-repeat center; background-size: contain; cursor: pointer; } header:hover, header.active { background: white; border-bottom: 1px solid #f1ebeb; -moz-box-shadow: 0px 0px 1px #f1ebeb; -webkit-box-shadow: 0px 0px 1px #f1ebeb; box-shadow: 0px 0px 1px #f1ebeb; } header:hover .center-wrap .left dl dd ul li a, header.active .center-wrap .left dl dd ul li a { color: #222; } header:hover .center-wrap .left dl dd ul li a.icon-link:before, header.active .center-wrap .left dl dd ul li a.icon-link:before { background: url(../images/icon/link.png) no-repeat center; background-size: 100% auto; } header:hover .center-wrap .right .lang a, header.active .center-wrap .right .lang a { color: #222; } header:hover .center-wrap .right .lang a.search, header.active .center-wrap .right .lang a.search { background: url(../images/icon/search.png) no-repeat center; background-size: 100% auto; } header:hover .center-wrap .right .lang span, header.active .center-wrap .right .lang span { color: #222; } header:hover .center-wrap .right .search-box.active, header.active .center-wrap .right .search-box.active { display: block; } header.active { height: 86px; } header.active .center-wrap { padding-top: 12px; } header.active .center-wrap .left dl dd ul li .sub { margin-top: 26px; } header.active .center-wrap .right .search-box { margin-top: 59px; } header.active .center-wrap .right .search-box.active { display: block; } .header-mobile { display: none; } @media (max-width: 992px) { header { display: none; } .header-mobile { display: block; height: 1.875rem; padding-top: 0.40625rem; box-sizing: border-box; position: fixed; left: 0; width: 100%; top: 0; z-index: 999; } .header-mobile.static { position: static !important; background: white; border-bottom: 1px solid rgba(2, 7, 39, 0.1); } .header-mobile.static .left a { background: url(../images/icon/menu_.png) no-repeat center; background-size: 100% auto; } .header-mobile.static .right .lang a { color: #222222; } .header-mobile.static .right .lang a.search { background: url(../images/icon/search.png) no-repeat center; background-size: 100% auto; } .header-mobile.static .right .lang span { color: #222222; } .header-mobile.active { background: white; border-bottom: 1px solid rgba(2, 7, 39, 0.1); } .header-mobile.active .left a { background: url(../images/icon/menu_.png) no-repeat center; background-size: 100% auto; } .header-mobile.active .right .lang a { color: #222222; } .header-mobile.active .right .lang a.search { background: url(../images/icon/search.png) no-repeat center; background-size: 100% auto; } .header-mobile.active .right .lang span { color: #222222; } .header-mobile.active.static { position: fixed !important; } .header-mobile.open { background: white; border-bottom: 1px solid rgba(2, 7, 39, 0.1); } .header-mobile.open .left a { background: url(../images/icon/close.png) no-repeat center; background-size: auto 100%; } .header-mobile.open .right .lang a { color: #222222; } .header-mobile.open .right .lang a.search { background: url(../images/icon/search.png) no-repeat center; background-size: 100% auto; } .header-mobile.open .right .lang span { color: #222222; } .header-mobile.open .nav { display: block; } .header-mobile .left { float: left; width: 40%; padding-left: 0.625rem; box-sizing: border-box; padding-top: 0.109375rem; } .header-mobile .left a { display: block; width: 0.875rem; height: 0.546875rem; background: url(../images/icon/menu.png) no-repeat center; background-size: 100% auto; } .header-mobile .center { float: left; width: 20%; text-align: center; } .header-mobile .center a { display: block; } .header-mobile .center a img { width: 0.953125rem; display: block; margin: 0 auto; } .header-mobile .right { float: right; width: 40%; padding-right: 0.625rem; box-sizing: border-box; padding-top: 0.28125rem; } .header-mobile .right .lang { line-height: 1.1; font-size: 0.40625rem; text-align: right; } .header-mobile .right .lang a { display: inline-block; font-size: 0.40625rem; color: white; vertical-align: middle; } .header-mobile .right .lang a.search { width: 0.375rem; height: 0.375rem; background: url(../images/icon/search_.png) no-repeat center; background-size: 100% auto; margin-right: 0.15625rem; } .header-mobile .right .lang span { font-size: 0.40625rem; color: white; vertical-align: middle; margin: 0 0.125rem; } .header-mobile .nav { position: fixed; width: 100%; background: white; z-index: 999; top: 1.875rem; line-height: 1.1; font-size: 0.5rem; height: calc(100vh - 1.875rem); overflow: auto; display: none; } .header-mobile .nav ul { padding: 0 0.625rem; } .header-mobile .nav ul li { padding: 0.703125rem 0; position: relative; /*&:last-child{ &:after{display:none} }*/ } .header-mobile .nav ul li:after { content: ""; background: #e0e0e0; height: 1px; width: 100%; position: absolute; bottom: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); left: 0; } .header-mobile .nav ul li.active i { background: url(../images/icon/open_.png) no-repeat center; background-size: 100% auto; } .header-mobile .nav ul li.active ul { display: block; margin-top: 0.703125rem; position: relative; padding-top: 0.3515625rem; } .header-mobile .nav ul li.active ul:before { content: ""; background: #e0e0e0; height: 1px; width: 100%; position: absolute; top: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); left: 0; } .header-mobile .nav ul li.active ul li:after { display: none; } .header-mobile .nav ul li a { color: #222222; display: block; outline: none; } .header-mobile .nav ul li a.link:before { content: ""; width: 0.421875rem; height: 0.421875rem; background: url(../images/icon/link.png) no-repeat center; background-size: 100% auto; display: inline-block; vertical-align: middle; margin-right: 0.234375rem; } .header-mobile .nav ul li i { display: block; position: absolute; width: 0.40625rem; height: 0.40625rem; background: url(../images/icon/open.png) no-repeat center; background-size: 100% auto; right: 0rem; top: 0.78125rem; } .header-mobile .nav ul li ul { padding: 0; display: none; } .header-mobile .nav ul li ul li { padding: 0.3515625rem 0; } .header-mobile .nav ul li ul li a { font-size: 0.4375rem; color: #565656; } } .header-static { padding-top: 87px; } .header-static header { height: 86px; background: white; border-bottom: 1px solid #f1ebeb; -moz-box-shadow: 0px 0px 1px #f1ebeb; -webkit-box-shadow: 0px 0px 1px #f1ebeb; box-shadow: 0px 0px 1px #f1ebeb; } .header-static header .center-wrap { padding-top: 12px; } .header-static header .center-wrap .left dl dd ul li .sub { margin-top: 26px; } .header-static header .center-wrap .right .search-box { margin-top: 59px; } .header-static header .center-wrap .left dl dd ul li a { color: #222; } .header-static header .center-wrap .left dl dd ul li a.icon-link:before { background: url(../images/icon/link.png) no-repeat center; background-size: 100% auto; } .header-static header .center-wrap .right .lang a { color: #222; } .header-static header .center-wrap .right .lang a.search { background: url(../images/icon/search.png) no-repeat center; background-size: 100% auto; } .header-static header .center-wrap .right .lang span { color: #222; } @media (max-width: 992px) { .header-static { padding-top: 1.875rem; } .header-static .header-mobile { background: white; border-bottom: 1px solid rgba(2, 7, 39, 0.1); } .header-static .header-mobile .left a { background: url(../images/icon/menu_.png) no-repeat center; background-size: 100% auto; } .header-static .header-mobile .right .lang a { color: #222222; } .header-static .header-mobile .right .lang a.search { background: url(../images/icon/search.png) no-repeat center; background-size: 100% auto; } .header-static .header-mobile .right .lang span { color: #222222; } } /*footer*/ .footer { height: 600px; background-color: #1c2637; background-image: url("../images/bg-footer.jpg"); background-size: cover; background-position: center bottom; background-repeat: no-repeat; } .footer .footer-main { height: 468px; } .footer .footer-main .item-title { font-family: SourceHanSansCN-Regular; font-size: 22px; color: #fff; line-height: 1; } .footer .footer-main .footer-main-media { padding-top: 54px; } .footer .footer-main .footer-main-media .media-list { padding-top: 16px; overflow: hidden; } .footer .footer-main .footer-main-media .media-list .media-item { float: left; width: 32px; height: 32px; margin-right: 18px; background-size: 100% 100%; } .footer .footer-main .footer-main-media .media-list .wechat { background-image: url("../images/icon/13.png"); } .footer .footer-main .footer-main-media .media-list .wechat:hover { background-image: url("../images/icon/13_.png"); } .footer .footer-main .footer-main-media .media-list .microblog { background-image: url("../images/icon/14.png"); } .footer .footer-main .footer-main-media .media-list .microblog:hover { background-image: url("../images/icon/14_.png"); } .footer .footer-main .footer-main-media .media-list .headlines { background-image: url("../images/icon/15.png"); } .footer .footer-main .footer-main-media .media-list .headlines:hover { background-image: url("../images/icon/15_.png"); } .footer .footer-main .footer-main-list { padding-top: 44px; overflow: hidden; } .footer .footer-main .footer-main-list .footer-main-item { width: 13.5%; float: left; } .footer .footer-main .footer-main-list .footer-main-item .item-list { padding-top: 16px; } .footer .footer-main .footer-main-list .footer-main-item .item-list .item-link { display: block; font-size: 16px; line-height: 32px; color: #808080; } .footer .footer-main .footer-main-list .footer-main-item .item-list .item-link:hover { color: #fff; } .footer .footer-module { border-top: 1px solid #333; } .footer .footer-module .center-wrap { height: 130px; } .footer .footer-module .footer-module-link { float: left; padding-top: 24px; } .footer .footer-module .footer-module-link .item-title { position: relative; /*&:after { content: ''; position: absolute; right: 12px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 9px; background-image: url('../images/icon/16.png'); background-size: 100% 100%; }*/ } .footer .footer-module .footer-module-link .item-title select { text-indent: 1em; width: 254px; height: 34px; line-height: 34px; border: 1px solid #808080; font-size: 14px; color: #727272; background: none; -webkit-appearance: none; } .footer .footer-module .footer-module-link .item-title select option { background: none; } .footer .footer-module .footer-module-link .item-list { overflow: hidden; padding-top: 20px; } .footer .footer-module .footer-module-link .item-list .item-link { float: left; font-size: 14px; line-height: 36px; color: #808080; margin-right: 14px; } .footer .footer-module .footer-module-link .item-list .item-link:hover { color: #fff; } .footer .footer-module .footer-module-copyright { float: right; font-size: 14px; color: #808080; line-height: 1; padding-top: 80px; } @media only screen and (max-width: 992px) { /*footer*/ .footer { height: auto; background-color: #1c2637; background-image: url("../images/bg-footer.jpg"); background-size: auto; background-position: center bottom; background-repeat: no-repeat; } .footer .center-wrap { padding: 0 !important; } .footer .footer-main { height: auto; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer .footer-main .item-title { font-size: 0.5rem; color: #fff; line-height: 0.5625rem; margin: 0 0.625rem; border-bottom: 1px solid #808080; } .footer .footer-main .footer-main-media { padding: 1rem 0.625rem 0; } .footer .footer-main .footer-main-media .item-title { margin: 0; border: none; } .footer .footer-main .footer-main-media .media-list { padding-top: 0.375rem; overflow: hidden; } .footer .footer-main .footer-main-media .media-list .media-item { float: left; width: 0.734375rem; height: 0.703125rem; margin-right: 0.4375rem; background-size: 100% 100%; } .footer .footer-main .footer-main-list { padding-top: 0.375rem; overflow: hidden; } .footer .footer-main .footer-main-list .footer-main-item { width: auto; float: none; } .footer .footer-main .footer-main-list .footer-main-item:last-child { border-bottom: none; } .footer .footer-main .footer-main-list .footer-main-item .item-title { line-height: 1.3125rem; position: relative; } .footer .footer-main .footer-main-list .footer-main-item .item-title:after { content: ""; position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.25rem; height: 0.140625rem; background-image: url("../images/icon/close_arrow.png"); background-size: 100% 100%; } .footer .footer-main .footer-main-list .footer-main-item .item-title.active:after { -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .footer .footer-main .footer-main-list .footer-main-item .item-list { padding-top: 0; display: none; background-color: #1f2a3d; padding: 0.375rem 0.625rem; } .footer .footer-main .footer-main-list .footer-main-item .item-list .item-link { display: block; font-size: 0.375rem; line-height: 0.9375rem; color: #fff; font-family: SourceHanSansCN-Regular; } .footer .footer-module { border-top: 1px solid #333; } .footer .footer-module .center-wrap { height: auto; padding: 0 0.625rem 1.40625rem !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer .footer-module .footer-module-link { float: none; padding-top: 0.6875rem; } .footer .footer-module .footer-module-link .item-title { position: relative; /*&:after { content: ''; position: absolute; right: torem(12px); top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: torem(14px); height: torem(7px); background-image: url('../images/icon/16.png'); background-size: 100% 100%; }*/ } .footer .footer-module .footer-module-link .item-title select { display: block; text-indent: 1em; width: 100%; height: 1.3125rem; line-height: 1.3125rem; border: 1px solid #808080; font-size: 0.375rem; color: #fff; background: none; } .footer .footer-module .footer-module-link .item-title select option { background: none; color: #727272; } .footer .footer-module .footer-module-link .item-list { overflow: hidden; padding-top: 0.625rem; } .footer .footer-module .footer-module-link .item-list .item-link { float: left; font-size: 0.375rem; line-height: 0.5625rem; color: #fff; margin-right: 0.3125rem; } .footer .footer-module .footer-module-link .item-list span.item-link { color: #808080; } .footer .footer-module .footer-module-copyright { width: 8.28125rem; float: none; font-size: 0.375rem; color: #fff; line-height: 0.53125rem; padding-top: 0.46875rem; font-family: SourceHanSansCN-Regular; } } /*首页*/ .page-index { /*banner*/ /*shares*/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ } .page-index .banner { height: 100vh; background-size: cover; background-position: right; position: relative; } .page-index .banner .banner-center { position: absolute; left: 50%; top: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .page-index .banner .banner-center .banner-title-pc { display: block; } .page-index .banner .banner-center .banner-title-m { display: none; } .page-index .banner .banner-center .banner-slogin { font-family: SourceHanSansCN-Regular; font-size: 24px; color: #fff; text-align: center; line-height: 36px; padding-top: 4px; } .page-index .banner .banner-center .banner-btn { font-family: SourceHanSansCN-Regular; display: block; margin: 40px auto 0; width: 158px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #fff; font-size: 16px; color: #fff; } .page-index .banner .banner-center .banner-btn:hover { background: rgba(255, 255, 255, 0.3); } .page-index .banner .banner-down-btn { position: absolute; left: 50%; bottom: 0; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 30px; width: 14px; height: 30px; background-image: url("../images/banner/04.png"); background-size: 14px 30px; background-repeat: no-repeat; background-position: center; } .page-index .shares { border-bottom: 1px solid #f3f3f3; } .page-index .shares .shares-main { overflow: hidden; font-size: 0; padding: 14px 0; } .page-index .shares .shares-main .shares-item, .page-index .shares .shares-main .shares-hr { float: left; } .page-index .shares .shares-main .shares-item { overflow: hidden; width: 50%; padding-top: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; } .page-index .shares .shares-main .shares-item .shares-item-name, .page-index .shares .shares-main .shares-item .shares-item-data { display: inline-block; vertical-align: top; } .page-index .shares .shares-main .shares-item:first-child { padding-right: 60px; text-align: right; } .page-index .shares .shares-main .shares-item:first-child .shares-item-data { text-align: left; } .page-index .shares .shares-main .shares-item:last-child { padding-left: 60px; } .page-index .shares .shares-main .shares-hr { height: 70px; position: relative; } .page-index .shares .shares-main .shares-hr:before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; border: 1px solid #f3f3f3; } .page-index .shares .shares-main .shares-item-name { font-family: SourceHanSansCN-Regular; font-size: 18px; color: #222; padding-right: 0.3125rem; } .page-index .shares .shares-main .shares-item-data .num { font-family: SourceHanSansCN-Regular; font-size: 24px; color: #222; font-weight: 600; line-height: 34px; } .page-index .shares .shares-main .shares-item-data .num .rise { color: #f00; } .page-index .shares .shares-main .shares-item-data .num .rise:before { content: "↑"; } .page-index .shares .shares-main .shares-item-data .num .fall { color: #00953d; } .page-index .shares .shares-main .shares-item-data .num .fall:before { content: "↓"; } .page-index .shares .shares-main .shares-item-data .time { font-size: 14px; color: #888; white-space: nowrap; } .page-index .group-title { font-family: SourceHanSerifCN-Regular; font-size: 48px; color: #222; text-align: center; line-height: 1; font-weight: 500; } .page-index .news .group-title { padding: 66px 0 50px; } .page-index .news .news-list { height: 400px; } .page-index .news .news-list ul { overflow: hidden; } .page-index .news .news-list ul li { float: left; width: 32.1%; height: 396px; border: 1px solid #f3f3f3; border-bottom: 4px solid #00953d; margin-right: 1.5%; padding: 50px 30px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-index .news .news-list ul li:last-child { margin-right: 0; } .page-index .news .news-list ul li .news-item-name { font-family: SourceHanSerifCN-Medium; font-size: 28px; line-height: 38px; color: #282828; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .page-index .news .news-list ul li .news-item-name a { color: #282828; } .page-index .news .news-list ul li .news-item-name a:hover { color: #00953d; } .page-index .news .news-list ul li .news-item-time { padding-top: 20px; font-size: 16px; color: #808080; display: block; } .page-index .news .news-list ul li .news-item-text { padding-top: 30px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .page-index .news .news-more { display: block; margin: 50px auto 0; width: 138px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #222; font-size: 16px; color: #222; font-family: "SourceHanSerifCN-Regular", "宋体"; } .page-index .news .news-more:hover { color: #00953d; border-color: #00953d; } .page-index .tour .group-title { padding: 100px 0 60px; } .page-index .tour .tour-list { overflow: hidden; height: 750px; position: relative; } .page-index .tour .tour-list .tour-item { position: absolute; width: 25.33%; height: 360px; } .page-index .tour .tour-list .tour-item-img { width: 100%; height: 171px; background-size: cover; overflow: hidden; } .page-index .tour .tour-list .tour-item-img a { display: block; width: 100%; height: 100%; } .page-index .tour .tour-list .tour-item-img a img { width: 100%; height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .page-index .tour .tour-list .tour-item-img a img:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .page-index .tour .tour-list .tour-item-main { border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; position: relative; height: 188px; padding: 0 30px; } .page-index .tour .tour-list .tour-item-name { font-family: SourceHanSansCN-Regular; /*text-align: center;*/ font-size: 24px; padding-top: 28px; cursor: pointer; } .page-index .tour .tour-list .tour-item-name a { color: #333; } .page-index .tour .tour-list .tour-item-name a:hover { color: #00953d; } .page-index .tour .tour-list .tour-item-name a:hover b { color: #00953d; } .page-index .tour .tour-list .tour-item-name a b { font-family: SourceHanSerifCN-Bold; font-weight: 500; color: #222; } .page-index .tour .tour-list .tour-item-text { font-size: 16px; color: #565656; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 5px; } .page-index .tour .tour-list .tour-item-btn { position: absolute; left: 28px; bottom: 20px; /*-moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 110px;*/ } .page-index .tour .tour-list .tour-item-btn .img-02 { display: none; } .page-index .tour .tour-list .tour-item-btn:hover i { color: #00953d; } .page-index .tour .tour-list .tour-item-btn:hover .img-01 { display: none; } .page-index .tour .tour-list .tour-item-btn:hover .img-02 { display: inline-block; } .page-index .tour .tour-list .tour-item-btn i { font-family: SourceHanSerifCN-Regular; font-size: 16px; color: #333; margin-right: 10px; } .page-index .tour .tour-list .tour-item-btn img { width: 30px; height: 30px; } .page-index .tour .tour-list .tour-item:nth-child(1) { left: 50%; top: 0; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 44.16%; height: 100%; } .page-index .tour .tour-list .tour-item:nth-child(1) .tour-item-img { height: 360px; } .page-index .tour .tour-list .tour-item:nth-child(1) .tour-item-main { padding: 0 40px; overflow: hidden; height: 390px; } .page-index .tour .tour-list .tour-item:nth-child(1) .tour-item-main .tour-item-btn { left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .page-index .tour .tour-list .tour-item:nth-child(1) .tour-item-main:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #00953d; } .page-index .tour .tour-list .tour-item:nth-child(1) .tour-item-name { padding-top: 50px; } .page-index .tour .tour-list .tour-item:nth-child(1) .tour-item-text { -webkit-line-clamp: 6; } .page-index .tour .tour-list .tour-item:nth-child(2) { top: 0; left: 0; } .page-index .tour .tour-list .tour-item:nth-child(3) { top: 0; right: 0; } .page-index .tour .tour-list .tour-item:nth-child(4) { bottom: 0; left: 0; } .page-index .tour .tour-list .tour-item:nth-child(5) { bottom: 0; right: 0; } .page-index .industry .group-title { padding: 100px 0 50px; } .page-index .industry .industry-img { height: 572px; background-size: cover; background-position: center; } .page-index .industry .industry-list { margin-top: 48px; padding: 56px 50px; border: 1px solid #f3f3f3; overflow: hidden; } .page-index .industry .industry-list .industry-list-item { float: left; width: 19.8%; text-align: center; padding-top: 12px; border-right: 1px solid #d2d2d2; cursor: pointer; } .page-index .industry .industry-list .industry-list-item:last-child { border-right: none; } .page-index .industry .industry-list .industry-list-item .list-item-name { font-family: SourceHanSerifCN-Bold; padding-top: 22px; font-size: 20px; color: #222; } .page-index .industry .industry-list .industry-list-item .img-01 { display: block; margin: 0 auto; } .page-index .industry .industry-list .industry-list-item .img-02 { display: none; } .page-index .industry .industry-list .industry-list-item:hover .list-item-name { color: #00953d; } .page-index .industry .industry-list .industry-list-item:hover .img-01 { display: none; } .page-index .industry .industry-list .industry-list-item:hover .img-02 { display: block; margin: 0 auto; } .page-index .project .group-title { padding: 100px 0 60px; } .page-index .project .project-item { height: 572px; position: relative; margin-bottom: 90px; } .page-index .project .project-item:last-child { margin-bottom: 0; } .page-index .project .project-item .project-item-img, .page-index .project .project-item .project-item-main { position: absolute; } .page-index .project .project-item .project-item-img { left: 0; top: 0; width: 84.75%; height: 100%; background-size: cover; } .page-index .project .project-item .project-item-main { right: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 35%; height: 320px; background-color: #fff; -moz-box-shadow: -2px 2px 10px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -2px 2px 10px 2px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 10px 2px rgba(0, 0, 0, 0.1); padding: 40px 40px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-index .project .project-item .project-item-main:after { content: ""; position: absolute; top: 0; right: 0; width: 4px; height: 100%; background-color: #00953d; } .page-index .project .project-item .project-item-name { font-family: SourceHanSerifCN-Regular; font-size: 36px; color: #000; font-weight: 500; line-height: 1.1; } .page-index .project .project-item .project-item-name a { color: #000; } .page-index .project .project-item .project-item-name a:hover { color: #00953d; } .page-index .project .project-item .project-item-text { font-size: 16px; color: #565656; line-height: 26px; padding-top: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 104px; } .page-index .project .project-item .project-item-btn { font-family: SourceHanSerifCN-Regular; display: block; width: 140px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #222; margin-top: 30px; font-size: 16px; color: #222; } .page-index .project .project-item .project-item-btn:hover { border: 1px solid #00953d; color: #00953d; } .page-index .project .project-item:nth-child(2n+1) .project-item-img { right: 0; left: auto; } .page-index .project .project-item:nth-child(2n+1) .project-item-main { left: 0; right: auto; -moz-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); } .page-index .project .project-item:nth-child(2n+1) .project-item-main:after { left: 0; right: auto; } .page-index .data .group-title { padding: 100px 0 70px; } .page-index .data .data-shares { height: 230px; background-color: #f0f7ff; } .page-index .data .data-shares-main { height: 100%; } .page-index .data .data-shares-item { float: left; padding-top: 60px; } .page-index .data .data-shares-item .item-name { font-family: SourceHanSansCN-Regular; font-size: 16px; color: #222; line-height: 36px; } .page-index .data .data-shares-item .item-num { font-size: 0; color: #222; } .page-index .data .data-shares-item .item-num span { font-family: SourceHanSansCN-Regular; font-size: 30px; } .page-index .data .data-shares-item .item-num span:first-child { margin-right: 20px; } .page-index .data .data-shares-btns { float: right; padding-top: 70px; text-align: right; font-size: 0; width: 60.8%; /*730px*/ white-space: nowrap; } .page-index .data .data-shares-btns .btn { font-family: SourceHanSerifCN-Regular; display: inline-block; vertical-align: middle; text-align: center; width: 20.54%; height: 40px; line-height: 40px; border: 1px solid #333; font-size: 16px; color: #222; margin-left: 4.1%; } .page-index .data .data-shares-btns .btn:first-child { margin-left: 0; } .page-index .data .data-shares-btns .btn:hover { border-color: #00953d; color: #00953d; } .page-index .data .data-shares-btns .btn-icon-pc { height: 85px; margin-left: 4.1%; } .page-index .data .data-shares-btns .btn-icon-m { display: none; } .page-index .data .data-main { height: 716px; position: relative; } .page-index .data .data-main .data-main-list { position: relative; } .page-index .data .data-main .data-main-list .data-main-item { position: absolute; padding-left: 50px; } .page-index .data .data-main .data-main-list .data-main-item .item-icon { position: absolute; left: 0; top: 0; height: 300px; border-left: 1px solid #bfbfbf; } .page-index .data .data-main .data-main-list .data-main-item .item-icon:before { content: ""; position: absolute; top: 0; left: -4px; width: 8px; height: 8px; background-color: #f00; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .page-index .data .data-main .data-main-list .data-main-item .item-name { font-family: SourceHanSansCN-Regular; font-size: 20px; color: #565656; line-height: 1; white-space: nowrap; } .page-index .data .data-main .data-main-list .data-main-item .item-num { font-family: SourceHanSerifCN-Bold; font-size: 60px; color: #222; line-height: 100px; white-space: nowrap; } .page-index .data .data-main .data-main-list .data-main-item .item-num em { font-size: 36px; vertical-align: super; } .page-index .data .data-main .data-main-list .data-main-item:nth-child(1) { left: 15%; top: 78px; } .page-index .data .data-main .data-main-list .data-main-item:nth-child(2) { left: 39.5%; top: 166px; } .page-index .data .data-main .data-main-list .data-main-item:nth-child(3) { left: 70.33%; top: 104px; } .page-index .data .data-main .data-main-list .data-main-item:nth-child(4) { left: 82%; top: 180px; } .page-index .data .data-main .data-main-bg { position: absolute; left: 50%; top: 190px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 1920px; width: 100%; height: 408px; background-image: url("../images/icon/11.png"); background-size: auto 100%; background-position: center top; background-repeat: no-repeat; } @media only screen and (max-width: 992px) { .page-index { /*banner*/ /*shares*/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ } .page-index .banner .banner-center .banner-title-pc { display: none; } .page-index .banner .banner-center .banner-title-m { display: block; width: 9.375rem; } .page-index .banner .banner-center .banner-slogin { font-size: 0.5rem; line-height: 0.65625rem; padding-top: 0.46875rem; } .page-index .banner .banner-center .banner-btn { margin-top: 0.9375rem; width: 3.03125rem; height: 1rem; line-height: 1rem; font-size: 0.375rem; } .page-index .banner .banner-down-btn { display: none; } .page-index .shares .shares-main { padding: 0 0.625rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-index .shares .shares-main .shares-item, .page-index .shares .shares-main .shares-hr { float: none; } .page-index .shares .shares-main .shares-item { width: auto; padding: 0.6875rem 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; text-align: center; } .page-index .shares .shares-main .shares-item .shares-item-name, .page-index .shares .shares-main .shares-item .shares-item-data { display: block; } .page-index .shares .shares-main .shares-item:first-child { padding-right: 0; text-align: center; } .page-index .shares .shares-main .shares-item:first-child .shares-item-data { text-align: center; } .page-index .shares .shares-main .shares-item:last-child { padding-left: 0; } .page-index .shares .shares-main .shares-hr { height: 0; border-bottom: 1px solid #f3f3f3; } .page-index .shares .shares-main .shares-hr:before { display: none; } .page-index .shares .shares-main .shares-item-name { font-family: SourceHanSansCN-Regular; font-size: 0.375rem; color: #222; padding-right: 0; } .page-index .shares .shares-main .shares-item-data .num { font-size: 0.5rem; color: #222; font-weight: 600; line-height: 0.53125rem; padding-top: 0.375rem; } .page-index .shares .shares-main .shares-item-data .num .rise { color: #f00; } .page-index .shares .shares-main .shares-item-data .num .rise:before { content: "↑"; } .page-index .shares .shares-main .shares-item-data .num .fall { color: #00953d; } .page-index .shares .shares-main .shares-item-data .num .fall:before { content: "↓"; } .page-index .shares .shares-main .shares-item-data .time { font-family: SourceHanSansCN-Regular; padding-top: 0.28125rem; font-size: 0.375rem; color: #888; white-space: nowrap; } .page-index .group-title { font-size: 0.75rem; } .page-index .news .group-title { padding: 1.25rem 0 0.78125rem; } .page-index .news .news-list { height: 3.46875rem; overflow: hidden; padding: 0 0.625rem; padding-right: 0; } .page-index .news .news-list ul { overflow-x: scroll; overflow-y: hidden; font-size: 0; white-space: nowrap; height: 105%; } .page-index .news .news-list ul li { float: none; display: inline-block; vertical-align: top; width: 8.125rem; height: 3.40625rem; border: 1px solid #f3f3f3; border-bottom: 0.0625rem solid #00953d; margin-right: 0.25rem; padding: 0.625rem 0.46875rem 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-index .news .news-list ul li:last-child { margin-right: 0; } .page-index .news .news-list ul li .news-item-name { white-space: normal; font-size: 0.5rem; line-height: 0.65625rem; color: #282828; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .page-index .news .news-list ul li .news-item-time { display: block; padding-top: 0.3125rem; font-size: 0.375rem; color: #808080; } .page-index .news .news-list ul li .news-item-text { display: none; } .page-index .news .news-more { display: block; margin: 0.78125rem auto 0; width: 2.78125rem; height: 0.90625rem; line-height: 0.90625rem; text-align: center; border: 1px solid #222; font-size: 0.375rem; color: #222; } .page-index .tour .group-title { padding: 1.5625rem 0 0.78125rem; } .page-index .tour .tour-list { height: auto; padding: 0 0.625rem; } .page-index .tour .tour-list .tour-item { position: static; width: auto !important; height: auto; margin-bottom: 0.78125rem; } .page-index .tour .tour-list .tour-item:last-child { margin-bottom: 0; } .page-index .tour .tour-list .tour-item-img { width: 100%; height: 5.9375rem !important; background-size: cover; } .page-index .tour .tour-list .tour-item-main { height: 3.65625rem !important; padding: 0 0.46875rem !important; } .page-index .tour .tour-list .tour-item-main:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.0625rem; background-color: #00953d; } .page-index .tour .tour-list .tour-item-name { font-size: 0.5rem; padding-top: 0.4375rem !important; text-align: left !important; } .page-index .tour .tour-list .tour-item-name b { font-weight: 500; color: #222; } .page-index .tour .tour-list .tour-item-text { font-size: 0.375rem; color: #565656; line-height: 0.53125rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; } .page-index .tour .tour-list .tour-item-btn { display: block; position: static; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; width: auto; line-height: 1; font-size: 0; margin-top: 0.375rem; } .page-index .tour .tour-list .tour-item-btn i { font-size: 0.375rem; color: #333; margin-right: 0.15625rem; display: inline-block; vertical-align: middle; } .page-index .tour .tour-list .tour-item-btn img { width: 0.46875rem; height: 0.46875rem; vertical-align: top; } .page-index .tour .tour-list .tour-item:nth-child(1) { -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); width: auto; height: auto; } .page-index .industry .group-title { padding: 1.5625rem 0 0.78125rem; } .page-index .industry .industry-img { height: 8.9375rem; } .page-index .industry .industry-list { margin-top: 0; padding: 0.25rem 0.625rem 0; border: none; overflow: hidden; } .page-index .industry .industry-list .industry-list-item { float: left; width: 33.3%; text-align: center; padding-top: 12px; border-right: none; } .page-index .industry .industry-list .industry-list-item .list-item-name { font-family: SourceHanSerifCN-Regular; padding-top: 0.34375rem; font-size: 0.5rem; color: #222; } .page-index .project .group-title { padding: 1.40625rem 0 0.78125rem; } .page-index .project .project-item { height: auto; position: relative; margin-bottom: 0.9375rem; padding: 0 0.625rem; } .page-index .project .project-item:last-child { margin-bottom: 0; } .page-index .project .project-item .project-item-img, .page-index .project .project-item .project-item-main { position: static; } .page-index .project .project-item .project-item-img { width: auto; height: 4.921875rem; } .page-index .project .project-item .project-item-main { -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); width: auto; height: 5.3125rem; background-color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0.5625rem 0.625rem 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; } .page-index .project .project-item .project-item-main:after { content: ""; position: absolute; top: auto; right: 0; left: 0; bottom: 0; width: 100%; height: 0.046875rem; background-color: #00953d; } .page-index .project .project-item .project-item-name { font-size: 0.5625rem; color: #000; font-weight: 500; } .page-index .project .project-item .project-item-text { font-size: 0.375rem; color: #565656; line-height: 0.53125rem; padding-top: 0.3125rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 1.5625rem; } .page-index .project .project-item .project-item-btn { display: block; width: 2.78125rem; height: 0.90625rem; line-height: 0.90625rem; text-align: center; border: 1px solid #222; margin-top: 0.46875rem; font-size: 16px; color: #222; } .page-index .project .project-item:nth-child(2n+1) .project-item-main { left: 0; right: auto; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .page-index .project .project-item:nth-child(2n+1) .project-item-main:after { left: 0; right: auto; } .page-index .data .group-title { padding: 1.40625rem 0 0.78125rem; } .page-index .data .data-shares { height: auto; background-color: #f0f7ff; } .page-index .data .data-shares-main { height: auto; padding-bottom: 0.9375rem; } .page-index .data .data-shares-item { float: none; padding-top: 0.9375rem; text-align: center; } .page-index .data .data-shares-item .item-name { font-size: 0.5rem; color: #222; line-height: 0.5625rem; } .page-index .data .data-shares-item .item-num { font-size: 0; color: #222; padding-top: 0.3125rem; } .page-index .data .data-shares-item .item-num span { display: block; font-size: 0.9375rem; line-height: 1.3125rem; } .page-index .data .data-shares-item .item-num span:first-child { margin-right: 0; } .page-index .data .data-shares-btns { float: none; padding-top: 0; text-align: center; font-size: 0; width: auto; /*730px*/ white-space: normal; } .page-index .data .data-shares-btns .btn { display: block; text-align: center; margin: 0.78125rem auto 0 !important; width: 3.09375rem; height: 1.0625rem; line-height: 1.0625rem; border: 1px solid #333; font-size: 0.375rem; color: #222; } .page-index .data .data-shares-btns .btn:hover { border-color: #00953d; color: #00953d; } .page-index .data .data-shares-btns .btn-icon-pc { display: none; } .page-index .data .data-shares-btns .btn-icon-m { display: block; width: 8.75rem; margin: 0.78125rem auto 0; } .page-index .data .data-main { height: 12.3125rem; position: relative; } .page-index .data .data-main .data-main-list { position: relative; padding-top: 0.78125rem; } .page-index .data .data-main .data-main-list .data-main-item { position: static; float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0.78125rem; padding-left: 1.34375rem; } .page-index .data .data-main .data-main-list .data-main-item .item-icon { display: none; } .page-index .data .data-main .data-main-list .data-main-item .item-name { font-size: 0.34375rem; color: #565656; line-height: 1; white-space: nowrap; } .page-index .data .data-main .data-main-list .data-main-item .item-num { font-size: 0.9375rem; color: #222; line-height: 1.5625rem; white-space: nowrap; } .page-index .data .data-main .data-main-list .data-main-item .item-num .item-num-s { font-size: 0.625rem; } .page-index .data .data-main .data-main-list .data-main-item .item-num em { font-size: 0.5625rem; } .page-index .data .data-main .data-main-list .data-main-item:nth-child(2n) { padding-left: 0.46875rem; } .page-index .data .data-main .data-main-bg { position: absolute; left: 50%; top: 6.0625rem; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 1920px; width: 100%; height: 4.84375rem; background-image: url("../images/icon/11.png"); background-size: auto 100%; background-position: left top; background-repeat: no-repeat; } } /* 公司简介 */ .page-about-profile .banner { height: 400px; background-size: cover !important; } .page-about-profile .content .center-wrap { padding: 110px 0; text-align: center; } .page-about-profile .content .center-wrap .logo { text-align: center; } .page-about-profile .content .center-wrap p { margin-top: 40px; font-size: 18px; line-height: 30px; font-family: "SourceHanSerifCN-Regular"; } .page-about-profile .content .center-wrap h2 { font-family: "SourceHanSerifCN-Regular"; font-weight: normal; font-size: 20px; } .page-about-profile .content .center-wrap .split { width: 576px; height: 1px; font-size: 0; line-height: 1; background: #ececec; margin: 38px auto; } .page-about-profile .content .center-wrap .imgs { margin-top: 90px; } .page-about-profile .content .center-wrap .imgs ul li { margin-top: 30px; height: 379px; overflow: hidden; } .page-about-profile .content .center-wrap .imgs ul li > div { margin-left: 30px; } .page-about-profile .content .center-wrap .imgs ul li > div:first-child { margin-left: 0; } .page-about-profile .content .center-wrap .imgs ul li .col-8 { width: 791px; height: 100%; float: left; } .page-about-profile .content .center-wrap .imgs ul li .col-4 { width: 379px; height: 100%; float: left; } .page-about-profile .content .center-wrap .imgs ul li a { display: block; height: 100%; position: relative; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .page-about-profile .content .center-wrap .imgs ul li a .text { position: absolute; width: 100%; height: 71px; background: url(../images/text-bg.png) repeat-x bottom center; bottom: 0; left: 0; z-index: 1; text-align: left; padding-top: 100px; background-size: contain; } .page-about-profile .content .center-wrap .imgs ul li a .text span { padding-left: 40px; font-size: 28px; font-family: "SourceHanSerifCN-Bold"; color: white; position: relative; padding-right: 50px; } .page-about-profile .content .center-wrap .imgs ul li a .text span:after { content: ""; display: block; width: 30px; height: 30px; background: url(../images/icon/more.png) no-repeat center; background-size: 100% auto; position: absolute; right: 0; top: 5px; } @media (max-width: 992px) { .page-about-profile .banner { height: 6.25rem; } .page-about-profile .content { padding: 0 0.625rem; } .page-about-profile .content .center-wrap { padding: 1.5625rem 0; } .page-about-profile .content .center-wrap .logo { text-align: center; } .page-about-profile .content .center-wrap .logo img { width: 2.09375rem; } .page-about-profile .content .center-wrap p { margin-top: 0.78125rem; font-size: 0.375rem; line-height: 0.59375rem; } .page-about-profile .content .center-wrap h2 { font-size: 0.5rem; } .page-about-profile .content .center-wrap .split { width: 6.359375rem; height: 1px; margin: 0.6875rem auto; } .page-about-profile .content .center-wrap .imgs { margin-top: 1.796875rem; } .page-about-profile .content .center-wrap .imgs ul li { margin-top: 0.46875rem; height: auto; overflow: visible; } .page-about-profile .content .center-wrap .imgs ul li > div { margin-left: 0; margin-top: 0.46875rem; } .page-about-profile .content .center-wrap .imgs ul li > div:first-child { margin-left: 0; margin-top: 0; } .page-about-profile .content .center-wrap .imgs ul li .col-8 { width: 100%; float: none; height: 6.578125rem; } .page-about-profile .content .center-wrap .imgs ul li .col-4 { width: 100%; float: none; height: 6.578125rem; } .page-about-profile .content .center-wrap .imgs ul li a .text { width: 100%; height: 1.421875rem; padding-top: 1.25rem; line-height: 1; } .page-about-profile .content .center-wrap .imgs ul li a .text span { padding-left: 0.625rem; font-size: 0.5rem; padding-right: 0.78125rem; } .page-about-profile .content .center-wrap .imgs ul li a .text span:after { width: 0.46875rem; height: 0.46875rem; top: 0.15625rem; } .page-about-profile .dialog .structure { width: 90%; } } /*管理团队*/ .page-about-team { background: #f0f1f1; } .page-about-team .main { background: url(../images/bg-team.png) no-repeat bottom center; padding-bottom: 120px; } .page-about-team .banner { height: 400px; background-size: cover !important; position: relative; } .page-about-team .banner .banner-name { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page-about-team .banner .banner-name .pc { max-width: 1200px; } .page-about-team .banner .banner-name .md { display: none; } .page-about-team .center-wrap .crumbs { padding: 40px 0 56px 0; } .page-about-team .center-wrap .crumbs a { font-size: 16px; color: #848484; font-family: "SourceHanSerifCN-Medium"; } .dialog-team { height: 100%; } .dialog-team .dialog-inner { width: 100%; margin-top: 0; height: 100%; } .dialog-team .dialog-inner .cont { height: 100%; } .dialog-team .dialog-inner .cont dl { overflow: hidden; padding-top: 50px; padding-bottom: 50px; box-sizing: border-box; min-height: 100%; background: url(../images/bg-dialog-team.jpg) no-repeat bottom center; background-size: 100% auto; } .dialog-team .dialog-inner .cont dl.no-avatar dt { display: none; } .dialog-team .dialog-inner .cont dl.no-avatar dd { padding-left: 280px; } .dialog-team .dialog-inner .cont dl dt { float: left; padding-left: 100px; } .dialog-team .dialog-inner .cont dl dt img { width: 321px; /*height:429px;*/ } .dialog-team .dialog-inner .cont dl dd { float: left; padding-left: 60px; width: 640px; } .dialog-team .dialog-inner .cont dl dd h2 { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 42px; font-weight: normal; line-height: 1.1; } .dialog-team .dialog-inner .cont dl dd h3 { font-size: 22px; font-family: "SourceHanSerifCN-Regular", "宋体"; font-weight: normal; padding: 30px 0; } .dialog-team .dialog-inner .cont dl dd .text { /*padding-top:24px;*/ } .dialog-team .dialog-inner .cont dl dd .text p { font-size: 16px; color: #565656; line-height: 28px; } .user-list ul { overflow: hidden; } .user-list ul li { width: 380px; float: left; background: white; margin-bottom: 30px; margin-right: 30px; } .user-list ul li:nth-child(3n) { margin-right: 0; } .user-list ul li.no-avatar .box .avatar { display: none; } .user-list ul li.no-avatar .box h1 { margin-top: 110px; } .user-list ul li .box { height: 400px; position: relative; padding-top: 42px; box-sizing: border-box; } .user-list ul li .box .avatar { width: 186px; height: 186px; margin: 0 auto; border-radius: 50%; overflow: hidden; } .user-list ul li .box .avatar img { width: 100%; height: 100%; } .user-list ul li .box h1 { margin-top: 30px; text-align: center; font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 30px; font-weight: normal; position: relative; line-height: 1.1; } .user-list ul li .box h1:after { content: ""; position: absolute; height: 1px; background: #00953d; width: 50px; left: 50%; margin-left: -25px; bottom: -12px; } .user-list ul li .box p { text-align: center; font-size: 16px; margin-top: 28px; } .user-list ul li .box span { position: absolute; width: 44px; height: 44px; background: #00953d; text-align: center; line-height: 43px; color: white; font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 24px; cursor: pointer; right: 0; bottom: 0; } .user-list ul li .box span i { font-style: normal; } .user-list ul li .info { display: none; background: white; } .user-list ul li.active .box span i { display: none; } .user-list ul li.active .box span:after { content: ""; height: 1px; background: white; left: 50%; width: 12px; margin-left: -6px; top: 50%; position: absolute; } .user-list ul li.active .info { display: none; } @media (max-width: 992px) { .page-about-team .main { padding-bottom: 1.875rem; } .page-about-team .banner { height: 6.25rem; overflow: hidden; } .page-about-team .banner .banner-name .pc { display: none; } .page-about-team .banner .banner-name .md { display: block; width: 10rem; } .page-about-team .center-wrap { padding-bottom: 1.40625rem; } .page-about-team .center-wrap .crumbs { display: none; } .page-about-team .center-wrap .crumbs a { font-size: 16px; color: #848484; font-family: "SourceHanSerifCN-Medium"; } .dialog-team .dialog-inner { width: 1200px; } .dialog-team .dialog-inner .cont dl { overflow: hidden; padding-top: 150px; padding-bottom: 500px; background: url(../images/bg-dialog-team.jpg) no-repeat bottom center; } .dialog-team .dialog-inner .cont dl.no-avatar dt { display: none; } .dialog-team .dialog-inner .cont dl.no-avatar dd { padding-left: 280px; } .dialog-team .dialog-inner .cont dl dt { float: left; padding-left: 160px; } .dialog-team .dialog-inner .cont dl dt img { width: 321px; height: 429px; } .dialog-team .dialog-inner .cont dl dd { float: left; padding-left: 60px; width: 640px; } .dialog-team .dialog-inner .cont dl dd h2 { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 42px; font-weight: normal; line-height: 1.1; } .dialog-team .dialog-inner .cont dl dd h3 { font-size: 22px; font-family: "SourceHanSerifCN-Regular", "宋体"; font-weight: normal; padding: 30px 0; } .dialog-team .dialog-inner .cont dl dd .text { padding-top: 24px; } .dialog-team .dialog-inner .cont dl dd .text p { font-size: 16px; color: #565656; line-height: 28px; } .user-list { padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.9375rem; } .user-list ul { overflow: visible; } .user-list ul li { width: 100%; float: none; margin-bottom: 0.9375rem; margin-right: 0; } .user-list ul li:nth-child(3n) { margin-right: 0; } .user-list ul li .box { height: 9.21875rem; padding-top: 0.96875rem; } .user-list ul li .box .avatar { width: 4.28125rem; height: 4.28125rem; margin-top: 0; } .user-list ul li .box h1 { margin-top: 0.625rem; font-size: 0.75rem; } .user-list ul li .box h1:after { width: 1.15625rem; left: 50%; margin-left: -0.578125rem; bottom: -0.3125rem; } .user-list ul li .box p { text-align: center; font-size: 0.375rem; margin-top: 0.625rem; } .user-list ul li .box span { width: 1rem; height: 1rem; line-height: 1rem; font-size: 0.546875rem; } .user-list ul li.no-avatar .box .avatar { display: none; } .user-list ul li.no-avatar .box h1 { margin-top: 0; padding-top: 2.3125rem; } .user-list ul li.active .box span:after { width: 0.25rem; margin-left: -0.125rem; } .user-list ul li.active .info { display: block; border-top: 0.3125rem solid #f0f1f1; font-size: 0.375rem; color: #565656; padding: 1.015625rem 0.84375rem 2.1875rem 0.84375rem; line-height: 0.59375rem; background: url(../images/bg-dialog-team.jpg) no-repeat bottom center; background-size: contain; } } /*战略愿景*/ .page-about-vision .banner { height: 400px; background-size: cover !important; overflow: hidden; position: relative; } .page-about-vision .banner .banner-name { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page-about-vision .banner .banner-name .pc { max-width: 1200px; } .page-about-vision .banner .banner-name .md { display: none; } .page-about-vision .center-wrap .crumbs { padding: 40px 0 56px 0; } .page-about-vision .center-wrap .crumbs a { font-size: 16px; color: #848484; font-family: "SourceHanSerifCN-Medium"; } .page-about-vision .module .module-title { font-size: 48px; color: #282828; /*text-align: center;*/ font-family: "SourceHanSerifCN-Regular"; } .page-about-vision .module .sub-title { font-size: 28px; color: #282828; text-align: left; font-family: "SourceHanSansCN-Regular"; padding: 30px 0; } .page-about-vision .module .module-desc { font-size: 16px; text-align: left; line-height: 26px; color: #282828; font-family: "SourceHanSerifCN-Regular", "宋体"; /*max-width:755px; margin:0 auto;*/ margin-top: 45px; } .page-about-vision .module ul.concept { overflow: hidden; margin-top: 80px; } .page-about-vision .module ul.concept li { float: left; width: 25%; /*text-align: center;*/ margin-bottom: 60px; } .page-about-vision .module ul.concept li i { display: block; /*margin: 0 auto;*/ text-align: center; width: 161px; height: 161px; border: 1px solid #dedede; border-radius: 50%; background-position: center; background-repeat: no-repeat; } .page-about-vision .module ul.concept li i.icon-01 { background-image: url(../images/icon/vision-01.png); } .page-about-vision .module ul.concept li i.icon-02 { background-image: url(../images/icon/vision-02.png); } .page-about-vision .module ul.concept li i.icon-03 { background-image: url(../images/icon/vision-03.png); } .page-about-vision .module ul.concept li i.icon-04 { background-image: url(../images/icon/vision-04.png); } .page-about-vision .module ul.concept li i.icon-05 { background-image: url(../images/icon/vision-05.png); } .page-about-vision .module ul.concept li i.icon-06 { background-image: url(../images/icon/vision-06.png); } .page-about-vision .module ul.concept li i.icon-07 { background-image: url(../images/icon/vision-07.png); } .page-about-vision .module ul.concept li h2 { font-family: "SourceHanSerifCN-Bold"; font-size: 28px; font-weight: normal; margin-top: 20px; padding: 24px 0; line-height: 1.1; margin-bottom: 20px; position: relative; } .page-about-vision .module ul.concept li h2:after { content: ""; width: 75px; height: 1px; background: #00953d; font-size: 0; position: absolute; bottom: 0; left: 0%; /*margin-left: -37.5px;*/ } .page-about-vision .module ul.concept li p { font-size: 16px; line-height: 32px; max-width: 210px; /*margin: 0 auto;*/ height: 64px; overflow: hidden; } .page-about-vision .module.module-vision { background: #f9f9f9 url(../images/bg-vision.jpg) no-repeat bottom center; padding: 90px 0; } .page-about-vision .module.module-vision .module-title { font-family: "SourceHanSerifCN-Medium", "宋体"; } .page-about-vision .module.module-vision .center-wrap .clearfix { margin-top: 80px; margin-bottom: 50px; } .page-about-vision .module.module-vision .center-wrap .clearfix .item { float: left; border: 1px solid #00953d; margin-left: 20px; width: 590px; height: 208px; box-sizing: border-box; padding: 40px 48px; } .page-about-vision .module.module-vision .center-wrap .clearfix .item:first-child { margin-left: 0; } .page-about-vision .module.module-vision .center-wrap .clearfix .item b { font-size: 28px; font-family: "SourceHanSerifCN-Bold", "宋体"; margin-top: 0px; display: block; line-height: 1.1; } .page-about-vision .module.module-vision .center-wrap .clearfix .item p { padding-bottom: 0; } .page-about-vision .module.module-vision .center-wrap p { font-size: 24px; font-family: "SourceHanSerifCN-Regular", "宋体"; padding: 20px 0; } .page-about-vision .module.module-vision .center-wrap p img { max-width: 100%; } .page-about-vision .module.module-business { padding: 90px 0; } .page-about-vision .module ul.business-list { padding: 0 18px; padding-top: 47px; margin-top: 50px; } .page-about-vision .module ul.business-list li { float: left; width: 20%; } .page-about-vision .module ul.business-list li .box { width: 188px; height: 188px; margin: 0 auto; -moz-box-shadow: 0px 0px 0px 44px rgba(210, 210, 210, 0.4); -webkit-box-shadow: 0px 0px 0px 44px rgba(210, 210, 210, 0.4); box-shadow: 0px 0px 0px 44px rgba(210, 210, 210, 0.4); border-radius: 50%; } .page-about-vision .module ul.business-list li .box i { display: block; height: 100%; background-position: center; background-repeat: no-repeat; } .page-about-vision .module ul.business-list li .text { height: 138px; width: 217px; border: 1px solid #00953d; box-sizing: border-box; margin: 0 auto; position: relative; margin-top: 110px; } .page-about-vision .module ul.business-list li .text:hover { color: #00953d; } .page-about-vision .module ul.business-list li .text:before { content: ""; position: absolute; top: -42px; background: #6f6f6f; height: 12px; width: 12px; border-radius: 50%; left: 50%; margin-left: -6px; font-size: 0; } .page-about-vision .module ul.business-list li .text:after { content: ""; position: absolute; top: -30px; background: #ededed; height: 29px; width: 2px; font-size: 0; border-radius: 50%; left: 50%; margin-left: -1px; } .page-about-vision .module ul.business-list li .text p { width: 145px; margin: 0 auto; margin-top: 30px; text-align: center; font-family: "SourceHanSerifCN-Bold"; font-size: 24px; cursor: pointer; } .page-about-vision .module.module-strategic .center-wrap { /*border-top:1px solid #e0e0e0; padding-top:90px;*/ padding-bottom: 50px; } .page-about-vision .module ul.strategic { overflow: hidden; margin-top: 80px; } .page-about-vision .module ul.strategic li { float: left; width: 50%; margin-bottom: 30px; } .page-about-vision .module ul.strategic li .box { width: 539px; height: 183px; border: 1px solid #00953d; box-sizing: border-box; position: relative; } .page-about-vision .module ul.strategic li .box p { padding: 50px; font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 28px; line-height: 40px; color: #282828; } .page-about-vision .module ul.strategic li .box i { position: absolute; width: 85px; height: 85px; background-color: #00953d; border-radius: 50%; right: -43px; bottom: -43px; background-repeat: no-repeat; background-position: center; } .page-about-vision .module ul.strategic li .box i.icon-01 { background-image: url(../images/about/strategic-01.png); } .page-about-vision .module ul.strategic li .box i.icon-02 { background-image: url(../images/about/strategic-02.png); } .page-about-vision .module ul.strategic li .box i.icon-03 { background-image: url(../images/about/strategic-03.png); } .page-about-vision .module ul.strategic li .box i.icon-04 { background-image: url(../images/about/strategic-04.png); } .page-about-vision .module ul.strategic li .text { font-size: 16px; padding: 30px; width: 539px; box-sizing: border-box; } @media (max-width: 992px) { .page-about-vision .banner { height: 6.25rem; } .page-about-vision .banner .banner-name .pc { display: none; } .page-about-vision .banner .banner-name .md { display: block; width: 10rem; } .page-about-vision .center-wrap .crumbs { display: none; } .page-about-vision .module .module-title { font-size: 0.75rem; } .page-about-vision .module.module-concept { margin-top: 1.40625rem; padding: 0 0.625rem; } .page-about-vision .module .sub-title { font-size: 0.4375rem; padding: 0.46875rem 0; } .page-about-vision .module .module-desc { font-size: 0.375rem; line-height: 0.53125rem; max-width: 100%; margin-top: 0.703125rem; } .page-about-vision .module ul.concept { margin-top: 1.25rem; } .page-about-vision .module ul.concept li { float: left; width: 50%; margin-bottom: 0.9375rem; } .page-about-vision .module ul.concept li i { width: 2.515625rem; height: 2.515625rem; background-size: 45% auto; } .page-about-vision .module ul.concept li h2 { font-size: 0.4375rem; margin-top: 0.3125rem; padding: 0.375rem 0; margin-bottom: 0.3125rem; } .page-about-vision .module ul.concept li h2:after { width: 1.171875rem; left: 0; margin-left: 0; } .page-about-vision .module ul.concept li p { font-size: 0.375rem; line-height: 0.53125rem; max-width: 3.28125rem; height: 1rem; } .page-about-vision .module.module-vision { padding: 1.40625rem 0.625rem; } .page-about-vision .module.module-vision .module-title { font-family: "SourceHanSerifCN-Medium", "宋体"; } .page-about-vision .module.module-vision .center-wrap .clearfix .item { width: 100%; margin-left: 0; margin-bottom: 0.3125rem; padding: 0.625rem 0.75rem; height: 3.28125rem; } .page-about-vision .module.module-vision .center-wrap .clearfix .item b { font-size: 0.4375rem; margin-top: 0; } .page-about-vision .module.module-vision .center-wrap p { font-size: 0.375rem; padding: 0.3125rem 0; } .page-about-vision .module.module-business { padding: 1.40625rem 0.625rem; } .page-about-vision .module ul.business-list { padding: 0 0.28125rem; padding-top: 0.734375rem; margin-top: 0.78125rem; } .page-about-vision .module ul.business-list li { float: left; width: 50%; margin-bottom: 1.75rem; } .page-about-vision .module ul.business-list li:last-child { margin-bottom: 0; } .page-about-vision .module ul.business-list li .box { width: 3.15625rem; height: 3.15625rem; -moz-box-shadow: 0px 0px 0px 0.9375rem rgba(210, 210, 210, 0.4); -webkit-box-shadow: 0px 0px 0px 0.9375rem rgba(210, 210, 210, 0.4); box-shadow: 0px 0px 0px 0.9375rem rgba(210, 210, 210, 0.4); } .page-about-vision .module ul.business-list li .text { height: 2.359375rem; width: 92%; margin-top: 1.875rem; } .page-about-vision .module ul.business-list li .text:before { top: -0.734375rem; height: 0.1875rem; width: 0.1875rem; margin-left: -0.09375rem; } .page-about-vision .module ul.business-list li .text:after { top: -0.546875rem; height: 0.515625rem; } .page-about-vision .module ul.business-list li .text p { width: 2.96875rem; margin-top: 0.46875rem; font-size: 0.46875rem; } .page-about-vision .module.module-strategic { padding: 0 0.625rem; } .page-about-vision .module.module-strategic .center-wrap { border-top: 1px solid #e0e0e0; padding-top: 1.40625rem; padding-bottom: 0.78125rem; } .page-about-vision .module ul.strategic { overflow: hidden; margin-top: 1.25rem; } .page-about-vision .module ul.strategic li { width: 100%; margin-bottom: 0.46875rem; } .page-about-vision .module ul.strategic li .box { width: 90%; height: 2.859375rem; } .page-about-vision .module ul.strategic li .box p { padding: 0.78125rem; font-size: 0.4375rem; line-height: 0.625rem; } .page-about-vision .module ul.strategic li .box i { width: 1.328125rem; height: 1.328125rem; right: -0.671875rem; bottom: -0.671875rem; background-size: 50% auto; } .page-about-vision .module ul.strategic li .text { font-size: 0.375rem; padding: 0.46875rem; width: 90%; } } /*旗下子公司*/ .page-about-subcompany .banner { height: 400px; background-size: cover !important; position: relative; } .page-about-subcompany .banner .banner-name { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page-about-subcompany .banner .banner-name .pc { max-width: 1200px; } .page-about-subcompany .banner .banner-name .md { display: none; } .page-about-subcompany .center-wrap .crumbs { padding: 40px 0 56px 0; } .page-about-subcompany .center-wrap .crumbs a { font-size: 16px; color: #848484; font-family: "SourceHanSerifCN-Medium"; } .page-about-subcompany .company-list ul li { float: left; width: 200px; margin-bottom: 60px; } .page-about-subcompany .company-list ul li:first-child span { border-left: 1px solid #ededed; } .page-about-subcompany .company-list ul li span { display: block; font-size: 20px; font-family: "SourceHanSerifCN-Regular", "宋体"; height: 91px; border: 1px solid #ededed; line-height: 91px; text-align: center; border-left: 0; cursor: pointer; } .page-about-subcompany .company-list ul li span em { display: none; } .page-about-subcompany .company-list ul li span i { width: 44px; height: 44px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 15px; } .page-about-subcompany .company-list ul li span i.icon-01 { background: url(../images/icon/04.png) no-repeat center; background-size: auto 100%; } .page-about-subcompany .company-list ul li span i.icon-02 { background: url(../images/icon/06.png) no-repeat center; background-size: auto 100%; } .page-about-subcompany .company-list ul li span i.icon-03 { background: url(../images/icon/05.png) no-repeat center; background-size: auto 100%; } .page-about-subcompany .company-list ul li span i.icon-04 { background: url(../images/icon/07.png) no-repeat center; background-size: auto 80%; } .page-about-subcompany .company-list ul li span i.icon-05 { background: url(../images/icon/08.png) no-repeat center; background-size: auto 90%; } .page-about-subcompany .company-list ul li span i.icon-06 { background: url(../images/icon/009.png) no-repeat center; background-size: auto 100%; } .page-about-subcompany .company-list ul li ul { display: none; margin-top: 80px; width: 1200px; } .page-about-subcompany .company-list ul li ul li { width: 378px; margin-right: 30px; height: 400px; } .page-about-subcompany .company-list ul li ul li:nth-child(3n) { margin-right: 0; } .page-about-subcompany .company-list ul li ul li .logo { height: 212px; background-position: center; background-repeat: no-repeat; border: 1px solid #ededed; cursor: pointer; } .page-about-subcompany .company-list ul li ul li .name { font-family: "SourceHanSerifCN-Medium", "宋体"; font-size: 24px; padding: 20px 0; } .page-about-subcompany .company-list ul li ul li .name:hover { color: #00953d; cursor: pointer; } .page-about-subcompany .company-list ul li ul li .desc { font-size: 18px; color: #565656; line-height: 28px; font-family: "SourceHanSansCN-Regular"; } .page-about-subcompany .company-list ul li.active span { color: white; background: #00953d; } .page-about-subcompany .company-list ul li.active span i.icon-01 { background: url(../images/icon/04_.png) no-repeat center; background-size: auto 95%; } .page-about-subcompany .company-list ul li.active span i.icon-02 { background: url(../images/icon/06_.png) no-repeat center; background-size: auto 92%; } .page-about-subcompany .company-list ul li.active span i.icon-03 { background: url(../images/icon/05_.png) no-repeat center; background-size: auto 100%; } .page-about-subcompany .company-list ul li.active span i.icon-04 { background: url(../images/icon/07_.png) no-repeat center; background-size: auto 90%; } .page-about-subcompany .company-list ul li.active span i.icon-05 { background: url(../images/icon/08_.png) no-repeat center; background-size: auto 100%; } .page-about-subcompany .company-list ul li.active span i.icon-06 { background: url(../images/icon/009_.png) no-repeat center; background-size: auto 100%; } .page-about-subcompany .company-list ul li.active ul { display: block; } .modal-subcompany { overflow: hidden; max-width: 1200px; margin: 0 auto; background: url(../images/bg-modal-subcompany.jpg) no-repeat bottom center; min-height: 100%; } .modal-subcompany .box { margin: 124px 100px 230px; } .modal-subcompany .box h1 { font-size: 46px; font-weight: normal; font-family: "SourceHanSerifCN-Regular", "宋体"; line-height: 1.1; padding-bottom: 55px; } .modal-subcompany .box .items { padding: 55px 0; padding-bottom: 0px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin-bottom: 55px; } .modal-subcompany .box .items dl { overflow: hidden; } .modal-subcompany .box .items dl dt { float: left; padding-top: 3px; padding-right: 15px; } .modal-subcompany .box .items dl dt i { display: block; width: 27px; height: 27px; } .modal-subcompany .box .items dl dt i.jynr { background: url(../images/icon/icon-jynr.png) no-repeat center; background-size: contain; } .modal-subcompany .box .items dl dt i.addr { background: url(../images/icon/icon-addr.png) no-repeat center; background-size: contain; } .modal-subcompany .box .items dl dt i.tel { background: url(../images/icon/icon-tel.png) no-repeat center; background-size: contain; } .modal-subcompany .box .items dl dd { float: left; padding-bottom: 35px; max-width: 90%; } .modal-subcompany .box .items dl dd h2 { font-size: 28px; font-weight: normal; line-height: 1.1; font-family: "SourceHanSerifCN-Regular", "宋体"; } .modal-subcompany .box .items dl dd p { font-family: "SourceHanSerifCN-Regular", "宋体"; line-height: 1.5; margin-top: 18px; font-size: 20px; } .modal-subcompany .box .content-box { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 20px; line-height: 32px; } .modal-subcompany .box .reservation { display: block; width: 150px; height: 50px; margin-top: 50px; line-height: 50px; text-align: center; border: 1px solid #333; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 20px; color: #222; } .modal-subcompany .box .reservation:hover { color: #00953d; border-color: #00953d; } .modal-subcompany-close .layui-layer-setwin .layui-layer-close2 { top: 50px; right: 48px; } .modal-subcompany-close .layui-layer-close { background: url(../images/icon/dialog-close.png) no-repeat center !important; background-size: 100% auto !important; } @media (max-width: 992px) { .page-about-subcompany .banner { height: 6.25rem; } .page-about-subcompany .banner .banner-name .pc { display: none; } .page-about-subcompany .banner .banner-name .md { display: block; width: 10rem; } .page-about-subcompany .center-wrap { padding: 0.625rem; box-sizing: border-box; } .page-about-subcompany .center-wrap .crumbs { display: none; } .page-about-subcompany .company-list ul li { float: none; width: 100%; margin-bottom: 0.3125rem; } .page-about-subcompany .company-list ul li span { font-size: 0.5rem; height: 1.421875rem; border: 1px solid #ededed; line-height: 1.421875rem; text-align: left; padding-left: 0.46875rem; position: relative; } .page-about-subcompany .company-list ul li span em { display: block; font-style: normal; color: #222; font-size: 0.6875rem; font-family: "SourceHanSerifCN-Regular"; position: absolute; right: 0.390625rem; top: 50%; margin-top: -0.390625rem; background: url(../images/icon/open.png) no-repeat center; background-size: 50% auto; width: 0.78125rem; height: 0.78125rem; } .page-about-subcompany .company-list ul li span i { width: 0.6875rem; height: 0.6875rem; margin-top: -0.078125rem; margin-right: 0.234375rem; } .page-about-subcompany .company-list ul li ul { margin-top: 0.78125rem; width: 100%; } .page-about-subcompany .company-list ul li ul li { width: 100%; margin-right: 0px; height: auto; } .page-about-subcompany .company-list ul li ul li .logo { height: 4.921875rem; } .page-about-subcompany .company-list ul li ul li .name { font-size: 0.5rem; padding: 0.3125rem 0; } .page-about-subcompany .company-list ul li ul li .desc { font-size: 0.375rem; line-height: 0.59375rem; padding-bottom: 0.625rem; } .page-about-subcompany .company-list ul li.active span { color: white; background: #00953d; } .page-about-subcompany .company-list ul li.active span em { color: white; background: url(../images/icon/open_white_.png) no-repeat center; background-size: 50% auto; } .page-about-subcompany .company-list ul li.active span i.icon-01 { background: url(../images/icon/04_.png) no-repeat center; background-size: auto 100%; } .page-about-subcompany .company-list ul li.active span i.icon-02 { background: url(../images/icon/05_.png) no-repeat center; background-size: auto 95%; } .page-about-subcompany .company-list ul li.active span i.icon-03 { background: url(../images/icon/06_.png) no-repeat center; background-size: auto 90%; } .page-about-subcompany .company-list ul li.active span i.icon-04 { background: url(../images/icon/07_.png) no-repeat center; background-size: auto 80%; } .page-about-subcompany .company-list ul li.active span i.icon-05 { background: url(../images/icon/08_.png) no-repeat center; background-size: auto 90%; } .page-about-subcompany .company-list ul li.active span i.icon-06 { background: url(../images/icon/009_.png) no-repeat center; background-size: auto 100%; } .page-about-subcompany .company-list ul li.active ul { display: block; margin-left: 0 !important; } .modal-subcompany .box { margin: 0.53125rem; padding-top: 0.703125rem; } .modal-subcompany .box h1 { font-size: 0.6875rem; padding-bottom: 0.703125rem; line-height: 1.4; } .modal-subcompany .box .items { padding: 0.703125rem 0; margin-bottom: 0.703125rem; padding-bottom: 0; } .modal-subcompany .box .items dl dt { padding-top: 3px; padding-right: 0.234375rem; } .modal-subcompany .box .items dl dt i { width: 0.421875rem; height: 0.421875rem; } .modal-subcompany .box .items dl dd { padding-bottom: 0.546875rem; max-width: 90%; } .modal-subcompany .box .items dl dd h2 { font-size: 0.4375rem; } .modal-subcompany .box .items dl dd p { margin-top: 0.28125rem; font-size: 0.34375rem; } .modal-subcompany .box .content-box { font-size: 0.3125rem; line-height: 0.5rem; } .modal-subcompany .box .content-box p { font-size: 0.34375rem; line-height: 1.6; } .modal-subcompany .box .reservation { width: 2.34375rem; height: 0.78125rem; line-height: 0.78125rem; margin-top: 0.78125rem; font-size: 0.3125rem; } .modal-subcompany .box .reservation:hover { color: #00953d; border-color: #00953d; } .modal-subcompany-close .layui-layer-setwin .layui-layer-close2 { top: 0.15625rem; right: 0.15625rem; } .modal-subcompany-close .layui-layer-close { width: 0.546875rem !important; height: 0.546875rem !important; } } /*常见问题*/ .page-faq .center-wrap .crumbs { padding: 40px 0 56px 0; font-family: "SourceHanSerifCN-Medium"; color: #848484; font-size: 16px; } .page-faq .center-wrap .crumbs a { font-size: 16px; color: #848484; } .page-faq .center-wrap .list { padding-bottom: 120px; } .page-faq .center-wrap .list .title { font-size: 48px; font-family: "SourceHanSerifCN-Regular", "宋体"; line-height: 1.1; } .page-faq .center-wrap .list .item h1 { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 32px; font-weight: normal; padding: 48px 0; border-bottom: 1px solid #00953d; line-height: 1.1; } .page-faq .center-wrap .list .item ul li { border-bottom: 1px solid #e0e0e0; padding: 45px 0; } .page-faq .center-wrap .list .item ul li strong { font-size: 28px; padding-left: 45px; background: url(../images/icon/icon-q.png) no-repeat left 8px; font-family: "SourceHanSerifCN-Regular", "宋体"; font-weight: normal; padding-bottom: 8px; display: block; } .page-faq .center-wrap .list .item ul li p { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 18px; padding-left: 45px; background: url(../images/icon/icon-a.png) no-repeat left 2px; } .page-faq .center-wrap .list .item ul li:last-child { border-bottom: 1px solid #00953d; } @media (max-width: 992px) { .page-faq .main { padding: 0 40px; } .page-faq .center-wrap { box-sizing: border-box; } .page-faq .center-wrap .crumbs { display: none; } .page-faq .center-wrap .list { padding-bottom: 1.875rem; } .page-faq .center-wrap .list .title { font-size: 0.75rem; padding-top: 1.171875rem; padding-bottom: 0.546875rem; } .page-faq .center-wrap .list .item h1 { font-size: 0.59375rem; padding: 0.546875rem 0 0.546875rem 0; } .page-faq .center-wrap .list .item ul li { padding: 0.78125rem 0; } .page-faq .center-wrap .list .item ul li strong { font-size: 0.5rem; padding-left: 0.78125rem; background: url(../images/icon/icon-q.png) no-repeat left 0.15625rem; background-size: auto 0.5rem; padding-bottom: 0.1875rem; line-height: 0.71875rem; } .page-faq .center-wrap .list .item ul li p { font-size: 0.375rem; padding-left: 0.78125rem; background: url(../images/icon/icon-a.png) no-repeat left 2px; background-size: auto 0.46875rem; } } /*发展历程*/ .page-development .banner { height: 400px; background-size: cover !important; overflow: hidden; position: relative; } .page-development .banner .banner-name { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page-development .banner .banner-name .pc { max-width: 1200px; } .page-development .banner .banner-name .md { display: none; } .page-development .main { background: #f5f5f5 url(../images/bg-dev.jpg) no-repeat center bottom; min-height: 700px; } .page-development .main .center-wrap { padding: 115px 0; } .page-development .main .dev-list ul li { width: 33.33%; float: left; } .page-development .main .dev-list ul li span { font-family: "SourceHanSerifCN-Medium", "宋体"; font-size: 32px; text-align: center; display: block; height: 93px; line-height: 93px; border: 1px solid #ededed; box-sizing: border-box; border-left: 0; background: #ffffff; cursor: pointer; } .page-development .main .dev-list ul li:first-child span { border-left: 1px solid #ededed; } .page-development .main .dev-list ul li .content { display: none; } .page-development .main .dev-list ul li.active span { background: #00953d; color: white; } .page-development .main .dev-list ul li.active .content { display: block; width: 1200px; } .page-development .main .dev-list ul li.active .content .options { text-align: center; padding: 60px 0; } .page-development .main .dev-list ul li.active .content .options label { cursor: pointer; color: #222222; font-size: 22px; display: inline-block; font-family: "SourceHanSerifCN-Regular", "宋体"; margin: 0 24px; padding-left: 33px; background: url(../images/icon/bg-radio.png) no-repeat left center; } .page-development .main .dev-list ul li.active .content .options label.active { background: url(../images/icon/bg-radio-checked.png) no-repeat left center; } .page-development .main .dev-list ul li.active .content dl { position: relative; padding-top: 63px; } .page-development .main .dev-list ul li.active .content dl.clock:before { content: ""; position: absolute; width: 30px; height: 30px; top: 0; left: 227px; background: #f5f5f5 url(../images/icon/clock.png) no-repeat center top; padding-bottom: 15px; z-index: 1; } .page-development .main .dev-list ul li.active .content dl:last-child dd:before { content: ""; position: absolute; width: 14px; height: 8px; background: url(../images/icon/arrow-dnow.png) no-repeat center; background-size: cover; left: 235px; bottom: 0; } .page-development .main .dev-list ul li.active .content dl dt { float: left; width: 270px; } .page-development .main .dev-list ul li.active .content dl dt label { display: block; font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 48px; color: #009944; text-align: right; padding-right: 70px; position: relative; } .page-development .main .dev-list ul li.active .content dl dt label:before { content: ""; position: absolute; width: 9px; height: 9px; border: 2px solid #00953d; border-radius: 50%; background: white; z-index: 2; top: 50%; right: 22px; } .page-development .main .dev-list ul li.active .content dl dt:after { content: ""; position: absolute; height: 100px; width: 2px; background: #00953d; top: 0; left: 241px; height: 100%; } .page-development .main .dev-list ul li.active .content dl dd { float: left; width: 830px; } .page-development .main .dev-list ul li.active .content dl dd h1 { display: none; } .page-development .main .dev-list ul li.active .content dl dd .item { padding: 50px 45px; background: white; margin-bottom: 40px; margin-left: 50px; position: relative; } .page-development .main .dev-list ul li.active .content dl dd .item h2 { color: #009944; font-family: "SourceHanSerifCN-Bold", "宋体"; line-height: 1.1; margin-bottom: 20px; font-size: 18px; } .page-development .main .dev-list ul li.active .content dl dd .item p { font-size: 18px; font-family: "SourceHanSerifCN-Regular", "宋体"; line-height: 36px; } .page-development .main .dev-list ul li.active .content dl dd .item .box { overflow: hidden; } .page-development .main .dev-list ul li.active .content dl dd .item .box .pic { float: left; } .page-development .main .dev-list ul li.active .content dl dd .item .box .text { float: left; padding-left: 30px; width: 460px; } .page-development .main .dev-list ul li.active .content dl dd .item:first-child:before { content: ""; position: absolute; width: 23px; height: 30px; background: url(../images/icon/arrow-left.png) no-repeat center; left: -23px; top: 28px; } @media (max-width: 992px) { .page-development .banner { display: block; height: 6.25rem; } .page-development .banner .banner-name .pc { display: none; } .page-development .banner .banner-name .md { display: block; width: 10rem; } .page-development .main { padding-top: 0.625rem; } .page-development .main .center-wrap { padding: 1.796875rem 0.625rem; box-sizing: border-box; } .page-development .main .dev-list ul li { width: 100%; float: none; margin-bottom: 0.3125rem; } .page-development .main .dev-list ul li span { font-size: 0.5rem; height: 1.40625rem; line-height: 1.40625rem; text-align: left; padding-left: 0.828125rem; position: relative; } .page-development .main .dev-list ul li span i { display: block; font-style: normal; color: #222; font-size: 0.6875rem; font-family: "SourceHanSerifCN-Regular"; position: absolute; right: 0.390625rem; top: 50%; margin-top: -0.390625rem; background: url(../images/icon/open.png) no-repeat center; background-size: 50% auto; width: 0.78125rem; height: 0.78125rem; } .page-development .main .dev-list ul li.active span i { color: white; background: url(../images/icon/open_white_.png) no-repeat center; background-size: 50% auto; } .page-development .main .dev-list ul li.active .content { display: block; width: 100%; margin-left: 0 !important; } .page-development .main .dev-list ul li.active .content .options { padding: 0.78125rem 0; text-align: left; line-height: 1.2; } .page-development .main .dev-list ul li.active .content .options label { font-size: 0.4375rem; margin: 0 0.78125rem; padding-left: 0.546875rem; margin-top: 0.21875rem; } .page-development .main .dev-list ul li.active .content dl { padding-top: 0.984375rem; } .page-development .main .dev-list ul li.active .content dl.clock:before { content: ""; position: absolute; width: 0.46875rem; height: 0.46875rem; top: 0; left: 1px; background: #f5f5f5 url(../images/icon/clock.png) no-repeat center top; background-size: contain; padding-bottom: 0.234375rem; z-index: 1; } .page-development .main .dev-list ul li.active .content dl:last-child dd:before { content: ""; position: absolute; width: 0.21875rem; height: 0.125rem; background: url(../images/icon/arrow-dnow.png) no-repeat center; background-size: cover; left: 0.140625rem; bottom: 0; } .page-development .main .dev-list ul li.active .content dl dt { float: left; width: 1.015625rem; } .page-development .main .dev-list ul li.active .content dl dt label { font-size: 0.75rem; padding-right: 0; white-space: nowrap; } .page-development .main .dev-list ul li.active .content dl dt label:before { content: ""; position: absolute; width: 0.140625rem; height: 0.140625rem; border: 2px solid #00953d; border-radius: 50%; background: white; z-index: 2; top: 0.546875rem; margin-right: -1px; right: 0.6796875rem; } .page-development .main .dev-list ul li.active .content dl dt label em { display: none; } .page-development .main .dev-list ul li.active .content dl dt:after { content: ""; position: absolute; height: 100px; width: 2px; background: #00953d; top: 0; left: 0.234375rem; height: 100%; } .page-development .main .dev-list ul li.active .content dl dd { float: left; width: 8.75rem; } .page-development .main .dev-list ul li.active .content dl dd h1 { font-size: 0.75rem; display: block; color: #00953d; font-family: "SourceHanSerifCN-Regular", "宋体"; margin-left: 0.78125rem; margin-bottom: 0.375rem; } .page-development .main .dev-list ul li.active .content dl dd .item { padding: 0.78125rem 0.703125rem; margin-bottom: 0.625rem; margin-left: 0.78125rem; position: relative; } .page-development .main .dev-list ul li.active .content dl dd .item h2 { margin-bottom: 0.3125rem; font-size: 0.375rem; } .page-development .main .dev-list ul li.active .content dl dd .item p { font-size: 0.375rem; line-height: 0.59375rem; } .page-development .main .dev-list ul li.active .content dl dd .item .box .pic { float: none; } .page-development .main .dev-list ul li.active .content dl dd .item .box .pic img { width: 3.015625rem; } .page-development .main .dev-list ul li.active .content dl dd .item .box .text { float: none; padding-left: 0; width: 6.09375rem; padding-top: 0.390625rem; } .page-development .main .dev-list ul li.active .content dl dd .item:first-child:before { display: none; } } /*人才招聘*/ .page-career .banner { height: 400px; background-size: cover !important; overflow: hidden; position: relative; } .page-career .banner .banner-name { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page-career .banner .banner-name .pc { max-width: 1200px; } .page-career .banner .banner-name .md { display: none; } .page-career .main { padding-top: 80px; background: url(../images/bg-career.jpg) no-repeat center bottom; padding-bottom: 120px; min-height: 819px; } .page-career .main .filter { background: #fafafa; padding: 20px 50px; } .page-career .main .filter .item { border-bottom: 1px solid #e0e0e0; padding: 20px; } .page-career .main .filter .item:last-child { border-bottom: 0; } .page-career .main .filter .item dl { overflow: hidden; } .page-career .main .filter .item dl dt { float: left; padding-right: 16px; } .page-career .main .filter .item dl dt span { font-family: "SourceHanSansCN-Regular"; font-size: 18px; line-height: 35px; display: none; } .page-career .main .filter .item dl dt span:first-child { display: block; } .page-career .main .filter .item dl dd { float: left; } .page-career .main .filter .item dl dd ul { overflow: hidden; } .page-career .main .filter .item dl dd ul li { float: left; margin-right: 10px; } .page-career .main .filter .item dl dd ul li a { display: block; height: 33px; line-height: 33px; border: 1px solid #fafafa; padding: 0 14px; font-size: 16px; font-family: "SourceHanSansCN-Regular"; } .page-career .main .filter .item dl dd ul li.active a { border-color: #00953d; color: #00953d; } .career-list { margin-top: 30px; } .career-list ul li { border: 1px solid #e0e0e0; padding: 38px 46px; margin-bottom: 18px; background: white; } .career-list ul li .title dl { overflow: hidden; } .career-list ul li .title dl dt { float: left; } .career-list ul li .title dl dt a { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 28px; color: #282828; } .career-list ul li .title dl dt a:hover { color: #00953d; } .career-list ul li .title dl dd { width: 47px; min-height: 50px; float: right; } .career-list ul li .title dl dd i { display: block; height: 29px; background: url(../images/icon/icon-user.png) no-repeat center; } .career-list ul li .title dl dd i.icon-student { background: url(../images/icon/icon-student.png) no-repeat center; background-size: contain; } .career-list ul li .title dl dd span { font-size: 12px; font-family: "SourceHanSansCN-Regular"; color: #565656; line-height: 1.1; white-space: nowrap; } .career-list ul li .desc { overflow: hidden; position: relative; } .career-list ul li .desc .left { float: left; } .career-list ul li .desc .left table tr td { font-size: 16px; font-family: "SourceHanSerifCN-Regular", "宋体"; line-height: 32px; color: #565656; } .career-list ul li .desc .more { float: right; min-width: 110px; min-height: 30px; } .career-list ul li .desc .more a { color: #222222; font-size: 16px; font-style: italic; font-family: "SourceHanSerifCN-Regular", "宋体"; display: inline-block; height: 30px; line-height: 30px; padding-right: 40px; background: url(../images/icon/03.png) no-repeat right center; position: absolute; bottom: 0; right: 0; } .career-list ul li .desc .more a:hover { color: #00953d; background: url(../images/icon/03_.png) no-repeat right center; } .career-list .nodata { text-align: center; padding-top: 40px; } .career-list .nodata img { display: block; margin: 0 auto; } .career-list .nodata p { font-size: 20px; font-family: "SourceHanSansCN-Regular"; color: #565656; text-align: center; margin-top: 40px; } @media (max-width: 992px) { .page-career .banner { height: 6.25rem; overflow: hidden; } .page-career .banner .banner-name .pc { display: none; } .page-career .banner .banner-name .md { display: block; width: 10rem; } .page-career .main { padding-top: 0.625rem; background: url(../images/bg-career.jpg) no-repeat center bottom; padding-bottom: 1.875rem; min-height: 12.796875rem; } .page-career .main .filter { background: #fafafa; padding: 0; margin: 0 0.625rem; } .page-career .main .filter .item { border-bottom: 0.1875rem solid #fff; padding: 0.46875rem 0.46875rem; } .page-career .main .filter .item:last-child { border-bottom: 0; } .page-career .main .filter .item.active dl dt span:after { transform: rotate(0deg); top: 2px; } .page-career .main .filter .item.active dl dd { display: block; } .page-career .main .filter .item dl dt { float: none; padding-right: 0; } .page-career .main .filter .item dl dt span { display: block; font-size: 0.5rem; line-height: 0.5625rem; position: relative; } .page-career .main .filter .item dl dt span:after { content: " "; background: url(../images/icon/icon-select-up.png) no-repeat right center; width: 17px; height: 17px; display: block; position: absolute; right: 0; top: 4px; background-size: contain; transform: rotate(180deg); } .page-career .main .filter .item dl dt span:first-child { display: none; } .page-career .main .filter .item dl dd { float: none; margin-top: 0.46875rem; display: none; } .page-career .main .filter .item dl dd ul { overflow: hidden; } .page-career .main .filter .item dl dd ul li { float: none; margin-right: 0; } .page-career .main .filter .item dl dd ul li a { display: block; height: 0.859375rem; line-height: 0.859375rem; border: 0; padding: 0 0.234375rem; font-size: 0.375rem; color: #565656; } .page-career .main .filter .item dl dd ul li.active a { border-color: #00953d; color: #00953d; } .career-list { margin-top: 0.46875rem; margin-left: 0.625rem; margin-right: 0.625rem; } .career-list ul li { border: 1px solid #e0e0e0; padding: 0.59375rem 0.71875rem; margin-bottom: 0.28125rem; } .career-list ul li .title dl { overflow: hidden; } .career-list ul li .title dl dt { float: none; } .career-list ul li .title dl dt a { font-size: 0.5rem; line-height: 1.5; color: #282828; vertical-align: text-top; } .career-list ul li .title dl dt a:hover { color: #00953d; } .career-list ul li .title dl dd { width: 100%; min-height: 0.390625rem; float: none; overflow: hidden; } .career-list ul li .title dl dd i { width: 0.421875rem; height: 0.421875rem; background: url(../images/icon/icon-user.png) no-repeat center; background-size: auto 100%; float: left; } .career-list ul li .title dl dd span { font-size: 0.375rem; float: left; margin-left: 0.15625rem; } .career-list ul li .desc { overflow: hidden; position: relative; margin-top: 0.3125rem; } .career-list ul li .desc .left { float: none; } .career-list ul li .desc .left table tr td { font-size: 0.375rem; line-height: 0.59375rem; color: #565656; } .career-list ul li .desc .more { float: none; min-width: 100%; min-height: 0.46875rem; } .career-list ul li .desc .more a { font-size: 0.375rem; height: 0.5625rem; line-height: 0.5625rem; padding-right: 0.78125rem; background: url(../images/icon/03.png) no-repeat right center; background-size: contain; position: static; bottom: 0; right: 0; } .career-list ul li .desc .more a:hover { color: #00953d; background: url(../images/icon/03_.png) no-repeat right center; background-size: contain; } .career-list .nodata { padding-top: 0.625rem; } .career-list .nodata img { width: 4.375rem; } .career-list .nodata p { font-size: 0.375rem; margin-top: 0.625rem; } } /*人才招聘详情*/ .page-career-detail main { background: url(../images/bg-career-detail.png) no-repeat center bottom; padding-bottom: 217px; } .page-career-detail .back { font-size: 16px; color: #848484; padding: 40px 0px 80px 0px; width: 1200px; margin: 0px auto; } .page-career-detail .back a { color: #848484; font-family: "SourceHanSerifCN-Regular", "宋体"; } .page-career-detail .nmain { width: 1200px; margin: 0px auto; } .page-career-detail .nmain .title { font-size: 48px; line-height: 1.5; font-family: "SourceHanSerifCN-Regular", "宋体"; } .page-career-detail .nmain .desc { border: 1px solid #e0e0e0; padding: 44px 50px; margin: 50px 0; } .page-career-detail .nmain .desc table tr td { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 16px; line-height: 32px; } .page-career-detail .nmain .content { border: 1px solid #ffffff; padding: 0 50px; } .page-career-detail .nmain .content .item { padding-bottom: 55px; } .page-career-detail .nmain .content .item h1 { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 28px; font-weight: normal; line-height: 32px; padding-left: 50px; margin-bottom: 30px; } .page-career-detail .nmain .content .item h1.icon-1 { background: url(../images/icon/career-1.png) no-repeat left center; } .page-career-detail .nmain .content .item h1.icon-2 { background: url(../images/icon/career-2.png) no-repeat left center; } .page-career-detail .nmain .content .item p { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 16px; line-height: 36px; color: #565656; } .page-career-detail .nmain .contact { padding: 44px 50px; border-top: 1px solid #e0e0e0; } .page-career-detail .nmain .contact h1 { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 28px; font-weight: normal; line-height: 32px; padding-left: 50px; margin-bottom: 30px; } .page-career-detail .nmain .contact h1.icon-1 { background: url(../images/icon/career-3.png) no-repeat left center; } .page-career-detail .nmain .contact p { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 16px; line-height: 36px; color: #565656; } .page-career-detail .nmain .contact p a { color: #565656; } @media (max-width: 992px) { .page-career-detail main { padding-bottom: 2.96875rem; } .page-career-detail .back { display: none; } .page-career-detail .nmain { width: 90%; margin: 0 auto; } .page-career-detail .nmain .title { font-size: 0.75rem; margin-top: 0.9375rem; } .page-career-detail .nmain .desc { padding: 0.6875rem 0.78125rem; margin: 0.78125rem 0; } .page-career-detail .nmain .desc table tr td { font-size: 0.375rem; line-height: 0.625rem; } .page-career-detail .nmain .content { padding: 0 0.078125rem; } .page-career-detail .nmain .content .item { padding-bottom: 55px; } .page-career-detail .nmain .content .item h1 { font-size: 0.5rem; line-height: 0.5625rem; padding-left: 0.78125rem; margin-bottom: 0.46875rem; background-size: auto 100% !important; } .page-career-detail .nmain .content .item p { font-size: 0.375rem; line-height: 0.6875rem; } .page-career-detail .nmain .contact { padding: 0.6875rem 0.078125rem; } .page-career-detail .nmain .contact h1 { font-size: 0.5rem; line-height: 0.5625rem; padding-left: 0.78125rem; margin-bottom: 0.46875rem; background-size: auto 80% !important; } .page-career-detail .nmain .contact p { font-size: 0.375rem; line-height: 0.6875rem; } } /*黄山图集*/ .page-atlas .banner { height: 400px; background-size: cover !important; overflow: hidden; position: relative; } .page-atlas .banner .banner-name { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page-atlas .banner .banner-name .pc { max-width: 1200px; } .page-atlas .banner .banner-name .md { display: none; } .page-atlas .main .tit { position: relative; padding-bottom: 30px; margin-bottom: 30px; } .page-atlas .main .tit:after { content: " "; display: block; width: 30px; height: 2px; background: #5fa9ef; position: absolute; bottom: 0; } .page-atlas .main .tit.tc { text-align: center; } .page-atlas .main .tit.tc:after { position: absolute; bottom: 0; left: 50%; margin-left: -15px; } .page-atlas .main .overall { height: 700px; background: url(../images/atlas/bg.png) no-repeat center bottom; } .page-atlas .main .overall .box { width: 730px; margin: 0 auto; padding-top: 150px; } .page-atlas .main .overall .box p { font-family: "SourceHanSerifCN-Regular", "宋体"; text-align: center; font-size: 24px; } @media (max-width: 1440px) { .page-atlas .main .overall { height: 530px; } .page-atlas .main .overall .box { padding-top: 130px; } .page-atlas .main .overall .box .tit img { width: 290px; } .page-atlas .main .overall .box p { font-size: 20px; } } @media (max-width: 1280px) { .page-atlas .main .overall { height: 466px; } .page-atlas .main .overall .box { padding-top: 120px; } .page-atlas .main .overall .box .tit img { width: 256px; } .page-atlas .main .overall .box p { font-size: 16px; } } .page-atlas .main .list .item { background-size: contain; background-repeat: no-repeat; } .page-atlas .main .list .item dl { overflow: hidden; } .page-atlas .main .list .item dl dd { width: 50%; float: left; } .page-atlas .main .list .item dl dd img { max-width: 100%; } .page-atlas .main .list .item dl dd.desc .box { padding-left: 21%; padding-top: 12.5%; } .page-atlas .main .list .item dl dd.desc .box p { font-family: "SourceHanSerifCN-Regular", "宋体"; font-size: 24px; } .page-atlas .main .list .item dl dd.desc .box span { display: none; } .page-atlas .main .list .item dl dd.desc .box .btn { margin-top: 70px; display: inline-block; width: 130px; height: 40px; line-height: 40px; border: 2px solid #666; text-align: center; color: #222222; font-size: 18px; font-family: "SourceHanSerifCN-Regular", "宋体"; padding-right: 10px; background: url(../images/atlas/arrow.png) no-repeat 85% center; } @media (max-width: 1680px) { .page-atlas .main .list .item dl dd.desc .box .btn { margin-top: 50px; } } @media (max-width: 1440px) { .page-atlas .main .list .item dl dd.desc .box .tit { padding-bottom: 20px; margin-bottom: 20px; } .page-atlas .main .list .item dl dd.desc .box .tit img { width: 140px; } .page-atlas .main .list .item dl dd.desc .box .tit:after { width: 25px; height: 2px; } .page-atlas .main .list .item dl dd.desc .box p { font-size: 20px; } .page-atlas .main .list .item dl dd.desc .box .btn { margin-top: 50px; width: 120px; height: 35px; line-height: 35px; font-size: 16px; border-width: 1px; } } @media (max-width: 1280px) { .page-atlas .main .list .item dl dd.desc .box .tit { padding-bottom: 18px; margin-bottom: 18px; } .page-atlas .main .list .item dl dd.desc .box .tit img { width: 120px; } .page-atlas .main .list .item dl dd.desc .box .tit:after { width: 25px; height: 2px; } .page-atlas .main .list .item dl dd.desc .box p { font-size: 16px; } .page-atlas .main .list .item dl dd.desc .box .btn { margin-top: 40px; width: 110px; height: 32px; line-height: 32px; font-size: 14px; border-width: 1px; } } .page-atlas .main .list .item.bg1 { background-position: right top; } .page-atlas .main .list .item.bg2 { background-position: left top; } .page-atlas .main .list .item.bg3 { background-position: right top; } .page-atlas .main .list .item.bg4 { background-position: left top; } .page-atlas .main .more-atlas { height: 555px; background: url(../images/atlas/bg_more.png) no-repeat center top; background-size: cover; } .page-atlas .main .more-atlas .box { background: #333743bf; width: 100%; height: 100%; display: table; } .page-atlas .main .more-atlas .box .cell { display: table-cell; vertical-align: middle; } .page-atlas .main .more-atlas .box .cell .btn { display: block; background: url(../images/atlas/bg-btn.png) no-repeat center left; width: 275px; height: 88px; line-height: 88px; text-align: center; margin: 0 auto; padding-left: 120px; font-family: "SourceHanSerifCN-Regular", "宋体"; color: white; font-size: 60px; } @media (max-width: 1440px) { .page-atlas .main .more-atlas { height: 416px; } .page-atlas .main .more-atlas .box .cell .btn { font-size: 45px; height: 60px; line-height: 60px; background-size: contain; padding-left: 70px; width: 225px; } } @media (max-width: 1280px) { .page-atlas .main .more-atlas { height: 370px; } .page-atlas .main .more-atlas .box .cell .btn { font-size: 40px; height: 55px; line-height: 55px; background-size: contain; padding-left: 60px; width: 205px; } } @media (max-width: 992px) { .page-atlas .banner { height: 6.25rem; overflow: hidden; } .page-atlas .banner .banner-name .pc { display: none; } .page-atlas .banner .banner-name .md { display: block; width: 10rem; } .page-atlas .main .tit { position: relative; padding-bottom: 30px; margin-bottom: 30px; } .page-atlas .main .tit:after { content: " "; display: block; width: 30px; height: 2px; background: #5fa9ef; position: absolute; bottom: 0; } .page-atlas .main .tit.tc { text-align: center; } .page-atlas .main .tit.tc:after { position: absolute; bottom: 0; left: 50%; margin-left: -15px; } .page-atlas .main .overall { height: 7.03125rem; background: url(../images/atlas/bg.png) no-repeat center bottom; } .page-atlas .main .overall .box { width: 8.59375rem; padding-top: 0.546875rem; } .page-atlas .main .overall .box .tit { padding-bottom: 0.390625rem; margin-bottom: 0.390625rem; } .page-atlas .main .overall .box .tit img { width: 3.28125rem; } .page-atlas .main .overall .box p { font-size: 0.3125rem; } .page-atlas .main .list .item { height: 7.3125rem; overflow: hidden; background-size: contain; background-repeat: no-repeat; } .page-atlas .main .list .item dl { overflow: hidden; } .page-atlas .main .list .item dl dd { width: 50%; float: left; overflow: hidden; } .page-atlas .main .list .item dl dd img { max-width: 255%; } .page-atlas .main .list .item dl dd.desc .box { padding-left: 1.125rem; padding-top: 1.484375rem; } .page-atlas .main .list .item dl dd.desc .box .tit { font-size: 0; padding-bottom: 0.3125rem; margin-bottom: 0.3125rem; } .page-atlas .main .list .item dl dd.desc .box .tit img { width: 2.03125rem; } .page-atlas .main .list .item dl dd.desc .box p { display: none; } .page-atlas .main .list .item dl dd.desc .box span { display: block; font-size: 0.3125rem; line-height: 1.8; font-family: "SourceHanSerifCN-Regular", "宋体"; } .page-atlas .main .list .item dl dd.desc .box .btn { margin-top: 0.625rem; width: 1.875rem; height: 0.625rem; line-height: 0.625rem; border: 1px solid #666; font-size: 0.1875rem; padding-right: 0.28125rem; background: url(../images/atlas/arrow.png) no-repeat 88% center; } .page-atlas .main .list .item.bg1 { background-position: 3.5rem top; background-size: auto 100%; } .page-atlas .main .list .item.bg2 { background-position: -1.5rem top; background-size: auto 100%; } .page-atlas .main .list .item.bg3 { background-position: 3.5rem top; background-size: auto 100%; } .page-atlas .main .list .item.bg4 { background-position: -1.5rem top; background-size: auto 100%; } .page-atlas .main .more-atlas { height: 3.125rem; background: url(../images/atlas/bg_more.png) no-repeat center top; background-size: cover; } .page-atlas .main .more-atlas .box .cell .btn { background: url(../images/atlas/bg-btn.png) no-repeat center left; background-size: contain; width: 1.5625rem; height: 0.625rem; line-height: 0.625rem; padding-left: 0.859375rem; font-size: 0.3125rem; } } .atlas-layer { position: fixed; width: 100%; height: 100%; z-index: 19891015; left: 0; top: 0; background: url(../images/atlas/layer-bg.jpg) no-repeat center; background-size: cover; display: table; table-layout: fixed; } .atlas-layer .box { display: table-cell; vertical-align: middle; } .atlas-layer .box .atlas-swiper { width: 77%; height: 79%; margin: 0 auto; position: relative; } .atlas-layer .box .atlas-swiper .mySwiper { overflow: hidden; height: 100%; } .atlas-layer .box .atlas-swiper .swiper-pagination { text-align: center; width: 100%; margin-top: 20px; } .atlas-layer .box .atlas-swiper .swiper-pagination span { width: 7px; height: 7px; background: white; margin: 0 7px; } .atlas-layer .box .atlas-swiper .author { border: 1px solid white; color: white; padding: 5px 15px; position: absolute; bottom: -40px; font-size: 12px; right: 0; z-index: 1; } .atlas-layer .box .atlas-swiper .btn-close { width: 36px; height: 36px; background: url(../images/atlas/icon-close.png) no-repeat center; background-size: cover; position: absolute; top: -32px; right: -32px; cursor: pointer; } .atlas-layer .box .atlas-swiper .btn-left { width: 45px; height: 45px; background-color: #444444; background-image: url(../images/atlas/btn-left.png); background-position: center; background-size: auto 40%; background-repeat: no-repeat; position: absolute; top: 50%; left: -10%; cursor: pointer; } .atlas-layer .box .atlas-swiper .btn-right { width: 45px; height: 45px; background-color: #444444; background-image: url(../images/atlas/btn-right.png); background-position: center; background-size: auto 40%; background-repeat: no-repeat; position: absolute; top: 50%; right: -10%; cursor: pointer; } .atlas-layer .box .atlas-swiper .btn-prev { width: 140px; height: 42px; background-color: #111111; background-image: url(../images/atlas/arrow-right.png); background-position: 85% center; background-size: auto 23%; background-repeat: no-repeat; position: absolute; top: 10%; right: -2%; cursor: pointer; color: white; font-family: "SourceHanSerifCN-Regular", "宋体"; text-align: center; font-size: 16px; line-height: 42px; margin-right: -140px; text-indent: -10px; } .atlas-layer .box .atlas-swiper .btn-next { width: 140px; height: 42px; background-color: #111111; background-image: url(../images/atlas/arrow-right.png); background-position: 85% center; background-size: auto 23%; background-repeat: no-repeat; position: absolute; top: 20%; right: -2%; margin-right: -140px; cursor: pointer; color: white; font-family: "SourceHanSerifCN-Regular", "宋体"; text-align: center; font-size: 16px; line-height: 42px; text-indent: -10px; } .atlas-layer .box .atlas-swiper .swiper { width: 100%; height: 100%; } .atlas-layer .box .atlas-swiper .swiper-slide { text-align: center; font-size: 18px; background: none; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 100%; position: relative; overflow: hidden; } @media (max-width: 992px) { .atlas-layer { background: url(../images/atlas/layer-bg-m.jpg) no-repeat center; background-size: cover; } .atlas-layer .box .atlas-swiper { width: 8.515625rem; height: 5.6875rem; } .atlas-layer .box .atlas-swiper .swiper-pagination { text-align: center; width: 100%; margin-top: 0px; } .atlas-layer .box .atlas-swiper .swiper-pagination span { width: 5px; height: 5px; background: white; margin: 0 0.109375rem; } .atlas-layer .box .atlas-swiper .author { padding: 0.078125rem 0.234375rem; bottom: -0.75rem; font-size: 0.25rem; } .atlas-layer .box .atlas-swiper .btn-close { width: 0.5625rem; height: 0.5625rem; background: url(../images/atlas/icon-close.png) no-repeat center; background-size: cover; position: absolute; top: -0.5rem; right: -0.5rem; cursor: pointer; } .atlas-layer .box .atlas-swiper .btn-left { width: 0.703125rem; height: 0.703125rem; background-image: url(../images/atlas/btn-left.png); background-size: auto 40%; left: -0.703125rem; background-color: transparent; } .atlas-layer .box .atlas-swiper .btn-right { width: 0.703125rem; height: 0.703125rem; background-color: transparent; background-image: url(../images/atlas/btn-right.png); right: -0.703125rem; } .atlas-layer .box .atlas-swiper .btn-prev { width: 2.03125rem; height: 0.59375rem; background-color: #11111140; background-image: url(../images/atlas/arrow-right.png); background-position: 88% center; background-size: auto 23%; background-repeat: no-repeat; position: absolute; top: -30%; left: 20%; cursor: pointer; color: white; text-align: center; font-size: 0.1875rem; line-height: 0.59375rem; text-indent: -10px; } .atlas-layer .box .atlas-swiper .btn-next { width: 2.03125rem; height: 0.59375rem; background-color: #11111140; background-image: url(../images/atlas/arrow-right.png); background-position: 88% center; background-size: auto 23%; top: -30%; left: 60%; font-size: 0.1875rem; line-height: 0.59375rem; text-indent: -10px; } .atlas-layer .box .atlas-swiper .swiper-wrapper .swiper-slide { width: 100%; height: 100%; } }