.center-block { margin-left: auto; margin-right: auto } .fl { float: left } .fr { float: right } ul:before, ol:before, li:before, dl:before, dt:before, dd:before, div:before, .clearfix:before, ul:after, ol:after, li:after, dl:after, dt:after, dd:after, div:after, .clearfix:after { content: ""; display: table } ul:after, ol:after, li:after, dl:after, dt:after, dd:after, div:after, .clearfix:after { clear: both } a { text-decoration: none } a:link, a:visited { color: #050505 } a:hover, a:active { color: #dd2118 } html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, figure, figcaption, table, th, td img { margin: 0; padding: 0 } a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline } html { -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } @font-face { font-family: 'corbel'; src: url("../fonts/corbel.ttf") format("truetype"); font-display: swap } @font-face { font-family: 'corbell'; src: url("../fonts/corbell.ttf") format("truetype"); font-display: swap } body { line-height: 1.5; color: #2b2a28; font-family: "corbel", Helvetica, Arial, sans-serif; font-size: 14px; text-align: left; margin: 0 auto; line-height: 24px; color: #333; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } img { max-width: 100% !important; height: auto !important; border: 0; vertical-align: middle } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; outline: none } button { border-radius: 0px; -webkit-border-radius: 0px; outline: none } input { border-radius: 0; outline: none } input:-ms-clear { display: none } input, textarea { border: 0; font-family: "微软雅黑" } textarea { resize: none; outline: none } td { word-break: break-all } ul, ol { list-style: none } input:-moz-placeholder, textarea:-moz-placeholder { color: #aab3b7 } input::-moz-placeholder, textarea::-moz-placeholder { color: #aab3b7 } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aab3b7 } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aab3b7 } .clear { display: block; clear: both; overflow: hidden } .none { display: none } .hidden { width: 100%; overflow: hidden } .wrapper { width: 100%; max-width: 1920px; position: relative; margin-left: auto; margin-right: auto } .wrap { margin-left: auto; margin-right: auto; position: relative } ::selection { background-color: #222; color: white } body { color: #333333; font-size: 16px; line-height: 1.7; font-family: 'Roboto', "Microsoft Yahei"; overflow-x: hidden } .wrap { width: 1000px; margin: 0 auto } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } .swt-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; display: none } .swt-box .con { position: absolute; left: 50%; top: 50%; width: 800px; height: 500px; margin-top: -250px; margin-left: -400px } .swt-box .close { position: absolute; right: 0; top: 0; width: 80px; height: 54px; z-index: 1; cursor: pointer } .g-swt { display: block; width: 100%; height: 100% } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF } @font-face { font-family: 'Roboto'; font-style: normal; font-display: swap; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } @font-face { font-family: "Impact"; src: url(../fonts/IMPACT.ttf); font-display: swap } @media screen and (min-width: 1025px) { .zoosnet, .return-top { display: none } .head-r ul { display: inline-block; } .head-r ul li { float: left } .head-txt li { font-size: 16px; line-height: 38px; color: #999999 } .head-txt li a { display: block; color: #999999 } .head-txt li:nth-child(2) { margin: 0 30px 0 38px } .share li { margin-left: 10px } .share li:hover { opacity: 0.3 } .head-txt li:hover a, .head-txt li.newon a { color: #f32b1c } nav { padding: 25px 0 20px; background-color: #fff; -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); position: relative; z-index: 10 } nav .nav-l { float: left } nav .nav-l li { float: left; margin-right: 50px; font-size: 18px; font-weight: bold } nav .nav-l li a { display: block; border-bottom: 6px solid #e6e6e6; line-height: 32px; color: #ddd666 } nav .nav-l li:hover a, nav .nav-l li.active a { border-bottom-color: #feaca8 } nav .contact { font-size: 18px; float: right; width: 160px; height: 44px; line-height: 38px; background-color: #f5f5f5; border-radius: 22px; text-align: center; color: #f32b1c; box-shadow: 0 0 10px #cbcbcb inset; border: 2px solid transparent; cursor: pointer; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease } nav .contact:hover { border: 2px solid #cbcbcb; background-color: transparent; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease } .t-top { position: fixed; right: 8px; bottom: 120px; z-index: 99999; cursor: pointer; padding: 19px 12px; background: rgba(35, 34, 34, .8); border-radius: 5px; color: #fff; font-size: 20px; text-align: center; line-height: 1; transition: .5s; display: none; text-transform: uppercase; } .foot-top { background: url(../newimages/index-bg2.jpg) #db261f no-repeat center; overflow: hidden; padding: 100px 0 118px } .foot-top dl { width: 50%; float: left } .foot-top dl:nth-child(1) { padding-right: 10.5% } .foot-top dl:nth-child(2) { padding-left: 4% } .foot-top dl dt { font-size: 54px; color: #232222; text-transform: uppercase; line-height: 1.2; margin-bottom: 35px } .foot-top dl dd { font-size: 18px; color: #232222 } .foot-top dl dd a { color: #232222 } .foot-top dl dd a:hover { color: #ffffff; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23fff' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%; background-size: 20px auto; animation: waveMove 1s infinite linear } @keyframes waveMove { from { background-position: 0 100% } to { background-position: -20px 100% } } .foot-fix, .foot-fix0 { display: none } .searchbox { width: 288px; height: 47px; float: right; position: relative; z-index: 10 } .searchbox .search_form { width: 100%; height: 100%; position: relative; background: #ffffff; box-shadow: 0 0 24px rgba(6, 52, 81, 0.16) inset; border-radius: 60px; overflow: hidden } .searchbox .search_input { width: 100%; height: 100%; display: block; padding-left: 54px; padding-right: 80px; background: url(../newimages/icon_search.png) 20px center no-repeat; background-size: 20px; border: none; font-size: 20px; color: #ff0000; line-height: 47px } .searchbox .search_input::-webkit-input-placeholder { color: #ff0000 } .searchbox .search_input::-moz-placeholder { color: #ff0000 } .searchbox .search_input:-moz-placeholder { color: #ff0000 } .searchbox .search_input:-ms-input-placeholder { color: #ff0000 } .searchbox .search_btn { width: 37px; position: absolute; right: 5px; top: 5px; bottom: 5px; background: #f32b1c; border: none; border-radius: 50%; text-align: center; line-height: 35px; cursor: pointer; transition: all linear 0.2s } .searchbox .search_btn img { width: 16px; vertical-align: middle } .searchbox .search_btn:hover { background: #f32b1c } .searchbox .search_keywords { background: #fbfbfb; border-radius: 26px 26px 13px 13px; position: absolute; left: 0; right: 0; top: 0; z-index: -1; padding-top: 56px; padding-bottom: 10px; overflow: hidden; display: none } .searchbox .search_keywords p, .searchbox .search_keywords .no_result { font-size: 17px; color: #252e41; line-height: 1.6; display: block; padding: 3px 6%; cursor: pointer } .searchbox .search_keywords p a { display: block; color: #252e41 } .searchbox .search_keywords p:hover { background: #ccc; color: #fff } .searchbox .search_keywords p:hover a { color: #fff } .searchbox .search_keywords .no_result { opacity: 0.6; cursor: inherit } .search_title { background: #fafbfd; text-align: center; line-height: 1 } .search_title .wrap { padding-top: 50px; padding-bottom: 65px } .search_title .title { font-size: 40px; color: #222121; font-weight: bold } .search_title .title span { color: #f32b1c } .search_title .text { margin-top: 48px; font-size: 16px; color: #222121 } .search_title .search_box { max-width: 465px; height: 40px; position: relative; z-index: 1; margin: 55px auto 0 } .search_title .search_box .search_form { width: 100%; height: 100%; position: relative; overflow: hidden; border-bottom: 1px solid #f32b1c; border-bottom-right-radius: 20px } .search_title .search_box .search_input { width: 100%; height: 100%; display: block; padding-left: 38px; padding-right: 100px; background: url(../newimages/icon_search.png) 6px center no-repeat; background-size: 19px; border: none; font-size: 20px; color: #ff0000; line-height: 40px } .search_title .search_box .search_input::-webkit-input-placeholder { color: #ff0000 } .search_title .search_box .search_input::-moz-placeholder { color: #ff0000 } .search_title .search_box .search_input:-moz-placeholder { color: #ff0000 } .search_title .search_box .search_input:-ms-input-placeholder { color: #ff0000 } .search_title .search_box .search_btn { width: 88px; position: absolute; right: 0; top: 0; bottom: 0; background: #f32b1c; border: none; border-radius: 50px; text-align: center; line-height: 39px; cursor: pointer; transition: all linear 0.2s } .search_title .search_box .search_btn img { width: 16px; vertical-align: middle } .search_title .search_box .search_btn:hover { background: #f32b1c } .search_title .search_box .search_keywords { background: #f32b1c; border-radius: 0 20px 13px 13px; position: absolute; left: 0; right: 0; top: 40px; z-index: -1; padding-top: 10px; padding-bottom: 10px; overflow: hidden; text-align: left; display: none } .search_title .search_box .search_keywords p, .search_title .search_box .search_keywords .no_result { font-size: 17px; color: #ffffff; line-height: 1.6; display: block; padding: 3px 6%; cursor: pointer } .search_title .search_box .search_keywords p a { display: block; color: #ffffff } .search_title .search_box .search_keywords p:hover { background: #ffffff; color: #f32b1c } .search_title .search_box .search_keywords p:hover a { color: #f32b1c } .search_title .search_box .search_keywords .no_result { opacity: 0.6; cursor: inherit } .search_list .pro-list { width: 100%; float: none } .search_list .pro-list .txt h3 a span { color: red } .right-service01 { position: fixed; right: 0; top: 400px; border-radius: 50%; z-index: 99990; width: 190px } .right-service01 .pic { width: 100%; text-align: center } .right-service01 img { display: inline-block } .right-service01 span { display: block; font-size: 24px; height: 50px; line-height: 42px; background: url(../newimages/swt-bg01.png) no-repeat center; color: #fff; padding-left: 30px; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .right-service01 a { display: block; height: 52px; line-height: 40px; background: url(../newimages/swt-bg02.png) no-repeat center; font-size: 18px; color: #fff; text-align: center; font-weight: 100; position: relative; margin-top: -6px; margin-left: -18px; z-index: -1; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .right-service01 span:hover { padding-left: 40px } .right-service01 a:hover { padding-left: 10px } .right-service01 .word { width: 150px; color: #fff; padding: 10px 15px; font-weight: 400; line-height: 1.45; background-color: #ed4d49; left: 160px; top: 65px; margin-top: -30px; -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); font-size: 14px; border-radius: 3px; position: absolute; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; opacity: 0; filter: alpha(opacity=0) } .right-service01 .word::after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50; background-color: #ed4d49; -webkit-box-shadow: 3px 3px 10px 0 rgba(255, 37, 29, 0.2); box-shadow: 3px 3px 10px 0 rgba(255, 37, 29, 0.2); right: -6px; top: 50%; margin-top: -10px } .right-service01 .show { left: -115px; opacity: 1; filter: alpha(opacity=100) } .fixed_search { display: none } .body_search_active { padding-top: 0 !important } } @media screen and (max-width: 1024px) { nav, .right-service01 { display: none } .top { height: 1.6rem; padding: .4rem; background-color: #FFF } .navBtn { float: right; cursor: pointer } .navBtn img { width: 1.01333rem; height: .8rem; margin-top: .13333rem } .search_title { padding: 2.30769rem; background: #fafbfd; text-align: center; line-height: 1 } .search_title .title { font-size: 1.73077rem; color: #222121; font-weight: bold } .search_title .title span { color: #f32b1c } .search_title .text { margin-top: 1.84615rem; font-size: 1rem; color: #222121; line-height: 1.4 } .search_title .search_box { width: 100%; height: 2.53846rem; position: relative; z-index: 30; margin: 2.11538rem auto 0 } .search_title .search_box .search_form { width: 100%; height: 100%; position: relative; overflow: hidden; border-bottom: 1px solid #fa9f00; border-bottom-right-radius: 1.26923rem } .search_title .search_box .search_input { width: 100%; height: 100%; display: block; padding-left: 1.92308rem; padding-right: 9.23077rem; background: url(../newimages/icon_search.png) 0.11538rem center no-repeat; background-size: 1.03846rem; border: none; font-size: 1.15385rem; color: #fa9f00 } .search_title .search_box .search_input::-webkit-input-placeholder { color: #fa9f00 } .search_title .search_box .search_input::-moz-placeholder { color: #fa9f00 } .search_title .search_box .search_input:-moz-placeholder { color: #fa9f00 } .search_title .search_box .search_input:-ms-input-placeholder { color: #fa9f00 } .search_title .search_box .search_btn { width: 8.53846rem; position: absolute; right: 0; top: 0; bottom: 0; background: #fa9f00; border: none; border-radius: 2.69231rem; text-align: center; line-height: 2.53846rem; cursor: pointer; transition: all linear 0.2s } .search_title .search_box .search_btn img { width: 1.92308rem; vertical-align: middle } .search_title .search_box .search_keywords { background: #fa9f00; border-radius: 0 .76923rem .57692rem .57692rem; position: absolute; left: 0; right: 0; top: 2.5rem; z-index: -1; padding-top: .46154rem; padding-bottom: .46154rem; overflow: hidden; text-align: left; display: none } .search_title .search_box .search_keywords p, .search_title .search_box .search_keywords .no_result { font-size: .92308rem; color: #ffffff; line-height: 1.4; display: block; padding: .11538rem 5%; cursor: pointer } .search_title .search_box .search_keywords p a { display: block; color: #ffffff } .search_title .search_box .search_keywords p:hover { background: #ffffff; color: #fa9f00 } .search_title .search_box .search_keywords p:hover a { color: #fa9f00 } .search_title .search_box .search_keywords .no_result { opacity: 0.6; cursor: inherit } .search_list { margin-top: 1.15385rem } .search_list ul li .list-info h2 span { color: red } .zoosnet { display: block; position: fixed; z-index: 999; right: 10px; bottom: 135px; width: 40px; height: 40px; padding: 0 1.2%; line-height: 40px; border-radius: 50%; text-align: center; background-color: rgba(0, 0, 0, 0.6); cursor: pointer; transition: right 0.25s; -moz-transition: right 0.25s; -webkit-transition: right 0.25s; -o-transition: right 0.25s } body { padding-bottom: 1.33333rem } .fixed_search { padding: 0.2rem 0.512rem !important } .fixed_search .searchbox { height: 1.08rem !important } .fixed_search .searchbox .search_input { padding-left: 1.2rem !important; padding-right: 2.6rem !important; background: url(../newimages/m_icon_search.png) 0.38rem center no-repeat !important; background-size: 0.56rem !important; font-size: 0.42rem !important } .fixed_search .searchbox .search_btn { width: 1.7rem !important; right: 0.13077rem !important; top: 0.13077rem !important; bottom: 0.13077rem !important; border-radius: 3.07692rem !important; line-height: 0.78rem !important } .fixed_search .searchbox .search_btn img { width: 0.5rem !important } .body_search_active { padding-top: 1.5rem !important } .fixed_search_active .search_close { width: 1.03rem !important } .fixed_search .searchbox .search_keywords { border-radius: 0.7rem 0.7rem 0.38rem 0.38rem !important; padding-top: 1.15rem !important; padding-bottom: 0.2rem !important } .fixed_search .searchbox .search_keywords p, .fixed_search .searchbox .search_keywords .no_result { padding: 0.12rem 0.58rem !important; font-size: 0.4rem !important } .fixed_search .search_close:before { font-size: 0.42rem !important; line-height: 1.04rem !important } .fixed_search .search_close { height: 1rem !important } } body { max-width: 10000px !important } button { border: none; outline: none } .wrap { width: 69.53vw; margin: 0 auto; overflow: visible; } .base_title .title { font-size: 2.6vw; text-align: center; line-height: 1.2; color: #ffffff; text-transform: capitalize; font-weight: bold } .base_title .title:after, .base_title .title:before { content: ""; display: inline-block; vertical-align: top; width: 1.25vw; height: .16vw; background-color: #ffffff; margin: 1.56vw 2.08vw 0 } .base_title .text { font-size: 1.04vw; color: #ddd; line-height: 1.6; margin-top: 1.04vw } .gold_sec1 { position: relative } .gold_sec1 .pc_pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block } .gold_sec1 .m_pic { display: none } .gold_sec1 .wrap { padding-top: 9.38vw; padding-bottom: 3.44vw; overflow: visible; } .gold_sec1 .wrap .wenan { padding-top: 2.81vw; padding-bottom: 3.23vw; padding-right: 7.29vw; width: 39.58vw; position: relative; z-index: 3 } .gold_sec1 .wrap .wenan:before { content: ""; display: block; position: absolute; left: -5.73vw; right: 0; top: 0; bottom: 0; z-index: -1; background-image: linear-gradient(90deg, rgba(4, 15, 79, 0.9) 0%, rgba(4, 15, 79, 0.7) 60%, rgba(11, 41, 109, 0)); border-radius: 1.56vw; opacity: 0.8 } .gold_sec1 .wrap .wenan .title { font-size: 2.92vw; white-space: nowrap; color: #ffffff; line-height: 1.1; text-transform: capitalize; font-weight: bold } .gold_sec1 .wrap .wenan .cs { margin-top: 2.92vw } .gold_sec1 .wrap .wenan .cs p { font-size: 1.04vw; line-height: 1.4; color: #a1b8f1 } .gold_sec1 .wrap .wenan .cs p span { color: #ffffff; font-weight: bold } .gold_sec1 .wrap .wenan .cs p+p { margin-top: 1.25vw } .gold_sec1 .wrap .wenan .zx_btn_box { margin-top: 2.5vw } .gold_sec1 .wrap .wenan .zx_btn_box:after { content: ""; display: block; clear: both } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn { width: 12.08vw; height: 4.17vw; float: left; font-size: 1.04vw; line-height: 4.06vw; border: 1px solid #ffcd46; position: relative; text-transform: capitalize; background-color: #040f4f; color: #fff; cursor: pointer; transition: all 0.3s ease } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn:before { content: ""; display: block; position: absolute; width: 1.77vw; height: 1.77vw; background-image: url(../newimages/gold_mining/gold_icon_kf.png); background-position: center center; background-repeat: no-repeat; background-size: 100% auto; left: .89vw; top: 1.2vw } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn1 { padding-left: 3.23vw; border-radius: 1.15vw 0 0 1.15vw; border-right: none; color: #f8c043 } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn1:hover { background-color: #0e1b65; box-shadow: inset .31vw .31vw .52vw 0 rgba(0, 0, 0, 0.4) } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn2 { width: 14.38vw; padding-left: 4.48vw; background-color: #f28e26; border-radius: 0 1.15vw 1.15vw 0; border-left: none; background-image: linear-gradient(90deg, #f28e26 0%, #ffcd46 100%); background-size: 100% auto } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn2:before { left: 2.08vw; background-image: url(../newimages/gold_mining/gold_icon_msg.png) } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn2:hover { box-shadow: inset .31vw .31vw .52vw 0 rgba(0, 0, 0, 0.4) } .gold_sec1 .wrap .wenan .email { display: inline-block; margin-left: .94vw; margin-top: 1.82vw; padding: .1vw 0 .31vw 2.19vw; background: url(../newimages/gold_mining/gold_icon_email.png) left center no-repeat; background-size: 1.67vw; font-size: 1.04vw } .gold_sec1 .wrap .wenan .email span { border-bottom: .1vw solid #fab33a; color: #fab33a; font-weight: bold; transition: all linear 0.3s } .gold_sec1 .wrap .wenan .email:hover span { border-bottom: .1vw solid #f19027; color: #f19027 } .wrap:after { content: ""; display: block; clear: both } .gold_sec2 { padding-top: 5.73vw; padding-bottom: 7.29vw; border-radius: 0px 0px 0 1.77vw; background-color: #131521; position: relative; z-index: 1 } .gold_sec2 .sec2_text { float: left; margin-top: 1.56vw; width: 47% } .gold_sec2 .sec2_text .base_title .title { text-align: left } .gold_sec2 .sec2_text .base_title .title:before { display: none } .gold_sec2 .sec2_text .base_title .title:after { display: block; margin-top: 1.04vw; margin-left: 0 } .gold_sec2 .sec2_text .intro_main { margin-top: 1.56vw } .gold_sec2 .sec2_text .intro_main p { font-size: 1.04vw; line-height: 1.6; color: #ddd } .gold_sec2 .sec2_text .intro_main p+p { margin-top: 1.56vw } .gold_sec2 .sec2_img { float: right; border-radius: 1.04vw; overflow: hidden; width: 48.2% } .gold_sec2 .sec2_img img { width: 100% } .gold_sec3 { padding-top: 5.73vw; padding-bottom: 7.29vw; position: relative } .gold_sec3:before { content: ""; display: block; position: absolute; left: 0; top: -4.17vw; right: 0; bottom: 0; background: #1a1e27; z-index: -1; border-radius: 1.56vw } .gold_sec3:after { content: ""; display: block; position: absolute; left: 0; bottom: -8.02vw; width: 100%; height: 16.04vw; z-index: -2; background: url(../newimages/gold_mining/gold_dark_shadow.png) center bottom no-repeat; background-size: 100% auto; display: none; } .gold_sec3 .base_title .title { color: #fff } .gold_sec3 .base_title .title:before, .gold_sec3 .base_title .title:after { background-color: #fff } .gold_sec3 .intro_main { margin-top: 5.73vw } .gold_sec3 .intro_main .intro_item .title { color: #ffffff; font-size: 1.25vw; line-height: 1.2; text-transform: capitalize; font-weight: bold } .gold_sec3 .intro_main .intro_item .intro { font-size: 1.04vw; line-height: 1.6; color: #ffffff; margin-top: 1.04vw } .gold_sec3 .intro_main .intro_item+.intro_item { margin-top: 3.65vw } .gold_sec3 .intro_main .intro_tit { font-size: 1.04vw; line-height: 1.4; padding: 1.04vw 2.34vw 1.04vw 1.82vw; border-radius: 1.04vw; background-color: rgba(17, 39, 89, 0.5); color: #fff; margin-top: 1.56vw } .gold_sec3 .intro_main .intro_tit span { font-weight: bold } .gold_sec3 .intro_main .item_ul { margin-top: 2.86vw } .gold_sec3 .intro_main .item_ul .desc { display: table-cell; vertical-align: middle; width: 57.6%; position: relative } .gold_sec3 .intro_main .item_ul .desc .text { font-size: 1.04vw; line-height: 1.6; color: #ffffff; position: relative; padding-left: 2.08vw; width: 85.7% } .gold_sec3 .intro_main .item_ul .desc .num { position: absolute; left: 0; top: 0; color: #000; font-size: 1.15vw; font-weight: bold; z-index: 1 } .gold_sec3 .intro_main .item_ul .desc .num:before { content: ""; display: block; position: absolute; left: -.31vw; top: .21vw; width: 1.04vw; height: 1.04vw; background-color: #fff; border-radius: 50%; z-index: -1 } .gold_sec3 .intro_main .item_ul .desc .tit { color: #f38e27; font-weight: bold } .gold_sec3 .intro_main .item_ul .img { display: table-cell; vertical-align: middle; width: 42.4% } .gold_sec3 .intro_main .item_ul .img img { width: 100%; border-radius: 1.04vw } .gold_sec3 .intro_main .item_ul .img1 { display: none } .gold_sec3 .intro_main .item_ul .li2 { margin-top: 2.08vw } .gold_sec3 .intro_main .item_ul .li2 .text { margin-left: 14.3% } .gold_sec4 { margin-top: 5.73vw; margin-bottom: 7.29vw } .gold_sec4 .item_ul { margin-top: 4.48vw } .gold_sec4 .item_ul .desc { display: table-cell; vertical-align: middle; width: 49.5%; position: relative } .gold_sec4 .item_ul .desc .tit { font-size: 1.25vw; line-height: 1.2; text-transform: capitalize; color: #ffffff; width: 93.4%; font-weight: bold; padding-left: 1.25vw; background-image: url(../newimages/gold_mining/right_icon.png); background-size: .73vw .73vw; background-repeat: no-repeat; background-position: left center } .gold_sec4 .item_ul .desc .text { font-size: 1.04vw; line-height: 1.6; color: #ddd; position: relative; width: 93.4%; margin-top: 1.56vw } .gold_sec4 .item_ul .desc .ys { margin-top: 1.04vw; border-radius: 1.04vw; font-size: 1.04vw; line-height: 1.4; width: 93.4%; color: #ffbb38; border: solid 1px #ffbb38; padding: 1.04vw 2.6vw } .gold_sec4 .item_ul .img { display: table-cell; vertical-align: middle; width: 50.5% } .gold_sec4 .item_ul .img img, .gold_sec4 .item_ul .img video { width: 100%; border-radius: 1.04vw } .gold_sec4 .item_ul .img1 { display: none } .gold_sec4 .item_ul .li2 { margin-top: 3.65vw } .gold_sec4 .item_ul .li2 .text, .gold_sec4 .item_ul .li2 .ys, .gold_sec4 .item_ul .li2 .tit { margin-left: 6.6% } .gold_sec4 .item_ul .li2+.li1 { margin-top: 3.65vw } .lx_btn { display: inline-block; color: #ffffff; font-size: 1.04vw; line-height: 3.33vw; background: #ffbb38; border-radius: .52vw; padding: 0 3.02vw; cursor: pointer; transition: all 0.3s ease } .lx_btn:hover { box-shadow: inset .31vw .31vw .52vw 0 rgba(0, 0, 0, 0.4) } .gold_sec5 { padding-top: 5.73vw; padding-bottom: 7.29vw; background-color: #1a1e27 } .gold_sec5 .base_title .title { color: #fff } .gold_sec5 .base_title .title:before, .gold_sec5 .base_title .title:after { background-color: #fff } .gold_sec5 .case_ul { margin-top: 5.21vw } .gold_sec5 .case_ul .img { width: 49%; float: left } .gold_sec5 .case_ul .img img { display: block; border-radius: 1.04vw } .gold_sec5 .case_ul .intro { width: 45%; float: right } .gold_sec5 .case_ul .intro .tit { color: #ffffff; font-size: 1.56vw; line-height: 1.2; text-transform: capitalize; margin-bottom: 1.56vw; font-weight: bold } .gold_sec5 .case_ul .intro .cs { color: #ffffff; font-size: 1.04vw; line-height: 1.4; margin-top: .94vw } .gold_sec5 .case_ul .intro .cs span { font-weight: bold } .gold_sec5 .case_ul .intro .lx_btn { padding: 0 2.08vw; margin-top: 2.08vw } .gold_sec5 .case_ul li:after { content: ""; display: block; clear: both } .gold_sec5 .case_ul li+li { margin-top: 3.54vw } .gold_sec5 .case_ul li:nth-child(2n) .img { float: right } .gold_sec5 .case_ul li:nth-child(2n) .intro { float: left } .gold_sec6 { background: #1a1e27; border-radius: 0 10.42vw 0 0 } .gold_sec6 .wrap { padding-top: 5.73vw; padding-bottom: 7.29vw } .gold_sec6 .base_title .title { color: #fff } .gold_sec6 .base_title .title:before, .gold_sec6 .base_title .title:after { background-color: #fff } .gold_sec6 .base_title .text { color: #fff } .gold_sec6 .sty1 .list { margin-top: 3.75vw; overflow: hidden } .gold_sec6 .sty1 .list p { float: left } .gold_sec6 .sty1 .list p img { width: 100%; display: block; border-radius: 1.04vw } .gold_sec6 .sty1 .list .img1 { width: 43.22097% } .gold_sec6 .sty1 .list .img2 { width: 27.26592%; margin: 0 1.04869% } .gold_sec6 .sty1 .list .img2 span { display: block; padding: 2.81vw 1.46vw 0; font-size: 1.25vw; color: #ffffff; line-height: 1.16667 } .gold_sec6 .sty1 .list .img3 { width: 27.34082% } .gold_sec6 .sty2 { margin-top: 10.42vw; overflow: hidden } .gold_sec6 .sty2 .base_title .title { text-transform: capitalize; color: #fff } .gold_sec6 .sty2 .base_title .title:before, .gold_sec6 .sty2 .base_title .title:after { display: none } .gold_sec6 .sty2 .fl { width: 42%; color: #ffffff } .gold_sec6 .sty2 .fl .title { text-align: left } .gold_sec6 .sty2 .fl .text { margin-top: 1.77vw; color: #ffffff } .gold_sec6 .sty2 .fl .lx_btn { margin-top: 2.08vw } .gold_sec6 .sty2 .fl .email { margin-top: 2.92vw; font-size: 1.04vw } .gold_sec6 .sty2 .fl .email a { color: #ffffff; font-weight: bold; transition: all linear 0.3s } .gold_sec6 .sty2 .fl .email a:hover { color: #ff791f } .gold_sec6 .sty2 .fl .email span { margin-left: 1.25vw } .gold_sec6 .sty2 .fr { width: 54%; padding: 3.33vw 2.29vw 2.6vw; background: #ebefef; border-radius: 1.04vw } .gold_sec6 .sty2 .fr form { overflow: hidden } .gold_sec6 .sty2 .fr .same_input { width: 14.17vw; height: 3.13vw; float: left; margin-bottom: .78vw; position: relative } .gold_sec6 .sty2 .fr .same_input:before { content: ""; width: 3.33vw; height: 3.13vw; display: block; position: absolute; left: 0; top: 0; background-size: 1.51vw; background-position: center center; background-repeat: no-repeat } .gold_sec6 .sty2 .fr .same_input input, .gold_sec6 .sty2 .fr .same_input textarea { width: 100%; height: 100%; display: block; padding-left: 3.33vw; padding-right: .78vw; background: #e1e6e6; border-radius: .31vw; font-size: 1.04vw; color: #000; font-family: "Arial"; line-height: 3.13vw } .gold_sec6 .sty2 .fr .same_input input::-webkit-input-placeholder, .gold_sec6 .sty2 .fr .same_input textarea::-webkit-input-placeholder { color: #999999 } .gold_sec6 .sty2 .fr .same_input input::-moz-placeholder, .gold_sec6 .sty2 .fr .same_input textarea::-moz-placeholder { color: #999999 } .gold_sec6 .sty2 .fr .same_input input:-moz-placeholder, .gold_sec6 .sty2 .fr .same_input textarea:-moz-placeholder { color: #999999 } .gold_sec6 .sty2 .fr .same_input input:-ms-input-placeholder, .gold_sec6 .sty2 .fr .same_input textarea:-ms-input-placeholder { color: #999999 } .gold_sec6 .sty2 .fr .input_cp:before { background-image: url(../newimages/gold_mining/msg-icon01.png) } .gold_sec6 .sty2 .fr .input_name, .gold_sec6 .sty2 .fr .input_tel { float: right } .gold_sec6 .sty2 .fr .input_name:before { background-image: url(../newimages/gold_mining/msg-icon02.png) } .gold_sec6 .sty2 .fr .input_email:before { background-image: url(../newimages/gold_mining/msg-icon03.png) } .gold_sec6 .sty2 .fr .input_email:after { content: "*"; position: absolute; left: .26vw; top: 41%; font-size: 1.04vw; color: red } .gold_sec6 .sty2 .fr .input_tel:before { background-image: url(../newimages/gold_mining/msg-icon04.png) } .gold_sec6 .sty2 .fr .input_text { width: 100%; height: 8.44vw; margin-bottom: 2.34vw } .gold_sec6 .sty2 .fr .input_text:before { background-image: url(../newimages/gold_mining/msg-icon05.png) } .gold_sec6 .sty2 .fr .input_text textarea { padding-top: .94vw; padding-bottom: .94vw; line-height: 1.4 } .gold_sec6 .sty2 .fr .submit { width: 14.74vw; height: 3.18vw; display: block; margin: 0 auto; background: #ffbb38; border-radius: .52vw; font-size: 1.56vw; color: #ffffff; text-align: center; line-height: 3.18vw; font-weight: bold; cursor: pointer } .gold_sec6 .sty2 .fr .submit:hover { box-shadow: inset .31vw .31vw .52vw 0 rgba(0, 0, 0, 0.4) } .gold_sec7 { margin-top: 5.73vw; margin-bottom: 5.21vw } .gold_sec7 .base_title { text-align: center } .gold_sec7 .base_title .text { width: 41.67vw; display: inline-block; margin-top: 1.56vw } .gold_sec7 .list { width: 61.25vw; margin: 2.08vw auto 0; overflow: hidden; position: relative; font-size: 0; } .gold_sec7 .list:before { content: ""; height: 1px; position: absolute; left: 5.73vw; right: 5.73vw; top: 50%; background: #e1e5e5 } .gold_sec7 .list:after { content: ""; position: absolute; left: 33.33%; right: 33.33%; top: 4.17vw; bottom: 4.17vw; border-left: 1px solid #e1e5e5; border-right: 1px solid #e1e5e5 } .gold_sec7 .list li { width: 33.33%; display: inline-block; vertical-align: top; padding: 2.34vw 4.17vw; font-size: 1.15vw; color: #ffffff; line-height: 1.22222; text-align: center } .gold_sec7 .list li:before { content: ""; width: 1.09vw; height: 1.09vw; display: block; margin: 0 auto .94vw; border: .16vw solid #ffbb38; border-radius: 50% } @media (max-width: 960px) { .wrap { width: 92%; } .base_title .title { font-size: .69333rem } .base_title .title:after, .base_title .title:before { display: none } .base_title .text { font-size: .4rem; line-height: 1.7; margin-top: .26667rem } .gold_sec1 { position: relative; padding-top: 7.73333rem } .gold_sec1 .pc_pic, .gold_sec1 .m_pic { display: none } .gold_sec1 .m_pic { display: block; width: 100%; height: 7.73333rem !important; position: absolute; left: 0; top: 0; object-fit: cover } .gold_sec1 .wrap { padding-top: 0; padding-bottom: 0 } .gold_sec1 .wrap .wenan { width: 100%; margin-top: .93333rem; padding: 0; background: none; border-radius: 0 } .gold_sec1 .wrap .wenan:before { display: none } .gold_sec1 .wrap .wenan .title { font-size: .66667rem; color: #fff; white-space: normal; } .gold_sec1 .wrap .wenan .cs { margin-top: .53333rem } .gold_sec1 .wrap .wenan .cs p { font-size: .4rem; color: #ddd } .gold_sec1 .wrap .wenan .cs p+p { margin-top: .2rem } .gold_sec1 .wrap .wenan .zx_btn_box { margin-top: .64rem } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn { width: 4.26667rem; height: 1.2rem; font-size: .4rem; line-height: 1.17333rem } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn:before { width: .50667rem; height: .50667rem; left: .22667rem; top: .34667rem } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn1 { padding-left: .96rem; border-radius: .29333rem 0 0 .29333rem } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn2 { width: 4.4rem; padding-left: 1.01333rem; border-radius: 0 .29333rem .29333rem 0 } .gold_sec1 .wrap .wenan .zx_btn_box .zx_btn2:before { left: .32rem } .gold_sec1 .wrap .wenan .email { margin-left: .21333rem; margin-top: .4rem; padding: .02667rem 0 .08rem .66667rem; background-size: .42667rem; font-size: .4rem } .gold_sec2 { padding-top: 1.33333rem; padding-bottom: 1.6rem; border-radius: 0px 0px 0 .53333rem; } .gold_sec2 .sec2_text { float: none; margin-bottom: .8rem; width: 100% } .gold_sec2 .sec2_text .base_title .title:after { display: none } .gold_sec2 .sec2_text .intro_main { margin-top: .4rem } .gold_sec2 .sec2_text .intro_main p { font-size: .4rem; line-height: 1.7 } .gold_sec2 .sec2_text .intro_main p+p { margin-top: .4rem } .gold_sec2 .sec2_img { float: none; border-radius: .26667rem; width: 100% } .gold_sec2 .sec2_img img { width: 100% } .gold_sec3 { padding-top: 1.6rem; padding-bottom: 1.6rem } .gold_sec3:before { top: -1.06667rem; border-radius: .4rem } .gold_sec3:after { bottom: -.8rem; height: 2rem } .gold_sec3 .intro_main { margin-top: 1.06667rem } .gold_sec3 .intro_main .intro_item .title { font-size: .48rem } .gold_sec3 .intro_main .intro_item .intro { font-size: .4rem; line-height: 1.7; margin-top: .26667rem } .gold_sec3 .intro_main .intro_item+.intro_item { margin-top: .93333rem } .gold_sec3 .intro_main .intro_tit { font-size: .4rem; padding: .26667rem .6rem .26667rem .46667rem; border-radius: .26667rem; margin-top: .53333rem } .gold_sec3 .intro_main .item_ul { margin-top: .73333rem } .gold_sec3 .intro_main .item_ul .desc { display: block; width: 100%; margin-bottom: .66667rem } .gold_sec3 .intro_main .item_ul .desc .text { font-size: .4rem; line-height: 1.7; padding-left: .53333rem; width: 100% } .gold_sec3 .intro_main .item_ul .desc .num { font-size: .4rem } .gold_sec3 .intro_main .item_ul .desc .num:before { left: -.08rem; top: .08rem; width: .37333rem; height: .37333rem } .gold_sec3 .intro_main .item_ul .img { display: block; width: 100%; border-radius: .26667rem } .gold_sec3 .intro_main .item_ul .img1 { display: block } .gold_sec3 .intro_main .item_ul .img2 { display: none } .gold_sec3 .intro_main .item_ul .li2 { margin-top: 1.06667rem } .gold_sec3 .intro_main .item_ul .li2 .text { margin-left: 0 } .gold_sec4 { margin-top: 1.6rem; margin-bottom: 1.6rem } .gold_sec4 .item_ul { margin-top: .93333rem } .gold_sec4 .item_ul .desc { display: block; width: 100%; margin-bottom: .66667rem } .gold_sec4 .item_ul .desc .tit { font-size: .48rem; width: 100%; background-size: .37333rem auto; padding-left: .53333rem } .gold_sec4 .item_ul .desc .text { font-size: .4rem; line-height: 1.7; width: 100%; margin-top: .26667rem } .gold_sec4 .item_ul .desc .ys { line-height: 1.7; width: 100%; margin-top: .26667rem; border-radius: .26667rem; font-size: .4rem; padding: .26667rem .66667rem } .gold_sec4 .item_ul .img { display: block; width: 100% } .gold_sec4 .item_ul .img1 { display: block } .gold_sec4 .item_ul .img2 { display: none } .gold_sec4 .item_ul .li2 { margin-top: 1.2rem } .gold_sec4 .item_ul .li2 .text, .gold_sec4 .item_ul .li2 .tit, .gold_sec4 .item_ul .li2 .ys { margin-left: 0 } .gold_sec4 .item_ul .li2+.li1 { margin-top: 1.2rem } .lx_btn { font-size: .37333rem; line-height: 1.01333rem; border-radius: .13333rem; padding: 0 1.17333rem } .lx_btn:hover { box-shadow: inset .08rem .08rem .13333rem 0 rgba(0, 0, 0, 0.4) } .gold_sec5 { padding-top: 1.46667rem; padding-bottom: 1.6rem } .gold_sec5 .case_ul { margin-top: 1.06667rem } .gold_sec5 .case_ul .img { width: 100%; float: none } .gold_sec5 .case_ul .img img { border-radius: .26667rem } .gold_sec5 .case_ul .intro { width: 100% } .gold_sec5 .case_ul .intro .tit { font-size: .53333rem; margin-bottom: .4rem; margin-top: .66667rem } .gold_sec5 .case_ul .intro .cs { font-size: .4rem; margin-top: .21333rem } .gold_sec5 .case_ul .intro .lx_btn { padding: 0 .53333rem; margin-top: .66667rem; font-size: .37333rem; line-height: 1.01333rem } .gold_sec5 .case_ul li+li { margin-top: 1.2rem } .gold_sec5 .case_ul li:nth-child(2n) .img { float: none } .gold_sec5 .case_ul li:nth-child(2n) .intro { float: none } .gold_sec6 { border-radius: 0 1.2rem 0 0 } .gold_sec6 .wrap { padding-top: 1.6rem; padding-bottom: 1.33333rem } .gold_sec6 .sty1 .list { margin-top: .96rem } .gold_sec6 .sty1 .list p img { border-radius: .26667rem } .gold_sec6 .sty1 .list .img2 span { padding: .13333rem 0rem 0; font-size: .32rem; text-align: center } .gold_sec6 .sty2 { margin-top: 1rem } .gold_sec6 .sty2 .fl { width: 100% } .gold_sec6 .sty2 .fl .text { margin-top: .45333rem } .gold_sec6 .sty2 .fl .email { margin-top: .48rem; font-size: .4rem } .gold_sec6 .sty2 .fl .email span { margin-top: .32rem } .gold_sec6 .sty2 .fl .lx_btn { margin-top: .61333rem } .gold_sec6 .sty2 .fr { width: 100%; margin-top: .6rem; padding: .85333rem .6rem; border-radius: .26667rem } .gold_sec6 .sty2 .fr .same_input { width: 100%; height: 1rem; float: none; margin-bottom: .32rem } .gold_sec6 .sty2 .fr .same_input:before { width: 1.06667rem; height: 1rem; background-size: .48rem } .gold_sec6 .sty2 .fr .same_input input, .gold_sec6 .sty2 .fr .same_input textarea { padding-left: 1.06667rem; padding-right: .2rem; border-radius: .08rem; font-size: .4rem; line-height: 1rem } .gold_sec6 .sty2 .fr .input_name, .gold_sec6 .sty2 .fr .input_tel { float: none } .gold_sec6 .sty2 .fr .input_email:after { left: .06667rem; top: 42%; font-size: .42667rem } .gold_sec6 .sty2 .fr .input_text { height: 2.66667rem; margin-bottom: .6rem } .gold_sec6 .sty2 .fr .input_text textarea { padding-top: .29333rem; padding-bottom: .29333rem; line-height: 1.4 } .gold_sec6 .sty2 .fr .submit { width: 4.12rem; height: 1.06667rem; border-radius: .2rem; font-size: .48rem; line-height: 1.06667rem } .gold_sec7 { margin-top: 1.33333rem; margin-bottom: 1.06667rem } .gold_sec7 .base_title .text { width: 100%; margin-top: .4rem } .gold_sec7 .list { width: 100%; margin-top: .4rem } .gold_sec7 .list:before { width: 1px; height: auto; left: 50%; top: 5%; bottom: 5% } .gold_sec7 .list:after { content: ""; position: absolute; left: 0; right: 0; top: 33.33%; bottom: 33.33%; border: none; border-top: 1px solid #e1e5e5; border-bottom: 1px solid #e1e5e5 } .gold_sec7 .list li { width: 50%; height: 3.25333rem; padding: .6rem .32rem; font-size: .4rem } .gold_sec7 .list li:before { width: .36rem; height: .36rem; margin-bottom: .32rem; border-width: .05333rem } .gold_sec7 .list li:nth-child(3) { padding: .6rem .13333rem } } /***语言选择***/ .language_btn { position: relative; cursor: pointer; } .language_btn img { width: 100%; display: block; } .language_btn .language_list { display: none; width: 140px; position: absolute; left: 50%; transform: translateX(-50%); top: 50px; z-index: 20; padding: 10px; background: #ffffff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); transition: all 0.5s ease; } .language_btn .language_list:before { content: ""; width: 55px; height: 52px; display: block; position: absolute; left: 0; right: 0; top: -50px; margin: 0 auto; } .language_btn .language_list a { display: block; font-size: 16px; color: #333; line-height: 30px; text-align: center; transition: all linear 0.3s; } .language_btn .language_list a.active { color: #2e60c2; } .language_btn:hover { opacity: 1 !important; } .language_btn:hover .language_list { display: block; } .m_language_btn { width: 1.62rem; position: absolute; top: 0; bottom: 0; right: 1.6rem; margin: 0; background: url(../mimg/icon_language.png) no-repeat center center; background-size: 42%; z-index: 10; } .m_language_btn .m_language_btn_icon { width: 100%; height: 100%; display: block; } .m_language_btn .m_language_list { position: absolute; left: 50%; top: 1.6rem; transform: translateX(-50%); padding: .22rem .1rem; width: 3.08rem; background: #fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); display: none; } .m_language_btn .m_language_list:before { content: ''; position: absolute; top: -0.26rem; left: 0; right: 0; width: 0; height: 0; margin: auto; border-width: 0 0.42rem 0.42rem; border-style: solid; border-color: transparent transparent #FFF; } .m_language_btn .m_language_list a { display: block; font-size: .4rem; line-height: 1.8; text-align: center; } .m_language_btn .m_language_list a.active { color: #fb9e05; } .m_language_btn:hover .m_language_list { display: block; }