.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: #bfbebe; 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 { font-size: 16px; line-height: 1.7; font-family: 'Roboto', "Microsoft Yahei"; overflow-x: hidden } .wrap { 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 } @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) { .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: #666666 } 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% } } footer { background: #bfbebe } footer p { color: #fff; font-size: 14px; padding: 10px 0; box-sizing: border-box } .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) { .top { height: 1.6rem; padding: .4rem; background-color: #FFF } .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 } .wp { width: 98%; max-width: 1200px; margin: 0 auto } .line-show { padding: 27px 0; line-height: 44px; background-color: #ffffff } .line-base { padding: 170px 0 60px; background: url(../newimages/Oreimg/line-pic.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover } .line-info { text-align: right; color: #FFF } .line-info h1 { font-size: 48px; line-height: 1.3; font-weight: bold } .line-tit { font-size: 20px; line-height: 30px; margin-top: 10px } .line-tit i { display: block; padding-bottom: 10px; margin-bottom: 6px; position: relative; font-size: 24px } .line-tit i:after { content: ""; position: absolute; right: 0; bottom: 0; width: 40px; height: 3px; background-color: #E1B072 } .line-link { float: right; background-color: #FFF; line-height: 46px; border: 2px solid #FFF; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; margin-top: 40px } .line-link p { display: inline-block; color: #666; font-size: 18px; padding-left: 10px } .line-link p a { color: #ffbb38; text-decoration: underline; position: relative; padding-right: 16px } .line-link p a:after { content: ""; position: absolute; right: 0; top: 3px; width: 1px; height: 20px; background-color: #D7D7D7 } .line-link p a:hover { text-decoration: none } .line-link p span { display: inline-block; text-align: center; color: #FFF; font-size: 16px; line-height: 47px; width: 160px; background-color: #ffbb38; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; cursor: pointer } .line-link p span:hover { background-color: #c98409 } .line-survey { margin-top: 70px; position: relative; padding-right: 130px; background-color: #FFF } .survey-btn { position: absolute; right: 0; top: 0; width: 130px; height: 100%; background-color: #ffbb38; text-align: center; padding-top: 20px } .survey-btn:hover { background-color: #c98409; cursor: pointer } .survey-btn i { display: block; color: #FFF; font-size: 14px; line-height: 20px; margin-top: 10px } .line-survey li { float: left; padding: 20px 30px } .line-survey li.survey01 { width: 39%; border-right: 1px solid #EEE } .line-survey li.survey02 { width: 26% } .line-survey li.survey03 { width: 35%; border-left: 1px solid #EEE } .line-survey li p { color: #666; line-height: 24px; margin-top: 6px } .line-survey li.survey03 p { color: #DAA56C } .line-intro { margin-top: 70px } .line-txt { text-align: center; margin-bottom: 55px } .line-txt h2 { line-height: 1.2; padding: 27px 0; color: #ffffff; font-size: 38px; position: relative; z-index: 0; font-weight: bold } .line-txt h2:before { content: ""; position: absolute; left: 50%; top: 0; width: 406px; height: 92px; margin-left: -203px; border: 6px solid #EFD4B2; background-color: #131521; z-index: -2 } .line-txt h2:after { content: ""; position: absolute; left: 50%; top: 22px; width: 406px; height: 50px; margin-left: -203px; background-color: #131521; z-index: -1 } .line-txt p { color: #bfbebe; font-size: 16px; line-height: 20px; margin-top: 15px } .line-pic { float: left; width: 50% } .line-pic img { width: 100%; height: auto } .line-font { float: left; width: 50%; padding: 60px 36px 20px } .line-font strong { display: block; color: #A48053; font-size: 24px; line-height: 1.2; text-transform: capitalize } .line-font strong img { margin-right: 10px; margin-top: -4px } .line-font p { color: #bfbebe; font-size: 18px; line-height: 36px; margin-top: 24px } .line-btn { display: inline-block; line-height: 48px; background-color: #ffbb38; padding: 0 55px 0 26px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; margin-top: 66px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative; cursor: pointer } .line-btn a { display: block; color: #FFF; font-size: 16px } .btn-icon { position: absolute; left: 70%; top: 0 } .line-btn b { display: inline-block; vertical-align: middle; width: 13px; height: 1px; background-color: #FFF; margin-left: 8px; margin-top: -2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .line-btn img { margin-top: -2px } .line-btn:hover b { width: 24px } .line-btn:hover { -webkit-box-shadow: 0 3px 10px rgba(245, 75, 75, 0.5); -moz-box-shadow: 0 3px 10px rgba(245, 75, 75, 0.5); -ms-box-shadow: 0 3px 10px rgba(245, 75, 75, 0.5); -o-box-shadow: 0 3px 10px rgba(245, 75, 75, 0.5); box-shadow: 0 3px 10px rgba(245, 75, 75, 0.5) } .line-flow { margin: 30px 0 100px } .line-flow img { width: 100%; height: auto } .good-con { float: left; width: 40%; text-align: center } .good-con strong { display: block; color: #ffffff; font-size: 24px; line-height: 1.2; margin-bottom: 6px } .good-con i { display: inline-block; width: 80px; height: 4px; background-color: #E1B072 } .good-con p { color: #bfbebe; font-size: 18px; line-height: 2; margin-top: 16px } .good-con .line-btn { margin-top: 32px } .good-txt { float: left; width: 20%; text-align: center } .good-txt img { max-width: 100%; height: auto; margin-top: 60px } .line-requ { position: relative; margin-top: 230px } .line-requ img { width: 100%; height: auto } .requ-con { position: absolute; left: 0; top: -70px; width: 100% } .requ-show { position: relative; background-color: #1a1e27; border-left: 5px solid #E1B072; padding: 70px 80px 90px } .requ-show strong { display: block; color: #E1B072; font-size: 28px; line-height: 1.2; margin-bottom: 30px } .requ-show p { color: #d1d1d1; font-size: 18px; line-height: 1.5; padding: 12px 0 } .requ-show p a { color: #ffbb38; font-weight: bold; text-decoration: underline } .requ-show p a:hover { text-decoration: none } .requ-show img { width: 24px; height: 24px; position: absolute; right: 52px; top: 46px } .line-relat { margin-top: 140px } .line-relat ul { margin-left: -6% } .line-relat ul li { float: left; width: 44%; margin-left: 6% } .relat-pic { margin-right: 20px; position: relative; padding-top: 70.4% } .relat-pic:before { content: ""; position: absolute; right: -20px; bottom: -20px; width: 100%; height: 100%; background-color: #EDD0AA } .relat-pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .line-relat ul li h3 { font-size: 26px; line-height: 1.2; margin: 50px 0 20px } .line-relat ul li h3 a { display: block; color: #ffffff } .line-relat ul li p { color: #bfbebe; font-size: 18px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .line-relat ul li p:before { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(../newimages/Oreimg/font-icon.png) no-repeat left center; margin-top: -4px; margin-right: 10px } .line-relat ul li p strong { color: #E1B072 } .line-relat ul li i { display: block; color: #999; font-size: 18px; line-height: 36px; margin-top: 12px } .line-relat .line-btn { margin-top: 22px } .line-relat .line-btn .btn-icon { left: 79% } .line-country { margin-top: 100px; padding: 100px 0; background: url(../newimages/Oreimg/map-bg.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover } .line-country .line-txt h2:before, .line-country .line-txt h2:after { background-color: #F7F7F7 } .line-country p img { width: 100%; height: auto; margin-top: -24px } .line-msg { position: relative; padding: 80px 0; background-color: #1a1e27 } .line-msg:before { content: ""; position: absolute; left: 0; top: 0; width: 460px; height: 140px; background: url(../newimages/Oreimg/msg-mark01.png) no-repeat top left; -webkit-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100% } .line-msg:after { content: ""; position: absolute; right: 0; bottom: 0; width: 309px; height: 94px; background: url(../newimages/Oreimg/msg-mark02.png) no-repeat right bottom; -webkit-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100% } .txt-fl { float: left; width: 48% } .txt-fl strong { color: #E1B072; font-size: 32px; line-height: 36px; display: block; margin-bottom: 10px } .txt-fl p { color: #A9A9BC; font-size: 18px; line-height: 36px } .txt-fl p i { font-weight: bold } .txt-fr { float: right; width: 48% } .txt-fr i { display: block; color: #A9A9BC; font-size: 20px; line-height: 36px; background: url(../newimages/Oreimg/msg-tit.png) no-repeat left center; padding-left: 36px; margin-left: 10% } .txt-fr .line-link { margin-top: 5px; background-color: #60606B; border: none; text-align: right } .txt-fr .line-link p { color: #A9A9BC } .txt-fr .line-link p span { border: 1px solid #FFF } .txt-fr .line-link p a { color: #E5E5FF } .txt-fr .line-link p a:after { background-color: #1a1e27 } .msg-line { margin-top: 40px } .msg-line ul { margin-left: -2% } .msg-line li { float: left; width: 31.3%; margin-left: 2%; position: relative; background-color: #131521; margin-bottom: 30px; height: 60px } .msg-line li.line-area { width: 98%; height: 220px } .msg-line li img { position: absolute; left: 18px; top: 17px; width: 25px; height: auto; z-index: 9 } .msg-line ul li input, .msg-line ul li textarea { width: 100%; line-height: 30px; color: #FFF; font-size: 16px; background: none; position: relative; z-index: 2; padding: 15px 15px 15px 60px } .line-area textarea { height: 220px } .msg-line .line-area span { height: 220px } .msg-line span { position: absolute; left: 0; top: 0; width: 100%; line-height: 30px; color: #8E8F97; font-size: 16px; padding: 15px 15px 15px 60px } .msg-line span i { color: #F3632D; padding-left: 2px } .msg-btn { margin-left: 50px; text-align: center } .msg-btn p { color: #999; font-size: 16px; line-height: 36px } .btn-sub { position: relative; width: 240px; display: inline-block; margin-top: 16px } .btn-sub input { width: 100%; line-height: 48px; text-align: center; background-color: #E7AC61; -webkit-border-radius: 48px; -moz-border-radius: 48px; -ms-border-radius: 48px; -o-border-radius: 48px; border-radius: 48px; cursor: pointer; color: #FFF; font-size: 16px; font-weight: bold; padding-right: 16px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .btn-sub img { position: absolute; left: 74%; top: 20px; width: 10px; height: auto } .btn-sub:hover input { padding-right: 0 } .btn-sub:hover img { -webkit-animation: fadeio .3s forwards; -moz-animation: fadeio .3s forwards; -ms-animation: fadeio .3s forwards; -o-animation: fadeio .3s forwards; animation: fadeio .3s forwards } @-webkit-keyframes fadeio { 0% { left: 74%; opacity: 1 } 100% { left: 100%; opacity: 0 } } @keyframes fadeio { 0% { left: 74%; opacity: 1 } 100% { left: 100%; opacity: 0 } } .line-foot { background-color: #ffffff; line-height: 28px; padding: 20px 0; text-align: center } .line-foot p { color: #919191; font-size: 16px } .show-fix { position: fixed; right: 12px; top: 220px; width: 145px; height: 345px; z-index: 9999 } .fix-online { position: absolute; top: 0; width: 100%; height: 100%; cursor: pointer } .fix-msg { position: absolute; left: 0; bottom: 0; width: 100%; color: #666; line-height: 20px; font-size: 16px; background: url(../newimages/Oreimg/fix-icon.png) no-repeat 36px top; padding: 26px 0 30px 36px } .fix-msg:hover { color: #FB605A; background-image: url(../newimages/Oreimg/fix-icons.png) } .show-fix p { width: 140px; color: #FFF; padding: 10px 15px; font-weight: 400; line-height: 1.6; background-color: #FB605A; left: -60px; top: 12%; -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: 16px; 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); z-index: 9; font-family: "思源黑体 cn" } .show-fix p:after { content: ''; position: absolute; 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: #FB605A; -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 } .show-fix .show { left: -150px; opacity: 1; filter: alpha(opacity=100) } .fix-top { position: fixed; right: 40px; bottom: 160px; width: 48px; height: 48px; cursor: pointer; z-index: 9998; display: none } .popu-msg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; display: none } .msg-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4) } .msg-close { position: absolute; right: 20px; top: 20px; background: url(../newimages/Oreimg/msg-close.png) no-repeat; width: 16px; height: 16px; cursor: pointer } .popu-show { position: absolute; left: 50%; top: 50%; width: 96%; max-width: 800px; background-color: #FFF; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 50px 30px; background-color: #1a1e27; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px } .popu-show strong { color: #E1B072; font-size: 32px; line-height: 36px; display: block; margin-bottom: 10px; text-align: center } .popu-show p { color: #A9A9BC; font-size: 18px; line-height: 36px; text-align: center } @media screen and (max-width: 1260px) { .txt-fr { display: none } .txt-fl { width: 100%; text-align: center } .line-tit { font-size: 19px } .line-flow { margin-bottom: 70px } .line-requ { margin-top: 160px } .line-country { margin-top: 80px; padding: 80px 0 } .show-fix { display: none } } @media screen and (max-width: 1140px) { .line-show { padding: 20px 0 } .nav ul li { margin-left: 20px } .line-survey li { padding: 20px 18px } .line-font { padding-top: 40px } .line-btn { margin-top: 48px } .line-relat ul li p { font-size: 16px } } .txt-zoom { -webkit-animation: zoomIn .8s ease .1s 1 both; animation: zoomIn .8s ease .1s 1 both } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 50% { opacity: 1 } } .line-survey li { font-size: 16px } .line-survey li strong { display: block; margin-bottom: 6px; color: #333333; } .line-good { margin-top: 100px } .line-tit { margin-top: 30px } .line-relat { margin-bottom: 100px } button, input, select, textarea { outline: 0; resize: none; border: none; border-radius: 0 } input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: none; outline: 0; cursor: pointer } .fix-fr { display: none } .search_box { display: none !important } .line-case+.line-case { margin-top: 60px } .good-con+.good-con { float: right } .line-intro .line-btn2 { display: none } .line-flow .flow_ul { padding: 20px 0; border-top: 1px solid #e1b072; border-bottom: 1px solid #e1b072; font-size: 0; text-align: center } .line-flow .flow_ul li { display: inline-block; vertical-align: top; width: 17% } .line-flow .flow_ul li a { display: block } .line-flow .flow_ul li a img { width: 100% } .line-flow .flow_ul li a span { display: block; font-size: 16px; text-transform: uppercase; line-height: 1.6; padding-top: 6px; color: #bfbebe; font-weight: bold } .line-flow .flow_ul li:hover a span, .line-flow .flow_ul li.on a span { color: #E1B072 } .line-flow .flow_ul li+li { margin-left: 3.75%; position: relative } .line-flow .flow_ul li+li:before { content: ''; display: block; position: absolute; left: -20%; top: 50%; margin-top: -16px; width: 32px; height: 32px; background: url(../newimages/Oreimg/line-flow_icon.png) center center no-repeat; background-size: 100% auto } .line-flow2 { display: none } @media (max-width: 1024px) { .fix-top { display: none !important } html, body { width: 750px; margin-left: auto; margin-right: auto } .wp { width: 100%; padding-left: 0.4rem; padding-right: 0.4rem } .line-show { padding: 0.26667rem 0; position: relative } .line-show .wp { padding-left: 0; padding-right: 0 } .line-show .menu_icon { float: right; margin-right: 0.13333rem; padding: 0.50667rem 0.26667rem; cursor: pointer } .line-show .menu_icon .menu_btn { width: 0.64rem; height: 0.05333rem; display: block; position: relative; background: #fff; transition: all linear 0.4s } .line-show .menu_icon .menu_btn::before, .line-show .menu_icon .menu_btn::after { content: ""; height: 0.05333rem; display: block; background: #fff; position: absolute; left: 0; right: 0; transition: all linear 0.4s } .line-show .menu_icon .menu_btn::before { top: -0.26667rem } .line-show .menu_icon .menu_btn::after { bottom: -0.26667rem } .line-show .menu_icon.menu_icon_active .menu_btn { background: none } .line-show .menu_icon.menu_icon_active .menu_btn::before { transform: translate3d(0, 0.26667rem, 0) rotate(45deg) } .line-show .menu_icon.menu_icon_active .menu_btn::after { transform: translate3d(0, -0.26667rem, 0) rotate(-45deg) } .line-show .nav { width: 3.46667rem; padding: 0.08rem 0; position: absolute; right: 0.16rem; top: 1.30667rem; background: #fff; border-radius: 0.13333rem; box-shadow: 0 0.04rem 0.26667rem rgba(26, 43, 73, 0.1); display: none; z-index: 3 } .line-show .nav::before { content: ""; width: 0; border-bottom: 0.26667rem solid #fff; border-right: 0.26667rem solid transparent; border-left: 0.26667rem solid transparent; position: absolute; top: -0.13333rem; right: 0.26667rem } .line-show .nav li { margin-left: 0; display: block; float: none } .line-show .nav li a { font-size: 0.4rem; line-height: 1rem; text-align: center; color: #24282a; display: block; position: relative; text-transform: capitalize; margin-left: 0 } .line-show .nav li a:before { content: ""; height: 1px; background: #dddddd; position: absolute; left: 0.26667rem; right: 0.26667rem; top: 0; transform: none; width: auto } .line-show .nav li a:after { display: none } .line-show .nav li:first-child a::before { display: none } .line-show .nav li.on a, .line-show .nav li:hover a { color: #ffbb38 } .line-show .nav li.on a:before, .line-show .nav li:hover a:before { width: auto !important } .line-base { padding: 10.4rem 0 0 0; background: url(../newimages/Oreimg/line_picm.jpg) left top no-repeat; background-size: 100% auto } .line-base .line-info { text-align: left; color: #bfbebe } .line-base .line-info h1 { font-size: 0.64rem; color: #ffffff; } .line-base .line-tit { margin-top: 0.4rem } .line-base .line-tit i { display: none } .line-base .line-tit p:first-child { display: none } .line-base .line-tit p { font-size: 0.32rem; line-height: 1.2; padding: 0.13333rem 0; float: left; color: #bfbebe; border-radius: 0.10667rem; width: 50%; padding-left: 0.24rem; position: relative } .line-base .line-tit p:before { content: ''; display: block; position: absolute; left: 0; top: 0.26667rem; border-left: 0.10667rem solid #EFD4B2; border-top: 0.08rem solid transparent; border-bottom: 0.08rem solid transparent } .line-base .line-tit:after { content: ''; display: block; clear: both } .line-base .line-link { width: 100%; margin-top: 0.8rem; line-height: 1.14667rem; height: 1.14667rem; text-align: center; font-size: 0 } .line-base .line-link p { width: 50%; font-size: 0.4rem; background-color: #f8f8f8; border-radius: 0.57333rem 0 0 0.57333rem; padding-left: 0; display: inline-block; vertical-align: top; border: 1px solid #ddd; border-right: none } .line-base .line-link p a { padding-right: 0 } .line-base .line-link p a:after { display: none } .line-base .line-link p+p { display: none } .line-base .line-link p+p+p { display: inline-block; vertical-align: top; width: 50%; border: none; background: none } .line-base .line-link p+p+p span { display: block; font-size: 0.4rem; width: 100%; line-height: 1.14667rem; border-radius: 0 0.57333rem 0.57333rem 0; border: 1px solid #ffbb38 } .line-base .line-survey { margin-top: 0.48rem; padding-right: 0; background: #131521; } .line-base .line-survey li { padding: 0; font-size: 0.4rem; line-height: 1.88; color: #bfbebe } .line-base .line-survey li strong { line-height: 1.88; font-size: 0.4rem; margin-right: 0.13333rem; color: #ffffff; margin-bottom: 0.21333rem; display: inline } .line-base .line-survey li p { line-height: 1.88; color: #bfbebe } .line-base .line-survey li.survey01 { width: 100%; border: none } .line-base .line-survey li.survey02 { width: 100%; margin-top: 0.21333rem } .line-base .line-survey li.survey03 { width: 100%; margin-top: 0.21333rem; border: none } .line-txt { margin-bottom: 0.66667rem } .line-txt h2 { padding: 0.4rem 0; font-size: 0.53333rem; line-height: 1.2 } .line-txt h2:before { width: 5.41333rem; height: 100%; margin-left: -2.70667rem; border: 0.10667rem solid #EFD4B2 } .line-txt h2:after { top: 50%; width: 5.41333rem; height: 0.66667rem; margin-top: -0.33333rem; margin-left: -2.70667rem } .line-txt p { font-size: 0.37333rem; line-height: 1.88; margin-top: 0.4rem } .line-btn { line-height: 1.01333rem; padding: 0 1.46667rem 0 0.66667rem; margin-top: 0.64rem } .line-btn a { font-size: 0.4rem } .line-btn b { width: 0.34667rem; height: 1px; background-color: #FFF; margin-left: 0.21333rem; margin-top: -0.05333rem } .line-btn img { margin-top: -0.02667rem; width: 0.16rem; height: 0.26667rem } .survey-btn { display: none } .line-case .line-pic { width: 100%; margin-bottom: 0.66667rem } .line-case .line-font { width: 100%; float: none; padding: 0 0 0.93333rem } .line-case .line-font strong { font-size: 0.45333rem } .line-case .line-font strong img { width: 0.32rem; height: 0.32rem; margin-right: 0.21333rem; margin-top: 0.08rem; display: inline-block; vertical-align: top } .line-case .line-font p { font-size: 0.4rem; height: auto; line-height: 1.88; margin-top: 0.32rem } .line-case .line-font .line-btn { display: none } .line-case .line-btn2 { display: block; text-align: center } .line-case+.line-case { margin-top: 0.13333rem } .line-case2 .line-pic { display: none } .line-case2+.line-case2 { margin-top: 0.93333rem; margin-bottom: 1.33333rem } .line-intro { margin-top: 1.33333rem } .line-intro .line-pic+.line-btn { margin-top: 0; margin-bottom: 0.8rem } .line-flow { margin: 0 0 0.93333rem 0 } .line-flow .flow_ul { padding: 0; border: none } .line-flow .flow_ul li { width: 30% } .line-flow .flow_ul li a span { font-size: 0.32rem; padding-top: 0.16rem; text-transform: capitalize } .line-flow .flow_ul li+li { margin-left: 3.75% } .line-flow .flow_ul li+li:before { margin-top: -0.21333rem; top: 1.33333rem; left: -15%; width: 0.42667rem; height: 0.42667rem } .line-flow .flow_ul li+li+li+li { margin-top: 0.53333rem } .line-flow+.line-case+.line-flow { margin: 0 0 1.33333rem 0 } .line-flow2 { display: block; margin: 0 } .line-good { margin-top: 0.4rem } .line-good .good-con { width: 100%; float: none } .line-good .good-con strong { font-size: 0.45333rem; margin-bottom: 0.16rem } .line-good .good-con i { width: 1.6rem; height: 0.08rem } .line-good .good-con p { font-size: 0.4rem; margin-top: 0.21333rem; line-height: 1.88 } .line-good .good-con .line-btn { display: none } .line-good .good-txt { width: 3.89333rem; display: none; float: none; margin-left: auto; margin-right: auto } .line-good .good-txt img { width: 100%; max-width: 200%; margin-top: 0.8rem; margin-bottom: 0.66667rem } .line-good .good-con+.good-con, .line-good .good-txt+.good-con { margin-top: 0.8rem } .line-requ { margin-top: 1.33333rem } .line-requ img { display: none } .line-requ .requ-con { position: relative; top: 0 } .line-requ .requ-show { padding: 1.33333rem 0.4rem } .line-requ .requ-show img { display: block; width: 0.64rem; height: 0.64rem; right: 0.53333rem; top: 0.8rem } .line-requ .requ-show strong { font-size: 0.53333rem; margin-bottom: 0.53333rem } .line-requ .requ-show p { font-size: 0.4rem; line-height: 1.88; padding: 0.16rem 0 } .line-relat { margin-top: 1.33333rem; margin-bottom: 1.33333rem } .line-relat ul { margin-left: 0 } .line-relat ul li { width: 100%; margin-left: 0; margin-top: 0.26667rem } .line-relat ul li .relat-pic { margin-right: 0.26667rem } .line-relat ul li .relat-pic:before { right: -0.26667rem; bottom: -0.26667rem } .line-relat ul li h3 { font-size: 0.42667rem; margin: 0.8rem 0 0.26667rem } .line-relat ul li p { font-size: 0.4rem; line-height: 2 } .line-relat ul li p:before { width: 0.37333rem; height: 0.37333rem; margin-top: -0.10667rem; margin-right: 0.26667rem; background-size: 100% auto } .line-relat ul li i { font-size: 0.4rem; line-height: 1.5; margin-top: 0.13333rem } .line-relat ul li .line-btn { margin-top: 0.48rem } .line-relat ul li+li { margin-top: 0.93333rem } .line-country { margin-top: 1.33333rem; padding: 1.33333rem 0 } .line-country p img { margin-top: 0 } .line-msg { padding: 1.33333rem 0 } .line-msg:before { width: 60%; height: 2.66667rem } .line-msg:after { width: 40%; height: 1.33333rem } .line-msg .txt-fl strong { font-size: 0.48rem; line-height: 1.4; margin-bottom: 0.21333rem } .line-msg .txt-fl p { font-size: 0.4rem; line-height: 1.88 } .line-msg .msg-line { margin-top: 0.8rem } .line-msg .msg-line ul { margin-left: 0 } .line-msg .msg-line ul li { width: 100%; margin-bottom: 0.53333rem; height: 1.06667rem; margin-left: 0 } .line-msg .msg-line ul li img { left: 0.21333rem; top: 0.26667rem; width: 0.53333rem } .line-msg .msg-line ul li input, .line-msg .msg-line ul li textarea { line-height: 2; font-size: 0.4rem; padding: 0.16rem 0.16rem 0.16rem 1.06667rem } .line-msg .msg-line ul li span { line-height: 2; font-size: 0.4rem; padding: 0.16rem 0.16rem 0.16rem 1.06667rem } .line-msg .msg-line ul li textarea { height: 3.73333rem } .line-msg .msg-line ul li.line-area { height: 3.73333rem } .line-msg .msg-btn { margin-left: 0 } .line-msg .msg-btn p { font-size: 0.4rem; line-height: 1.5 } .line-msg .msg-btn .btn-sub { width: 4.26667rem; margin-top: 0.21333rem } .line-msg .msg-btn .btn-sub input { line-height: 1.06667rem; border-radius: 1.06667rem; font-size: 0.4rem; padding-right: 0.26667rem } .line-msg .msg-btn .btn-sub img { position: absolute; top: 0.4rem; width: 0.26667rem; left: 84%; height: auto } .line-msg .msg-btn .btn-sub:hover input { padding-right: 0 } .line-foot { line-height: 1.6; padding: 0.4rem 0.4rem 1.2rem 0.4rem; text-align: center } .line-foot p { font-size: 0.37333rem } .fix-show li { padding: 0.26rem 0 !important; line-height: 1.5 !important } .fix-show li img { width: 0.64rem !important; margin-right: 0.37547rem !important } .fix-show li a, .fix-show li span { font-size: 0.40107rem !important; line-height: 1.5 !important } .fix-show li:nth-child(1) { -webkit-border-top-left-radius: 0.85333rem !important; -moz-border-top-left-radius: 0.85333rem !important; -ms-border-top-left-radius: 0.85333rem !important; -o-border-top-left-radius: 0.85333rem !important; border-top-left-radius: 0.85333rem !important } .fix-show li:nth-child(2) { -webkit-border-top-right-radius: 0.85333rem !important; -moz-border-top-right-radius: 0.85333rem !important; -ms-border-top-right-radius: 0.85333rem !important; -o-border-top-right-radius: 0.85333rem !important; border-top-right-radius: 0.85333rem !important } .fix-fr { position: fixed; width: 50px; z-index: 999; display: block } .fix-fr img { width: 1.36533rem; height: 1.36533rem } .fix-ask { display: none; position: fixed; bottom: 5.97333rem; right: 0.10667rem } .search_box { width: 0.96rem !important; height: 0.96rem !important; position: fixed; right: 0.32rem !important; bottom: 7.38133rem !important; z-index: 9999; display: block !important } .search_box .search_click { width: 100%; height: 100%; display: block; background-color: #125ce5; background-image: linear-gradient(to right, #125ce5, #2d9cf9); border-radius: 1.24952rem !important; box-shadow: 0 0 0.21333rem rgba(35, 132, 242, 0.45) !important; cursor: pointer } .search_box .search_click::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/m_search_icon.png) center no-repeat; background-size: 0.512rem !important } .search_box .search_popup { width: 9.38667rem !important; height: 1.24952rem !important; position: fixed; left: 0; right: 0; top: -1.82857rem !important; margin: 0 auto; background: #2d9cf9; border-radius: 1.24952rem !important; opacity: 0; visibility: hidden; transition: all linear 0.4s } .search_box .search_popup form { width: 100%; height: 100%; border: 1px solid #d2eaff; border-radius: 1.24952rem !important; overflow: hidden; position: relative } .search_box .search_popup .search_input { width: 100%; height: 100%; padding-left: 0.53333rem !important; padding-right: 2.89524rem !important; background: none; border: none; font-size: 0.45714rem !important; color: #ffffff; font-weight: lighter } .search_box .search_popup .search_input::-webkit-input-placeholder { color: #ffffff; font-weight: lighter } .search_box .search_popup .search_input::-moz-placeholder { color: #ffffff; font-weight: lighter } .search_box .search_popup .search_input:-moz-placeholder { color: #ffffff; font-weight: lighter } .search_box .search_popup .search_input:-ms-input-placeholder { color: #ffffff; font-weight: lighter } .search_box .search_popup .search_btn { width: 2.52952rem !important; position: absolute; right: 0.10667rem !important; top: 0.10667rem !important; bottom: 0.10667rem !important; background: #ffffff; border-radius: 1.21905rem !important; font-size: 0.5181rem !important; color: #278cf4; font-weight: 500; text-align: center; line-height: 1.8 !important; cursor: pointer } .search_box .search_popup .search_keywords { position: absolute; left: 0; right: 0; top: 0; padding-top: 1.43238rem !important; padding-bottom: 0.22857rem !important; background: #2d9cf9; border-radius: 0.57905rem 0.57905rem 0 0 !important; z-index: -1; display: none } .search_box .search_popup .search_keywords li, .search_box .search_popup .search_keywords .no_result { padding: 0.13714rem 0.54857rem !important; font-size: 0.39619rem !important; color: #fff; line-height: 1.3 } .search_box .search_popup .search_keywords li a { display: block; color: #fff; cursor: pointer } .search_box .search_popup .search_keywords li:hover { background: #fff } .search_box .search_popup .search_keywords li:hover a { color: #2d9cf9 } .search_box .search_popup.search_popup_active { top: 2.66667rem !important; opacity: 1; visibility: visible } } @media (max-width: 782px) { html, body { width: 100% } } /***语言选择***/ .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: #bfbebe; 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; }