.page-nav .search .icon { width: 0.15rem; height: 0.16rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAAAAXNSR0IArs4c6QAAAZtQTFRFAAAA////gICAVVWqgICAVVWAZmZmXV1dVVVqYmJiW1tbYGBgWlpaVVVjUV1dVVVgUlxcWFhYVVVeUltbVVVdUlpaVVVdVVVcU1paV1dXU1NZUVdXVVVbVVVaU1NYUldXVVVZVFRYVVVZUlZWUVVZVFRYUlZWVFRXU1ZWUlVYVFRXUlVYVFRXU1ZWU1ZWUlVYUVRXUlVYU1NZUlVYUVRXU1NZUlVYUlRXU1NYUlRXUVNYU1VXU1VXUlRWUVRYUlRWUlRYU1VXUlRYUlRWUlRYUlRWUlRWUlRXUlRXU1RWUlRXUVNXUlRXUlNXUlRXUlNXUlRXUVRWUlRXUlNXUVRWUVRXUlNXUVRXUlRWUVRXUlNXUVRXUlNXUVRXUlNXUVRWUlNXUlRXUVRWUlNXUlNXUVRWUlRXUVRWUVRWUlNXUVRWUVNXUlNXUVNXUlNXUlRWUVNXUlNXUlRWUVNXUlNWUlNWUlRWUlNWUlRWUVRXUVNWUlRWUlRWUVRXUlRXUVNWUlRWUlRXUVNWUlRWUlRXUVNWUlRXUVNWUVNWlV4lTAAAAIh0Uk5TAAECAwQGCgsMDQ4QERIWGBkaGxweHyEkJSkrLC0zNDU5Oj9BQkNESUpLTE5PUFNUVVdZXV5fYGRoamtvcnZ3eXp+gIKDhYiJjI6PkJKWmJmeoKeoqaqsrbGztba4ub7DxMXGx8rMzs/S09XW19na29zd4eLj5ufp6uvs7fDx9PX29/j5+vv9/sy0sxYAAAFtSURBVBgZfcGJQ0sBAMfxXy2lQ5ZOZukgMXJUSzokpRKG6GDlKGJ0sBXV1vKovn+2t83rbb1Xn48snubH8z+Mn4sTt0vkkN+1hsUYK1Ous58xRd++Cn/5C2zdUrZLcUgM+ZRS2vER9gdka9mF5+Wy5AUTMCxL1QZ7vcp2Pgo39N976FWuujjbZ5QWgJc67BqElLZI0iuHMLs1Mp2DETldgH6Z+sAnF8t8kCnMd7kZZe+EpK9Myk071EqKMy43TXBR0g7DcuOHZkkxnslNAPySPjEnNz1QKekpvwvl4g0xmW7CdTmVGLyQqWybd3K6D1eV8ghadVh5gpU8pVQarHuVyzMHHcrohvlSZcsPwYwskxCpka14Gv5UyHJyFpKDRcrwBNcwhXSg4AmQnLpzpb4lGPoFLERgTLbAN2zJex7vKjyQraDztUFaZOCUpOoo9ClbcUNbd+fl08qoW4e7Oppvk/12Hc2fIKZjNC49/AeCOncZaWEORQAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: contain; } .page-nav .search.current .icon, .page-nav .search .icon:hover { background-color: inherit; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAAXNSR0IArs4c6QAAAdxJREFUOE+N01+ITFEcwPHv716SISUvq6SVQoqae3exUfJozm1SG5MXpRTFA0+bfdhtE95oH0wptQ9qtiYRe2d2HxRFUrr3+lNiwoM3eRKr/Tfnp2t27UzYnfN2zu98fufX75wjNA9/YiNavwAY0E5UpkBfI1pi3doRHh+aa94ufybeWAHkFsgXhFHUvkNlFeLsBXsc+ITYPFH+84Jp4GylF9EycBXpGCLqmm2pqLvSgdVRlC2o002S+5rGhT0PNzA3/RGlSGL6W1DzpKe8mpnMM1RqxKbQwH44gHKSqZ/beXts5r84DXRV92PtE+qyg1emJnjhC5RxkmBgSbgQzIbvQW6SmGsp/oaVE7w099vCflhC+U4cnE7xJEgvsZloC3uVEVTrJMEpIS3DkSKRGW4TPwfGic1Qiosgu0nMgWWxf28rdmUNxz1IdPipkK3uBPsG4ShxcHfJBF6Y9mUTceA3riodXngZOIdwhCh49HeCsoufuY7lbPoyiINoEVN28dYMg55B5DZ1Sgg1RDMg+8CeB+kEXJAbxKavCc+f1TWWo+70g/YgOPOrkyh3QAZx2YblASJXiHKXFj9Gc627wvWs0M3gzjL940PLy8uGeeR3sr5/4+Xa7lULYC/+At9mpB9afuNfAAAAAElFTkSuQmCC); } .page-nav .lang .icon { width: 0.16rem; height: 0.16rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAO1QTFRFAAAAgICAZmZmgICAbW1tYmJiZmZmaWlpXWhoZGRkYGBgYGBgXWRkXGJiYGBgXV1kX19lXWNjXl5kXl5jXGFhX19fW2BgW2BgXV1hXF9iXl5hXF9fW15hXF9fXF9hW15gXV9fW15gXV9fXV1fXF5gXV9fW11fXF5gW11fXV5gXF5fW19hXF5gXF5fW19gXF5fXV5gXF5fXF1gW15gXF1gXF5fXF1gW15fXF1gXF5fXF5gXF1gXF1gXF5fW11gW15gXF1fW11gXF5gW11fXF5fW11gXF1fXF5gW11fXF1fXF5gW11fXF5gXF5gW11fqhfSfQAAAE50Uk5TAAIFBgcNDxEWFxggIScoKSssLjEyMzU4R05PU1RmaWprbW5zdXZ+goaHi4yVlpebnZ6kpaqrrLa/w8fI1dng4uPo6uvs8PHy8/T1+fr9AIIVGAAAAXVJREFUOMuFk9dCwkAQRa8SHYyiiA272LAEe4FgNApGUDn//zk+EENAgXnN2d3JzLlSUpmiVw1araDqFTP6W24lIqmo4g58dsptgNdTOHkFaJedvuN1CKGWNbBsDULwU5cUQr6Or3ialoFp+onr4y/CQnI+5Dm/2uksqQtoqdNZzT8Txnc4dZo53XGpX0CX3CvXxO/2UeZzTdlvFnrAAt8zWvukLElum5J0QE09QDUOpBJtV9IFL470yGEaOOJRcl6oSJmIbWkiYjkNLBNNSNtEGRVpTEoFmEoDU1CQJhsU5XEjaYM3pQG9sSHpBk9V9iTt4PcDdXYl7VFVwKaZnfFgZmZzMGtmZg+cm9kmgVqMrNY44CN+4vzvE2dmtkUQN7lLfbDJnbjJIb/ZYF3SLd74Qf0/6hXef0etyphljVj3fnfdXWFmBoXJJsLI8WnmdN+v3J3mE+X+l3axJ22s/XVa+6s+7SXXHx2cXvROhkRvfHiHx/8Hy0uCSlvHcScAAAAASUVORK5CYII=); background-repeat: no-repeat; background-size: 100% 100%; } .page-nav .lang.current .icon, .page-nav .lang .icon:hover { background-color: inherit; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAAXNSR0IArs4c6QAAAHVQTFRFAAAAAACqACqqADO7ADWwAC+yAC+4ADSxADG3ADG0ADCzADKzADK2ADO1ADO0ADK0ADK0ADKzADK0ADK0ADK1ADGzADG1ADK0ADK0ADO0ADK0ADK1ADK0ADK0ADKzADK1ADK0ADO0ADKzADO0ADK0ADK0ADK0xqtEHAAAACZ0Uk5TAAMGDx0rKzFDREpsbIeIj5OUlZiYpaWtrrC8wMHGx8fN1OLo8vUnEYpHAAAAj0lEQVQY012P2RKCMBAEmyOCiJsAIpcogYT//0QfUuXBPHbV7E4DoLR1zmpFSFz5fbi3w+5NDBCPk5kikWgy0xgD1ZxsGSJkWzIbOPm0WEAEliL1Cl0jOgAt1Bqb010CKDtyi2tk7UVeT5F+lcYdwM1hc7ryUznbv6NXao06vsUchv1Of4xBxvh9aL9yB/03emsOEKkP/IoAAAAASUVORK5CYII=); } .page-nav .user .icon { width: 0.17rem; height: 0.16rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAMAAABAUVr7AAAAAXNSR0IArs4c6QAAAVxQTFRFAAAA////gICAqqqqgICAgICAcXFxZmZmXXR0ampqW21tZmZmYGBgaWlpY2NjXl5rZmZmYWFhXWhoYGBgXWRkYmJiYGBgXGJiXV1kXl5kXGJiYGBgXGBgXGBgW19iXV1hXF9iXl5hXWBgW15hXV1gW15hXWBgW15gXF5hXF9fXF5hXV1gXF9hW15gXF5hW15gXV9hXV1fXF5gXV9fXV9hW11fXF5gXF5gXV9hXF5gW11hXF1fXF5gW11hW11gXF5gW19gXF5gXF1gXF5fXF1gXF5fXF1gXF1gW15gXF1gW15fXF1gXF5fXF5gXF1gW15fW15fXF5gXF1gXF1gXF5fXF5fW11gW15fW15gXF5fW15gW11gXF5fW15gXF1fXF5fW15gXF5gW11gXF5gW11fXF5fW11fXF5gXF5gXF1fXF5gW11fXF5gW11fXF5gW11fW11fXF5gW11fW11fJE4ZRQAAAHN0Uk5TAAECAwQGCQoLDA4PEBESExQVFiAhIiUnKS4vMD1FRkdWV1hcXV9gYmRmZ2hpamxtcXN1dnx+f4CEiImOkJGUlZeYpKmqq6yvsLKzt7m8vcHGx8jNztHS1Nrc3+Dh4uPk5efo6uvs7u/y9PX29/n6+/z9/icjIbMAAAFwSURBVBgZfcGPN1NhAMfh79pGQzJqUhTVJqxfs4SUuKkoFAtTCqtsY9d2P///OY2zs953293zyNQRd7KFQtaJd8hH8oiao6RaibwHyluOs1UGViJqEvwM+XSvqnrTefgUVKM52BtUzeAezKnBzRK5AdUN5CjdkG0BxmUYh9ey/SAXlCGY47ssfbAsyzJEZRqCWVlmYUimGMzLMg+3ZApX+CDLR+iWZZfCVRkiBb7J9gxmZHgJM7JdP6E0rLphl7/X1GAUik8CuhR4egqP1OQVsD4SkkIjG8CCWnjuAW426wLei4CahB9+5T/vy4OwbKHpYy6cH2Yyh+dcOE6FZLiTAc7eTcYCqroSm3DOgO3bqrvvwp90VIa+9G9wx1STqIATVYOoA+W4Lt3z8B6rhaSHd1dVPb8goZYSHj97JC3Bony8gbdSV5H9Tvno3KfYpSlIyVcKJrVKpV+++iusaocDtXHAjvJsqo1N8oI1tbEG/wA01Wy+JAyC0AAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: 100% 100%; } .page-nav .user-login .icon { width: 0.2rem; height: 0.16rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAAjBJREFUOE+Vk09IFGEYxn/vrJJGJdnJhDCDog7V7BCmp4T+4YyJtw79o8IoIoK6FEZEVAQdIgpKMsK6FVQ6I1IHPWmRM0NdRCiTwLxZGpWlO2/slsuqu2nf9XueH8/7fN8rZDvms+VI7AxILWgJyDBoG5q4Qlj3KW2xWlcQGc0YVBDJS4zEYZnFs1rjqNEBOgpGE4Z8INKVEDWAFGEYO+itCVM+03uO6LY0Q+XFdGBZZwHF3/tA+1lQXE9P1Y+0uLK7kJ8jT0DWMLJwLYPV41juGMritEb4Oh0Yd/cAzUheGf7O4dnpO0rQyUHgEIHzcO6Ece86qpWETkXWblNjuq8Q6SGwT5LqMHYXQzdn7zDuXQXdSuBYOYFx10ekC98+lU0zY+S2epBHxFjNa2dg9sjtq9CoH9XdhLWP5wZu6cxj7FsvyC8SUT1vaofSpg1tpcTkKaqFFC3aSFf15NzApMJKpehAWYZIC8IASjnoPpQvSGI7Qd27XJVMHzlZMsZplP3AEpBx4DOwFLQAZBTRFoiu4e/6+O+Ece8A6A2E5He5CUY7fs37tGmTW84kNgbHUZLbc4LAvj8T+ieh6R5FuAVcRoYu4B+ZyPnK1p18tPQ8cBaVY4T27UytYLavgygALhE6F3OCZl6YXiNoI4JJ4PRNXQtxtwmlitBeDxLNG4gamN5bhG4CpyETOIjQjP8f6abclnsOTa1hWSZwApWDhPaD+af7qzS9vYjeI3Dyp7y/ARcLzDDnxyzbAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-size: 100% 100%; } .page-nav .user.current .icon, .page-nav .user .icon:hover { background-color: inherit; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAAAXNSR0IArs4c6QAAAMxQTFRFAAAAAAD/AEC/ADOZACC/ADnGADO4ADGxAC+zADOyADW0ADO2ADKxADK0ADG2ADS2ADOyADKzADGzADS2ADK0ADG1ADK1ADG1ADG0ADG0ADO0ADO1ADK1ADG1ADG0ADO0ADK0ADK1ADO1ADK1ADO0ADK0ADK0ADK0ADG0ADK1ADK0ADK0ADK0ADGzADG0ADO0ADKzADK0ADG0ADK1ADK0ADK1ADK1ADK0ADG0ADK0ADK1ADK0ADK0ADK1ADG0ADK0ADK0ADK0ADK0ADK0Equ+mQAAAEN0Uk5TAAIEBQgJGRobHiIjJCkqMTJRVFRcXWBoaW1tbnV8fX2EiY2QkpOauMnKy83Q1NTZ29ve3+Dg5uru7vDx8vf4+fv8/lnmjdwAAACYSURBVBgZBcEFQsIAAADAo2OEAaiIEqNbAZEc8f8/cQdkepto08sA8LRdNl4by20ZILkapJAarJKASpQG6agCCIeAYQhoTwCTDuD5mgfB9QUQn46yyI5ncYDg5z/8DHe/BYBc93A//Z3u+24OqB0X9QD5j8WxBu+3VgKQaN3eKJ2/AfB1LurPYwCIzfvWTQDQXLtUAUD18gBcPA677IEuOAAAAABJRU5ErkJggg==); } .page-nav .user-login.current .icon, .page-nav .user-login .icon:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAAjBJREFUOE+Vk09IFGEYxn/vrJJGJdnJhDCDog7V7BCmp4T+4YyJtw79o8IoIoK6FEZEVAQdIgpKMsK6FVQ6I1IHPWmRM0NdRCiTwLxZGpWlO2/slsuqu2nf9XueH8/7fN8rZDvms+VI7AxILWgJyDBoG5q4Qlj3KW2xWlcQGc0YVBDJS4zEYZnFs1rjqNEBOgpGE4Z8INKVEDWAFGEYO+itCVM+03uO6LY0Q+XFdGBZZwHF3/tA+1lQXE9P1Y+0uLK7kJ8jT0DWMLJwLYPV41juGMritEb4Oh0Yd/cAzUheGf7O4dnpO0rQyUHgEIHzcO6Ece86qpWETkXWblNjuq8Q6SGwT5LqMHYXQzdn7zDuXQXdSuBYOYFx10ekC98+lU0zY+S2epBHxFjNa2dg9sjtq9CoH9XdhLWP5wZu6cxj7FsvyC8SUT1vaofSpg1tpcTkKaqFFC3aSFf15NzApMJKpehAWYZIC8IASjnoPpQvSGI7Qd27XJVMHzlZMsZplP3AEpBx4DOwFLQAZBTRFoiu4e/6+O+Ece8A6A2E5He5CUY7fs37tGmTW84kNgbHUZLbc4LAvj8T+ieh6R5FuAVcRoYu4B+ZyPnK1p18tPQ8cBaVY4T27UytYLavgygALhE6F3OCZl6YXiNoI4JJ4PRNXQtxtwmlitBeDxLNG4gamN5bhG4CpyETOIjQjP8f6abclnsOTa1hWSZwApWDhPaD+af7qzS9vYjeI3Dyp7y/ARcLzDDnxyzbAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-size: 100% 100%; } .update-count { display: inline-block; -ms-flex-pack: center; justify-content: center; width: 0.16rem; height: 0.16rem; margin-left: 0.04rem; border-radius: 50%; background-color: #a62423; color: #fff; font-size: 0.12rem; line-height: 0.16rem; vertical-align: 0.08rem; text-align: center; } .icon-new-product { display: inline-block; width: 0.4rem; height: 0.16rem; margin-left: 0.04rem; background: url('/static/images/index/icon-new.png') no-repeat 0 0; background-size: contain; vertical-align: -0.02rem; } .h5-call-95015 { display: none; } @media screen and (max-width: 768px) { html, body, .wrapper { min-width: 0; } .page-nav .search .icon { width: 0.26rem; height: 0.26rem; } a.h5-call-95015, a.h5-call-95015:hover { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: .26rem; font-family: PingFangSC-Medium, PingFang SC; font-weight: 600; color: #03080D; line-height: .42rem; } .h5-call-95015 img { width: .36rem; margin-right: .1rem; } .h5-call-95015 span { color: #0032B4; text-decoration: underline; } } body.nav-open { overflow-y: hidden; } .page-header { display: block; background: #fff; height: auto; } .page-header *, .page-nav * { box-sizing: border-box; } .page-header .content, .page-nav .content { width: 14.4rem; margin: 0 auto; } .page-header .top-bar .content { display: -ms-flexbox; display: flex; padding: 0.05rem 0; height: 0.3rem; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; float: none; border: none; } .page-header .top-bar a:hover { color: #0032B4; } .page-header .stock-info a { font-size: 0.14rem; font-weight: 500; color: #515356; line-height: 0.2rem; margin-right: 0.1rem; } .page-header .stock-sell a, .page-header .stock-sell span { font-size: 0.14rem; font-weight: 500; color: #515356; line-height: 0.2rem; } .page-header .stock-sell { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .page-header .stock-sell .telphone { position: relative; margin-left: 0.1rem; } .page-header .stock-sell .telphone img { width: 100%; height: auto; display: block; } .page-header .stock-sell .split { width: 0.02rem; height: 0.15rem; background: #515356; margin: 0 0.1rem; } .page-header .stock-sell .word-tel { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #FFB400; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .page-nav { position: -webkit-sticky; position: sticky; z-index: 1000000; width: 100%; top: 0; background: #fff; box-shadow: 0 0.06rem 0.06rem -0.06rem rgba(0, 0, 0, 0.1); } .page-nav .content { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; overflow: inherit; float: none; border: none; padding: 0; } .page-nav .nav-content { display: -ms-flexbox; display: flex; height: 1rem; -ms-flex-align: center; align-items: center; position: relative; } .page-nav .logo { width: 2.14rem; display: block; margin-right: 0.58rem; } .page-nav .logo img { width: 100%; height: auto; display: block; } .page-nav .content-wrap { background: #fff; } .page-nav .nav-bar { display: -ms-flexbox; display: flex; } .page-nav .lang-en { display: none; } .page-nav .nav-item { margin-right: 0.3rem; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-bottom: 0.03rem solid transparent; } .page-nav .nav-item a { font-size: 0.16rem; font-weight: 400; color: #333333; line-height: 0.22rem; letter-spacing: 0.01rem; white-space: nowrap; } .page-nav .nav-item.active a, .page-nav .nav-item:hover a { color: #0032B4; } .page-nav .nav-item.active { border-bottom: 0.03rem solid #0032B4; background: none; } .page-nav .nav-bar { height: 100%; } .page-nav .nav-item a { width: 100%; height: 100%; line-height: 1rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .page-nav .tool-icon { height: 100%; border-bottom: 3px solid transparent; background: none; margin: 0 0.1rem; } .page-nav .tool-icon.current { border-bottom: 0.03rem solid #0032B4; } .page-nav .tool-icon-nav { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; position: relative; width: 0.17rem; height: 0.17rem; cursor: pointer; } .page-nav .nav-content-left .tool-icon-nav { -ms-flex: 0 0 0.17rem; flex: 0 0 0.17rem; margin-left: 0.05rem; } .page-nav .nav-content-right .tool-icon-nav { display: none; } .page-nav .sub-nav-container .nav-item-login { display: none; } .page-nav .tool-icon-nav-close { display: none; } .nav-menu { display: -ms-flexbox; display: flex; width: 0.27rem; height: 0.27rem; background: url('https://static01-www.qianxin.com/qaxweb/287de7f0ca0694f7ac823ec2a662c6b5.png') no-repeat 50% 50%; background-size: contain; } .tool-icon-nav.open .nav-menu { background: url("https://static01-www.qianxin.com/qaxweb/36e3a0c13e86fc1fdb43dcb1e21adc53.png") no-repeat 50% 50%; background-size: contain; } .nav-open .page-nav .tool-icon-nav-close { display: inline-block; width: 18px; height: 18px; background: url("https://static01-www.qianxin.com/qaxweb/36e3a0c13e86fc1fdb43dcb1e21adc53.png") no-repeat 50% 50%; background-size: contain; } .nav-open .page-nav .nav-content-right .tool-icon { display: none; } .page-nav .tool-icon-nav.open span, .page-nav .nav-content-right .tool-icon-nav-close span { top: 50%; } .page-nav .tool-icon-nav-close span:nth-of-type(1) { opacity: 0; } .page-nav .tool-icon-nav.open span:nth-of-type(2), .page-nav .tool-icon-nav-close span:nth-of-type(2) { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 100%; } .page-nav .tool-icon-nav.open span:nth-of-type(3), .page-nav .tool-icon-nav-close span:nth-of-type(3) { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .page-nav .tool-list { position: absolute; right: 0; top: 1rem; z-index: 101; background: #fff; border: 0.01rem solid #E0E0E1; border-top: none; } .page-nav .tool-list.user-list { min-width: 1.2rem; } .page-nav .tool-list li { border-top: 0.01rem solid #E0E0E1; background: none; } .page-nav .tool-list li a { padding: 0 0.3rem; font-size: 0.14rem; font-weight: 400; color: #333333; line-height: 0.4rem; height: 0.4rem; display: block; white-space: nowrap; } .page-nav .tool-list li.current a { background: #0032B4; color: #fff; } .page-nav .tool-list li a:hover { background: #0032B4; color: #fff; } .page-nav .tool-icon .icon { display: block; cursor: pointer; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .page-nav .search-bar { position: absolute; left: 0; right: 0; z-index: 100; border-top: 2px solid #0032B4; background: rgba(255,255,255,1); } .search-bar--inner { width: 10.02rem; margin: 0 auto; padding: 0.25rem 0; } .page-nav .search-bar .search-box { display: -ms-flexbox; display: flex; } .page-nav .search-bar .search-box .content { -ms-flex-pack: inherit; justify-content: inherit; } .page-nav .search-bar .search-input-erea { display: -ms-flexbox; display: flex; position: relative; -ms-flex: 1; flex: 1; } .page-nav .search-bar .search-input { -ms-flex: 1; flex: 1; height: 0.5rem; padding-right: 0.2rem; padding-left: 0.2rem; border: 0.01rem solid #E0E0E1; border-right: none; line-height: 0.5rem; } .page-nav .search-bar .search-input.focus { background-color: #F2F4F8; } .page-nav .search-bar .search-botton { width: 0.65rem; height: 0.5rem; background: url(/static/images/index/search-botton.png); background-size: cover; } .page-nav .search-bar .search-res-list { position: absolute; left: 0; top: 0.5rem; width: 100%; border: 0.01rem solid #E0E0E1; border-top: none; background: #fff; z-index: 99; } .page-nav .search-res-list li { padding: 0 0.3rem; font-size: 0.14rem; font-weight: 400; color: #333333; line-height: 0.5rem; height: 0.5rem; display: block; word-break: break-all; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; border-top: 0.01rem solid #E0E0E1; cursor: pointer; } .page-nav .search-res-list li:hover, .page-nav .search-res-list li.current { background: #0032B4; color: #fff; } .page-nav .sub-nav-container { border-top: 0.01rem solid #E0E0E1; width: 100%; height: calc(100vh - 1rem); overflow: hidden; position: relative; background: #fff; } .page-nav .sub-nav-container .content { height: 100%; } .page-nav .sub-nav-container .sub-nav-bg-wrap, .page-nav .sub-nav-container .sub-nav-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .page-nav .sub-nav-container .sub-nav-bg-item { width: 50%; height: 100%; } .page-nav .sub-nav-container .sub-nav-bg-item-left { background: #F2F4F8; } .page-nav .sub-nav-container .sub-nav-bg-item-right { background: #F2F4F8; } .page-nav .sub-nav-container .sub-nav-wrap { z-index: 11; } .page-nav .sub-nav-container .nav-first { -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem; overflow: hidden; border-right: 0.01rem solid #E0E0E1; } .page-nav .sub-nav-container .subnav { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; } .page-nav .sub-nav-container .subnav .topnav_side { -ms-flex: 0 0 2rem; flex: 0 0 2rem; overflow: hidden; padding: 0.3rem 0.2rem; border-right: 0.01rem solid #E0E0E1; background: #fff; height: 100%; overflow: auto; } .page-nav .sub-nav-container .subnav .topnav_main { -ms-flex: 1; flex: 1; background: #fff; height: 100%; padding-top: 0.3rem; padding-bottom: 0.3rem; padding-left: 0.2rem; overflow: auto; } .topnav-main--container.has-billboard { display: -ms-flexbox; display: flex; } .topnav-main--container.has-billboard .nav-extra { -ms-flex: 1; flex: 1; } .topnav-main--container.has-billboard .topnav-main--inner { -ms-flex: 1; flex: 1; } .topnav-main--container.has-billboard .billboard-sender { width: 2.4rem; margin-left: 0.34rem; } .page-nav .topnav-main--container.has-billboard .items dt { width: calc((100% - 0.25rem) / 2); } .page-nav .sub-nav-container .topnav_main .topnav-main-items { display: none; } .page-nav .sub-nav-container .nav-bar { display: block; padding-top: 0.3rem; padding-right: 0.2rem; padding-bottom: 0.3rem; } .page-nav .sub-nav-container .nav-item { height: auto; margin-right: 0; margin-bottom: 0.1rem; display: block; border: none; cursor: pointer; } .page-nav .sub-nav-container .nav-item a { line-height: 0.35rem; font-size: 0.16rem; color: #000000; display: inline-block; width: auto; } .page-nav .sub-nav-container .nav-item:hover { border: none; } .page-nav .sub-nav-container .topnav_side li { margin-bottom: 0.1rem; background: #fff; } .page-nav .sub-nav-container .topnav_side a { font-size: 0.16rem; color: #000000; line-height: 0.35rem; display: block; word-break: break-all; padding-right: 0.15rem; } .page-nav .sub-nav-container .topnav_side a:hover, .page-nav .sub-nav-container .topnav_side li.current a, .page-nav .sub-nav-container .nav-item a:hover, .page-nav .sub-nav-container .nav-item.current a { color: #0032B4; font-weight: 600; } .page-nav .sub-nav-container .topnav_side li.current a, .page-nav .sub-nav-container .nav-item.current { background: url(/static/images/index/nav-arrow.png) right center no-repeat; background-size: 0.07rem 0.15rem; } .page-nav .topnav_main .topnav-main-title { font-size: 0.16rem; font-weight: 600; color: #0032B4; line-height: 0.35rem; padding-bottom: 0.1rem; border-bottom: 0.01rem solid #E0E0E1; } .page-nav .sub-nav-container .topnav_main .items dl { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 0.2rem; grid-column-gap: 0.2rem; column-gap: 0.2rem; padding-top: 0.1rem; padding-bottom: 0.1rem; border-bottom: 1px solid #E0E0E1; } .page-nav .topnav_main .items dd { font-size: 0.16rem; font-weight: 400; color: #000000; line-height: 0.35rem; width: 100%; margin-bottom: 0.06rem; } .page-nav .topnav_main .items dt { width: calc((100% - 0.5rem) / 3); } .page-nav .topnav_main .items dt a { display: block; font-size: 0.14rem; font-weight: 400; color: #666666; line-height: 0.35rem; word-break: break-all; width: 100%; overflow: hidden; text-overflow: ellipsis; } .page-nav .topnav_main .items dt a:hover { color: #0032B4; } .page-nav .sub-nav-container .subnav .nav-back { display: none; } .page-nav .page-nav-shadow { display: none; } .page-nav .link { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; color: #0032B4; font-weight: 600; } .page-nav .link::after { width: 0.17rem; height: 0.15rem; margin-left: 0.1rem; background: url('/static/images/index/arrow-blue.png') no-repeat 50% 50%; background-size: contain; content: ''; } .hot-search { margin-top: 0.16rem; } /* 广告位 */ .billboard-sender__title { margin-bottom: 0.16rem; font-size: 0.16rem; font-weight: 600; color: #1842B3; line-height: 0.22rem; } .billboard-sender__title a { display: block; color: #1842B3; } .billboard-sender__item:not(:last-child) { margin-bottom: 0.2rem; } .billboard-sender__media { display: block; } .billboard-sender__poster { position: relative; height: 1.34rem; overflow: hidden; } .billboard-sender__poster.video { cursor: pointer; } .billboard-sender__poster img { display: block; width: 100%; height: auto; } .billboard-sender__poster:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.3s linear; } .billboard-sender__player { position: absolute; top: 50%; left: 50%; width: 0.36rem; height: 0.36rem; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url('https://static01-www.qianxin.com/qaxweb/7176310818af0ea0e48855da6eb5d888.png') no-repeat 50% 50%; background-size: contain; } .billboard-sender__desc { margin-top: 0.06rem; font-size: 0.14rem; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #1D1D1D; line-height: 0.25rem; } .billboard-sender__desc a { display: block; color: #1D1D1D; } .billboard-sender__desc a:hover { color: #0032B4; } .nav-menu-icon { display: -ms-inline-flexbox; display: inline-flex; width: 0.17rem; height: 0.17rem; background: url('https://static01-www.qianxin.com/qaxweb/04d78ecfc12a2ac6ec54265c59297eca.png') no-repeat 50% 50%; background-size: contain; } @media screen and (min-width: 768px) { .page-nav .search-bar:hover .search-input { border: 0.01rem solid #0032B4; } .page-nav .search-bar:hover .search-botton { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAyCAYAAAADQbYqAAAAAXNSR0IArs4c6QAAAvNJREFUaEPtmHtIU2EYxp85cFgpltQSzSxBY5IXuq2LmWQUJqtYugwmBl2ERCyCoYSR3SBitmBWLBCspqh4qZldLAMtRG1Jl2VL00wQKSkt0ZzO2EaidvGwja+w9/x5eM/hfX7neZ/zfR8PwZpR/OcXjyAABAEEwRoE5ASCYPsjkBMIAjlhbHVE40DjQONA4zB+u0SZQJlAmUCZ8FczwXuuGw7Jl2Jr5AL4+7hj8NsInhl7oNW1IrfMiOER9mc8TINRtmUxrmRFoLtnAPkVrWhu+wyBKx+rQuYhISYAbzv7IEm5i46ufqZnXcwgSKP9UajciDOaJhy/+BSmYfMEofO93JB/LgqLfDywQlaGD58GmYFgAsHLU4DWShlyCgzIUDX+VpybgI/H1yUwtvdCduTB9IKQmRyOPTsCERRbhCHTRAdMVro2XIiavFgsiS2C8V0fExBMnNBQsA2VNe+RqdZzEvVatxOXC5uhzHvBqd7RIiYQeusSkZj+EOXVHZz61Z6NwpevQziQ9YhTvaNFTCD0NyZBmlaF27WdnPrNPbkeI+ZR7M2s4VTvaBETCBZ75xS8guraS0791mkl1vGx/EVYXEwg5Bxdg5CgOVgn102pKcDXHcZb8YhM0qFW3z1lvTMKmEAQBXjieakUcYfvo6Sq/Y99l1/YBF/vmVgWV+YMfZzewQSCpZNTqcuRsluE7an3UF3f9VNzfBceshViHEwQYeWucjwxfOQkwBlFzCBYRKrSxUiOF+HqzTfQVrRY1wEzBHyIQ4VIkwdb9xJ8Pg/qfAMUygZn6OP0DmYQfnQTE+GLjP1hWB0qhIsLz3q7f8CE4jttOKbWI3ChB26oN+O0pgknLk2jYPzV55jt4Qo/71kwmcxo6ejD0Li9hGSDH4rPR0OhrEc2gwUTcydw8icAy44zfV8owqSlXB+xu+6fhWC3IjseJAh00GqzDTmBIJATxiKUxoHGgcaBxmH8mooygTKBMoEygTJh0k6TgpGC0WaJ79zaHrz/yMWMAAAAAElFTkSuQmCC); background-size: cover; } } .hot-search__label { margin-right: 0.08rem; } .hot-search--inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; font-size: 0.14rem; line-height: 0.2rem; } .hot-search__items { -ms-flex: 1; flex: 1; } .hot-search__item { color: #1842B3; } .hot-search__item:hover { text-decoration: underline; } .hot-search--inner .divider { margin: 0 0.08rem; color: #1842B3; } .hot-search--inner .divider:last-child { display: none; } @media screen and (max-width: 768px) { .page-header { display: none; } body { padding-top: 1rem; } .search-bar--inner { width: 100%; } .hot-search { margin-top: 0.32rem; } .hot-search--inner { width: 100%; font-size: 0.26rem; line-height: 0.44rem; } .page-nav { position: fixed; background: transparent; } .page-nav .search-bar .search-botton { display: none; width: 1.2rem; height: 0.8rem; line-height: 0.8rem; } .page-header .content, .page-nav .content { width: 7.04rem; padding: 0.01rem 0; } .page-nav .nav-content { height: 0.96rem; } .page-nav .nav-bar { display: none; background: #fff; } .page-nav .page-nav-shadow { position: fixed; top: 1.16rem; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); display: none; opacity: 0.5; } .page-nav .tool-icon.current { border-bottom: 3px solid #0031B7; } .page-nav .sub-nav-container { display: none; } .page-nav .logo { width: 2rem; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .page-nav .nav-content-right .tool-icon-nav { display: inline-block; } .nav-open .page-nav .nav-content-right .tool-icon { display: block; } .page-nav .nav-content-right .tool-icon-nav-close { display: none; } .page-nav .lang .icon { width: 0.27rem; height: 0.27rem; } .page-nav .tool-icon-nav { width: 0.27rem; height: 0.25rem; margin-right: 0; } .page-nav .nav-content-right .tool-icon.user { display: none; } .page-nav .lang-en { background: rgb(102, 102, 102); padding: 0.04rem 0.18rem; display: block; margin-left: .36rem; } .page-nav .lang-en a { font-size: 0.26rem; color: #fff; } .page-nav .sub-nav-container-mobile { width: 100%; height: calc(100vh - 0.56rem); overflow: auto; position: relative; z-index: 2; } .page-nav .sub-nav-container-mobile .nav-bar { height: auto; border: 0.01rem solid #E6E6E6; border-top: none; display: block; } .page-nav .sub-nav-container-mobile .nav-item, .page-nav .sub-nav-container-mobile .nav-item-login { position: relative; margin-bottom: 0; border-top: 0.01rem solid #E6E6E6; margin-right: 0; border-bottom: none; display: block; } .page-nav .sub-nav-container-mobile .nav-item.current { background: none; } .page-nav .sub-nav-container-mobile .nav-item .children { display: none; } .page-nav .sub-nav-container-mobile .nav-item:after, .page-nav .sub-nav-container-mobile .nav-item .children li:after { width: 0.14rem; height: 0.3rem; right: 0.64rem; top: 0.5rem; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); position: absolute; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAyBAMAAAC9habhAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQCkAAAAB3RSTlMAZSIoHkIBcCocbwAAAEZJREFUKM9jYAtiQAapggrI3EBBIWSuoiCKNJMglaUNUKWF6SbtiCrNQj9pBBehmJ6SmIHDRC9JBdS0QKokIoniTsBoyRsAfJYSDubbwGsAAAAASUVORK5CYII=) right center no-repeat; background-size: 0.14rem 0.3rem; content: ""; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .page-nav .sub-nav-container-mobile .nav-item.no-child:after, .page-nav .sub-nav-container-mobile .nav-item .children li.no-child:after { display: none; } .page-nav .sub-nav-container-mobile .nav-item.current:after, .page-nav .sub-nav-container-mobile .nav-item .children li.current:after { -webkit-transform: translateY(-50%) rotate(270deg); transform: translateY(-50%) rotate(270deg); } .page-nav .sub-nav-container-mobile .nav-item a, .page-nav .sub-nav-container-mobile .nav-item span { width: auto; display: inline-block; } .page-nav .sub-nav-container-mobile .nav-item-login a, .page-nav .sub-nav-container-mobile .nav-item-login span { display: block; } .page-nav .sub-nav-container-mobile .nav-item a, .page-nav .sub-nav-container-mobile .nav-item span, .page-nav .sub-nav-container-mobile .nav-item-login a, .page-nav .sub-nav-container-mobile .nav-item-login span { font-size: 0.28rem; font-weight: 400; color: #434343; padding-left: 0.32rem; height: 1rem; line-height: 1rem; } .page-nav .sub-nav-container-mobile .nav-item .children li { border-top: 0.01rem solid #E6E6E6; background: #f7f7f7; position: relative; } .page-nav .sub-nav-container-mobile .nav-item .children li a, .page-nav .sub-nav-container-mobile .nav-item .children li span { display: block; padding-left: 0.64rem; } .page-nav .sub-nav-container-mobile .nav-item .children .children li a, .page-nav .sub-nav-container-mobile .nav-item .children .children li span { display: block; padding-left: 0.96rem; } .page-nav .sub-nav-container-mobile .nav-item .children.last-child li { padding-left: 0.94rem; } .page-nav .sub-nav-container-mobile .nav-item .children .children.last-child li { padding-left: 0.64rem; } .page-nav .sub-nav-container-mobile .nav-item .children .children .children.last-child li { padding-left: 0.96rem; } .page-nav .sub-nav-container-mobile .nav-item .last-child li { border: none; padding: 0.23rem 0; } .page-nav .sub-nav-container-mobile .nav-item .last-child { border-top: 0.01rem solid #E6E6E6; } .page-nav .sub-nav-container-mobile .nav-item .children.last-child li:before { content: ''; position: absolute; width: 0.1rem; height: 0.1rem; border-radius: 100%; background: #000; left: 0.9rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .page-nav .sub-nav-container-mobile .nav-item .children .children.last-child li:before { left: 0.64rem; } .page-nav .sub-nav-container-mobile .nav-item .children .children .children.last-child li:before { left: 0.96rem; } .page-nav .sub-nav-container-mobile .nav-item .last-child li a { padding-left: 0.32rem !important; height: auto; line-height: inherit; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; padding-right: 0.64rem; } .page-nav .sub-nav-container-mobile .nav-item .last-child li:after { display: none; } .page-nav .sub-nav-container-mobile .nav-item .children .page-nav .sub-nav-container-mobile .content { display: block; width: 100%; position: relative; } .page-nav .search-bar { min-height: 3.6rem; } .search-bar--inner { padding: 0.9rem 0.32rem 0.7rem; } .page-nav .search-bar .search-box { width: 100%; margin-bottom: 0.4rem; } .page-nav .search-bar .search-input { border-right: 0.01rem solid #E0E0E1; padding: 0 0.6rem; background-image: url('https://static01-www.qianxin.com/qaxweb/0f91fdf4ea41317d255dc46d6974781f.png'); background-repeat: no-repeat; background-position: 0.16rem center; background-size: 0.3rem 0.32rem; height: 0.8rem; line-height: 0.8rem; } .page-nav .search-bar .content { display: block; padding: 0; } .page-nav .search-bar .remove-word { display: block; position: absolute; right: 4%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.35rem; height: 0.35rem; background: url(/static/images/index/close.png) no-repeat; background-size: cover; } .update-count { width: 0.32rem; height: 0.32rem; font-size: 0.26rem; vertical-align: 0.16rem; line-height: 0.32rem; } .frame .context-mobile a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .icon-new-product { width: 0.8rem; height: 0.3rem; vertical-align: -3px; } .page-nav .search-bar .search-res-list { top: 0.8rem; } .page-nav .search-bar .search-res-list li { font-size: .3rem; line-height: .8rem; height: 0.8rem; } .page-nav .search-bar .search-input, .page-nav .search-bar .hot-search a, .page-nav .search-bar .hot-search .label { font-size: .3rem; } .page-nav .tool-list li a { height: 0.6rem; font-size: 0.24rem; line-height: 0.6rem; } .page-nav .tool-list, .page-nav .search-bar { top: 0.95rem; } .page-nav .tool-list li.current a, .page-nav .tool-list li a:hover, .page-nav .tool-list li a:active { background: #fff; color: #0032B4; } .page-nav .tool-icon.lang { margin: 0 0.16rem; } }