area, blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, param, pre, td, textarea, th, ul { margin: 0; padding: 0 } div, p, h6, a, ul, li, span, h5, h4, h3, h2, h1, b { box-sizing: border-box; } img, input { display: inline-block } body img, img { vertical-align: top } a:active, a:hover, a:visited { background: 0 0 } .iconfont, em, i, th { font-style: normal } body, html { height: 100%; -webkit-text-size-adjust: none } ol, ul { padding-left: 0; list-style: none } img { border: none } th { font-weight: 400 } input { vertical-align: middle } .clearfix, html[xmlns] .clearfix { display: block } .clearfix:after { content: '\20'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .clearfix { zoom: 1 } * html .clearfix { height: 1% } .swiper-slide, .swiper-wrapper { width: 100%; height: 100%; position: relative } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 } .fl { float: left } .fr { float: right } a { color: #3d3c3d; text-decoration: none; transition: all .3s } a:hover { color: #004098 } button, input, select, textarea { font-family: Arial, "Microsoft YaHei", simsun; color: #3d3c3d; box-shadow: none; border-radius: 0; background: 0 0; border: none; outline: 0 } a:active, dd:active, img:active { -webkit-tap-highlight-color: transparent } @font-face { font-family: xiti; src: url(/fonts/HelveticaNeue-ThinExt.otf) } @keyframes suofang { 0%, 100% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1) } 50% { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03) } } @-moz-keyframes suofang { 0%, 100% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1) } 50% { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03) } } @-webkit-keyframes suofang { 0%, 100% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1) } 50% { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03) } } @-o-keyframes suofang { 0%, 100% { transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1) } 50% { transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03) } } @keyframes logo { 0% { left: -100% } 100% { left: 100% } } @-moz-keyframes logo { 0% { left: -100% } 100% { left: 100% } } @-webkit-keyframes logo { 0% { left: -100% } 100% { left: 100% } } @-o-keyframes logo { 0% { left: -100% } 100% { left: 100% } } @keyframes zhuan { 0% { transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg) } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } @-moz-keyframes zhuan { 0% { transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg) } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } @-webkit-keyframes zhuan { 0% { transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg) } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } @-o-keyframes zhuan { 0% { transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg) } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } .hide { display: none !important } .show { display: block !important } .c-cai { color: #004098 } .bgf { background-color: #fff } .btn-hover:hover { opacity: .85 } body { background: #fff; color: #3d3c3d; font-family: "Microsoft YaHei", Arial, simsun; line-height: 1 } input, textarea { font-size: .14rem } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999 } input::-moz-placeholder, textarea::-moz-placeholder { color: #999 } input:-moz-placeholder, textarea:-moz-placeholder { color: #999 } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999 } @font-face { font-family: iconfont; src: url(//at.alicdn.com/t/font_818486_1elsyk8k3va.eot?t=1536459173403); src: url(//at.alicdn.com/t/font_818486_1elsyk8k3va.eot?t=1536459173403#iefix) format('embedded-opentype'), url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAFEkAAsAAAAAfBAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8d082Y21hcAAAAYAAAAJhAAAGIO8BWHxnbHlmAAAD5AAASDQAAGwgk6q+xmhlYWQAAEwYAAAAMQAAADYUY4laaGhlYQAATEwAAAAgAAAAJAmuBlZobXR4AABMbAAAAEEAAAEYHdz/5GxvY2EAAEywAAAAjgAAAI6xZpaEbWF4cAAATUAAAAAfAAAAIAFuAjtuYW1lAABNYAAAAUUAAAJtPlT+fXBvc3QAAE6oAAACewAAA+Q8H5BKeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkEWWcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMbyVZm7438AQwzyFoREozAiSAwDnZgwveJzV1MlOVFEYxPF/AwKKIyoO7SxKq4gjiOKAA444a2JcuGRj4gMY4tqFL8AGB6IhbHwPY0xMeIa6bIz6BFqnywWuXdknP0J3mu9y76k6wBKg1fqtDVrmqfk3al/8aa35eSvLmp+31d75/QVG/TctqqlL3epRXb1qaEBDGtaIHuqJJvRUzzSpD5rVnD7qkz7ra9WoJqqpaqaareYXfn6r//oFQq2LZvRrsDljbNGM93/N6GvOmG7O+J4Z//iq+X4u8WDResTj5nq+aE3+tV4018vmeuUZ29lGB6vZwnoGPLGF/RxlK2tpZyU97PPzG+Uwazjip3mM4wz6CQ5xgmFOcooRTnOGs5xjJ+f9/2xkMxc5yA4/+TY2sILl7OIAq1jKIep0s5te9rCXBn1soot1vocxOn077f/8RP7/1/Lyo3X8z7uxkrPwTqFaeM+cvvDuobbwPqIl4R1F7eG9RR3hXUadUTqipeGdR8vCGUBd4TSg7nAuUE84IagelOv0hlODGkH5bn84SehglE5qIJwuNBjOGRoKJw4Nh7OHRqJ0XWPhPKLL4WSiK0GZdzXKGaFrQZl9PZxgdCMo1xkPpxrdDOcb3QrK9W+HM4/uhNOP7oZ7gO6FG4Huh7uBHoRbgh6G+4KehJuDJsIdQk/DbULPgvL8JsMNQ++jnIH6EOUc1Gy4f2gu3ET0MUrK9CncTvQ53FP0NdxYqr5wd6ka4RZTTYT7TDUVbjbVdLjjVK/Dbad6E+491dvwCUD1LiizZ4Jyzdnw+UA1Hz4pWPgePjNY+BE+PVj4GaUv3+pB52+6mCrGAAAAeJysvQmAXEW1MHxP1d3X7r5bL9M9093T3bMv3dPdSSaZyToJWQlZISHsgSRsSZCEPYoCKrIIJCCCIKDIKiIgBCQEgfcQREV8Aj5QQUXRpw/E55PMzX/qdk9IXP7ve9/3de7UrVt16lTdWs5Wp2444Lj93yNv0zIX4ThBgREoihKIjg8ZqBXJa8HZ8BkZTFsJNsoKXKfYJshwGVwms0hwquIpwaksn8NfA9dbiCuKuLxaHWpDJegD0fMVMAGykiPDToWhcgxE85ngbBm6JIxdi3jgWoZHDrYH22Wb4eI4upD0cYgaamXWnhFg2FjrvHIdAtEQwRSjJojBe3bZCd4RzagI46IYPC8SPSpBzQE3+K4U1SXuAL6VDF+Bla9hwyRsVthCfN83nLKN+ACRBO8h7uDXiFvc57hQRRQgBd8VQYSaBIh6At+naIRLcZyCL1rMSQoUc4hJaTRQAa+M70/a4SjJjErBV4I7pKgpwVHBV9gzrMH0mCHBVXjH9OAr/xiOm6jrYnIM5+MDG59SWJHgtWIdoxB2NN2uJpVgxW/UpK0CUJ6KushTHp5SyEoF1GDKrxQnoY5ToIQSQuFNNcHQ8iHuPeSbnIbY81w7x9m54lCtki17jpiHfxLPrtUjEZ3OZeG+R/9ZnJwfiUfwCt459H7gne6mXZyC4yHYpUIKBMkmXPCXsXegvH07lN8Zu+UW6Hk+CcngV8nngx81y/yYbAr7IeyDVshi6FWyEuvzUdYPL70i2rr0wL4HVU1T6aIHJN0WXxHhyldY5AHN0R5g+a+IMY4yfCQgT+B8beOyiNMEKQM+Dt4I1PugNBmiGGIcEzFrMiHcqVcS/T49PhLHkFx5ankmwMxyIyRP0Cs3bfm1kkopv96y6Uoa7MTEwVkAswYRgDU9rO9n1OF0LscNYH05MQ3Y7to0GCrWqziH8BkrimJ9g1gt1o7LTMI2RBuNIJysaRFNY8HqrYRcdMwxFxGydQnZsGTJBtIMi6pyLILJxyrqDTNYZIZy/lH7OQZ50THAHXV+0NUABq5xD5sV9u0O8i7nclUckWyuiI2qlb00ZKuNuyMWBiwQLSh3Q64fcDKUWyHK8txoHUNHopvGuxRdt3VyFwZ6cBNORCrhjJOl34hGVHwOe/85MWqIrq6+woZnzx4WvqLq/4qQQKXfSlFDehYeUXVdDQ77FwnLNPpt/x66h04P52jHgXEKB4keNEI0H/ahG3W8YcDFVyTct8cFYfzbjfC2V3n+1dvCkN4Sa4nFzD1mLEanHwD49vi+ZyYgMITzf4b55n4Ow5ZYg77dRf+NLuPuwB7CesMrn5OwOWyYpFJtFIlUvVaqFUsHshuZ2L4MtAKbXf6gVy/XsKUlBtUPfRQ7uI7//DA3w7pYlERfZHF/MCxZxzKIHK8yW/QsQ2xWO2iCiyvAqw+W62zS4DVUpPc5HVG3221tk9K+qAtUFcT8pHpvdylKRDWm+2orgBpVUpbeFnVbrcIMPTpAoD+VWzPk1rZMbu8SBd1S5LZS9bSKW141I9eS9HxPkPuyqZgugtLm2WkAK+8MxBPD6aF+MeGIfESgGrhuu20PDFASQexeryMrEY1SSnJVy5lO7ZtjbZqVUiJqRonrsiOSaKmnpzYpL/GCwmuyn5baWp1uL9rhuA4/M+oeNdi3oXvS1po7tCbnOxQsXbaoFW9bVXaHTjtlRSo+M5dxbZwG5VLedYlsKaqdEvqH0sOJ+ICTiwCkZbWkiJKkObqR65UFX4urkbhETVmP4NzU2zRjdt5q4xjX2n8l/R3djGuglevk6tx0bgG3mjue28R9jLuIu5zbxd3C3cvdx+3GyVDN4+CKnMSGtYLjUeNwNkoeTsN8seTXaJFNSw+HqYSDNPHgOnW2YBwxV/TLlXIjf8hmt74GVKVU9psFoFhqlGkUZql2sToUFioKuSZONhXqrHgJ0bmOjzOrVKsjXyvijUG4jiSW8k4GyiMw1Ac5XCdFOn3X0peRY8LiOUifvrH+ZYiLZEN3OTlwZoEaMOX5c84snzdPEH2w5l9YWb4wef6RaxfE3N7ZPT2ze+fyfFuq1Zw1C67raV88pWVWy5wVs7644t9PWrv6ljnzFk3+bPBYF0A8qbfL86YsmLf87FR6RkKes2BRXoJVa26ZGpnafcFlUrl76XW20zUozZ4jJQV5xVJ72ZxIu0GL2wYNYcVbPZobd3Tdibsa1clARQzeefmUh2aTmQuQC8dfPvfFgdFFhPdtmB58ls92z3QonTv/Pn9eX0vfmp1DxVnJ1vb2bG/vrN7emfaSZSpE5sLt6VLXDBfc0VK+ML+H9pZa1J7B8UuOOkGKRSqVzAtHXFkT47VrV9vBv40t6O7qTC49Sbl11tT68d0d/KwLatnZulo5e7pan1xv7e4enhJpXXjR7nWrbA+JXK2ez+Z/oYcNZgGjp/tfoN+mSeRvTIIpaCD4tCDQ+oEY/Xbwwqc/HbzwRhUcsKtvHvIEr/aAE/yu57Xge1ddBeXXDnma4CX0CfIx5CUFrob0qDxC+ohJMlBghKXISANSEPavEvKz2hAmdaOwUypWRhhN8R34MD/cDrnhOVORuU+BVxafesYFF5896YRSBKzFp555gXzR5kkndFgzDntus3T63rkA87971ml75+3PTp01LQ/ZqbOn5e5eO1QjUE8tHLD77DUYryUX9dt98VXryNplcOQ6YDdsqoD98TZ9iraivDSJG+ZGuVkhHXej2WgW52Uxn2UPjJUjbYwOFe1SMZ8LCSEKfD6+SkPOCalgEXypXgK/Xqr7lCja+DlEk3VdHv8NkzvIl/SIftfpsmYqo5TwfPAThfoQUy8zFejgQaAjMgmkaYdtXQct6xLryutQBNSU4ENyCWgo6EX08eMZGogqGnxhtaQt5gUiBFdr5pWaxQ+BBmfwAuUXqYlgabmlfyEcs6B14cjCJp/aQX9DdyD9yHLT8KXZCi1yJaQSHueXa3WfiYRwQKDog0K+yfWRTTCm5TakgQpjXvTNR0fngRCMP/10gOwJ6NOLLp/yuJqw953B/+zOO98UhDfvvPNnpHpFLGl/wYjFjC/YydgVhm3Pf3T0q8c+DVSYKDvQ84RiJ4gyUYbnf/Yv1yCgcQ1g2WtZ2WuxLJtSRjiv5pJ3cMRcLol0sIebjKM1Bynhcm4Ndxx3MpPHh0qiA9FKcaiaLxXcWivYg1UqVAtuXahmXQsHFucdY4alYuNhmDGmPqSSrKQUho24BQ1OXmIUDOcADTMaEOR3nmeP/+x98iOAGyWcvungRLgRWHDns6IAvMo/I4qEn3SjILKHG0VkdD/0/dhJnhfbE4t5/y3Qc9esOZeSHy84UYbN8skWZpwZi/kQJwVKCvDC+AbJkl7dgHMYYI0d/GrjMxuf+cXGz7SdVyWqgII0uxlLukAVVQx04SFaoLQwQFhIwjCqrdlO6fY1+tNw9IIFR8MUWkQZbD0pUloM5ev999AX6OGcjPyll5vPcbj02PDmRGEiUs/iuzNBJs+E2WHWIzb+ZcNZkGUzo5LNAHIskATsTMerF7DH7Frxz1CcXMQLfgyFKQW8Hh//ldcuHivP6PJVy1L95gNJqpZRHH+apZFpdkwYE7sTwVbVJBEDLu+aqY0pA5E0Q1BIN25nQ6tPal1ViOAItfrjzzeiZD5YmOBhT8VzJI2LBXG08JM6INE1wjXXwBP0q3hjslqpIScdkM8OkttQm5iQIVFyRO3wwSt28/zuKxrh2bdQesvZ21gIJ/E6/2c54sh/liReXn8A5ord5AR6y7YJ0H3vE/4D2YnIf5ZtGfgJHYO8Aq8wagxZitTvLnza35R393+LPksHsZ0tmIutnGhcAZnzEFKZsGUiSrr0GeGvTzzxVyEMx+9V/ZjygBJXvqHE4spNcNYTHwrCh088zsLTlZivPiDLDyoIc9NEf3yc5+hFYX8U/n/6o8gUUSTMOPrYG7d+/V1BePfrD7zL8+8+cN1zPP/cdTufo/Q5uNNQg1cUsJMqdGN3WKOYPwFL9k2A7bzuuX1jqFjnlKQNSvCGFLM1ju7/3f5L6X/Ta3EWHhmu44nKUQ7FIcgz3sBkhsaj76QbSne1yKRTJmmwVCbqNJ8YcQ4Li77NysbqtfZQHuFKKA01CJ+TQbGyZ+9pIzMJFJLp6YZmq6WqkQDdl21nrD/bIlDdklAplbNejy/TWETU3SO7c47SHnVyRHXjbRsfzNG4Jr/wxX3ThodPPxM6Pn/VnUQMfvHqd8FAIvf+d58P3hfmXXoffG7x4ybMdyNFx3cNw5QqTikjWHU3s6g1OdqBQijOIFOisWiHZ/UVjISudbd0rSBCCvUOMyP6EResh0Z13lPG/0ruvOrz0HHm6cPD0/Z98dXgF0kBjO8+36jw+WPvu3ReUx/9GvkFrm1OgaybBUkB+GnwOnlv3ETaHtwMx5NvB6+Xg9fb4Xg4HsHFsMyt5A2cDW0oY07jxjhUwBhPKPuNSej4nigxhu35RSQDTFYcqkksYIKjH44ZC/sQpBoWESZkytJEBD5Fb9mu696XN3/8brpetgm/vNUte/K5Ec9rc93vN25byNWn2t2x1FwU1qWV9KrTTr0apsZSMby+zfSjlhi0rb+MwlFbCL1i07Yx42iR9gsof7XAKnDbGI4FDE+b9/ujziGYLpSosESbctKa7YRs9wyGKGY2bvja8fDdLXIDZ6FMlEfqUEdJYBm3ljsbZesvcvdwX+e+yT3BPcv9mPsV92fEp+JSiIGH/YOUUXLxpZEz1vGlpXy1EmWqFaYNs85rptUrDWW6u6la1ytu3i7Va0wkQgzIW7xKeRRCPlwSm33q4xqXxDx2X3EIZ3+ZzW0LYRyxxOD6ISyfO1BaYAulipUysd81w0E7qB0lHxsiVap5oQ8a41FiZJ0R83q+oVajdhoq1KVGK5myylqdF1gjEDPLDzEf+taY38AsNe/w2F26BRDV7kVVBmzl3nvDCD5rUUDifO+9F9ymxSz9Lt1N0Hvv/XEr78uZ/GC8O5rL5Qfb01KrYKhjibmV8rxKShbSQqYQ74nl87GewZ5oq+zTtKhFqSbzWdGT07ljcvjrz6eV4Hf36jZAzLjXiOHtMRUbYan3spup0QcfvPerX4WPFYaG5lerhdzg4JzBwfJtZso37jKi9kOa7eu3qRFTDd4IsUSNu0wXsezWjBCLhuQP5bBSiGZrGJLrItrjho3JT2rR158M3sXYbnyOGw/rkdefXOnqj2sosu3Roj99Mvh+q1hY1pqDWLRwbHveFvK8EhlIDM0ZGppzspClTixWOL4Yte1o24qCkBZtTaGyIWTl9sNbs9n2o9tzttgHjsnw4xs+bCb/Apa2W4+Cpz+Mb/jTZ5589F6ozqvV5lXvLc8q47XCNp40YlHjcdP7i6U+qUZs7XHV/ItnPo7vq+8xYn8x1ce1GKJ5UrVex/JP4l9IC/b/jB5PO1BKkDmTc1DeQjUUBEnoJQYUhAJGoC4UfOHgOIwHj6TgRDhx/FQYgIHg+wDB/uCv68Kk0ztw2ZCe4If/MJF2/Nr+61/pD1/5yZaHdx+GsfwTj7b92xkPPRbGH/9W2799ZAu6hTzAJVh7mFlTGvxbWxuzOQqOh5NapLuCP6gJVVVfG3+JGUzIwKsK408RZd/e1ra2VtiFUQUhXkdC8BM1aSsQURMIGWv/iC6Qt8mJqCs5XIYrcgNIF8a4w7mjUPc+ldvGnctdwO3gLuYu4T6NlOJK7vPcddz13I3MgsbWUxkXUZ6ZpEKeLTaiLNaNEgauJQepJzJ0D9UJP4yVm9FmWbF+oEQ9ly81Y/m/LZv/qGxJqkhuXfLxqvqVEmoifj1fr6JWgpdbyvslySccoapAYSNK4mQDoRTIwzwvPII6ycuC8LLwOE/4hwWePkIWEgYlYkBOxjL0FIrwMt0AdAGQRygvPMyTeFjmJzyhjwg8/zBBpROBRMLQ6/EL3VN0reaqvjYXyfrfPMN5lISl6cPYkkeoABuozGoARdkokY1EIRthkYANYbktDWCCkUd4gUfwxSEEkTYgPMjNpoXgiPA3WIk+z3Galep1V43rzUY4J2t6U/f7PN1CN+BIT+dO4bZwF3JcNi9FG8a6DDCCXKs3H1EHEl2JiRdupexV/Dojh9WhWrWOgka9ioOQL0k5MS9VGR2tsyGvMGqJ9NoCl6m4EhPaQkrLCHoBaWhD0C5NaF0ogBEldrlu62CrX/6yagNGg6v5FSsogbOoyiKyeNbBz7xKb9bUHcdLEen4HaoGx4vi8XBQwvE8D+vbewB65vX0tFfnEDKnGoZ1WKrouhJcbeh0+nSqG3BG+Hw/jZ6BSFeyms7gV66kcAaraCWVpDNYfSefr2rrJGmdpp6/ToxKR3/0eLQUFaf3tmf7e+b1dsNYdWgMYGyoOoYSJrf/Eyhr7kCp08aV24Oa9hzuCO4YXEPn4NrhAJXtQrZpYM42DMyFBotpMBjaXOGst6SD4jbTxJsG9mI+tLs3OGNROtiELYkHgQkHl6kcXIa+uG89/cK+9V4LQItHvxDegzSj+6bHgkLwBc00NVivWZZ2UPy/VPlqyXLlq2RL1yy8uZZ0taxhjmeauirPky1POkyygt9o8lsMEIPZqiW9xQDfkmly/AUyVIG0O/6Cmwa8kyE3PWRpFVZDRbP2c5Zr4fVi4wadWF1YhRNB9YNVjfGtlvYyaxcGPwJpHqLGeh1rH1aAygcGluXgLay9YVN8km6is1DLqONoLEGadjZSsqu4m7i7uEe433IfAIEIpGAUF0podW/O3BISm+oBU4ErFrLV0LzcEPkk12MiSprNfZeGq4DRJaZS2aUJ9aUUDkErKtdFodgcjvqhAbOmFMInvzE69kd6Dy6egx+kf57TVOX8QwNGRXEtlsKwPxSoiuGNEVARcyv1Ghas47z52weUbPuR4NYb8X6C8wyfc0zk9UI5jDX8wISqhTqkSPagZqRvUvQVEk9pld99+eW7eVg8F4J/Aw5F89E59LZzz72NAu1fYmxU9QWZ7IrszZL0FVm6OfOdr2QymbaV2a/+ZzaVSSav37UrA1xueW6vHPFkOeoqE/e9aQj2Oh2VWMbIJY0dPPK1jGKz4ASMplUnrmbU/IFU9USVJTgsa77RiDX+4mqjGMgI3AhdV3WSajKpKLLQLYoZKigYqj08L0kZIrIH2hk+SBKlaUKymCJLyFky0rSImYkNFcCWTFHTjLymSHKR7aesl0x5vWFEpuvKTk3d1UlVSd0q3vgCz79w49pbyj/0up5VJan3c0d8+puUfvPTqkhPbJeMKzUV3s20td0sS18VxZvbVgZvf6VtZQ476av3JzKp2aldu65PYP5e2YvIihuV2Z397c2ukp0Kai5GKmscG/xCxXdO2EpGSZ6oKBh12HN+IlVNfJSafBnVYRZlOeFf3FHTWhIlizDA3knYICcS2FOEjElyhhAZu6ID6EScIg3DmyhSUc5AF8uVsN8yKOFlou0VRzQlM2sYBvZkSdRj4nrZlNYbWTM0e2mh7WITnY4yyGRuLsofy7kTkHaehit2G/fJxr6TK4nhTo7bNNcxAjkNQi3axiw3W2XaRzXUGkrN9euIEFJNnK71oRLKCBPKHDNg1sP9Gx9liQqzgx7IK+UbOkNO9A8x3pM2nNVV5P4Cv0JXNukKdKva3MXA70YhC/ZzurrRWNKPkzyc63OCcxU9Fo+3x0Faaq1XNc3RtL1TralXxRKyVLWGJcyMqWzTTv9TNdOXweuhqploSZhhQKfjLBG3Siovkc5dqraTbdj9oHrz2i++OP45SVKfvU7VrjTEwom8oF72EKUPXbb0cmgXE+2I1VCWWp9liG29A2s8C7CiqIB1QrzdG2UNcbQuL5PpzWR2may+dNyy4qENsjkOlJNQGtyOst8nuctQ5ruBu5X7Gncv9xCOBWp2TLuj/4dj4jEdaiRUFZGiMiaYb95DJE17bGiMbbLHiosJqJNVK+EWON7TJD8tVDTz1ZFQo5NYmglMiSuFST6CVBE10wQr8Ep3992bNh37Pxk/oNe4Lfl8iwuZvjTKNl2jXaAr3VU/k/GrqtYN+Ul5cEG9WZ4912VDOR1XieYBSto7VgIb9h2Nkm41FM3drhUrYMX/dExVzcWK2ms4WN6x1dbu7taqqnch4oymTu9qaW9v6WpTZ3/swxU47tgAr6truqa6xzLDcm1jV5fXFUskYl0rG61mudNZA9maixzEHydxK3G9sb22C1DOv4m7j7uf+xb3KLeXe5p74X/FHSsoDo42xvwQ9pjB3gl3Y9n2mSg1NlVxOL2Kx7Rq1OwdqYRsqYpJyDFxyNi+mlSrl9nWWx+gllBie291XJHFUq3KyhfCjbURYIYats3CDAeFWgnRm9TxGlkHVi/NT5h56YE0cnfw27/nVGuWQPC734qCNmcJHMqpIJXuFrrak3m1NNWMjk7muwqJdkVV/EgiKYrylXwG5RWg6Va3S/KkbF6OXcGbcioitad3Sb6UzymxK7yUqohexJaCR2TTnZwf+1TCXjM3PyfT0yPysESi4lGHtQ3lJb820lYZLrh6TMfrOg8akZ3NhH/ERU68c/Bpr+tRQaNS93VHHsxG9CtRSIbTsumZxxIYLGmil11ewni5xPOWavYPFFsMSTX8YoseM64d6LMN5ME88EJ7KdPzYfOZUlSN2kt2zHFLZsTvdTpa2jtP6nBTghIxtdZLTSpbXbHODpenWjLWWr9UYQ3VcZ2E9+AXjTvSEkZXHqVzuD5uAXcizrQbkJZ8m/mSsN34PmbQDPfN/jE9CU1LzBIK+X9I45lK6eaBkYMJmjDE5k4GUEJuxUmDswypfD7c+bdwDje2fdITGz++Vw9NUxWUeJq1FYVGTeGDL4kIhdJciL6fjJKwffSh6tT60I4xER+blEWkTcqySdXwWokCQrDtO3/DGEaR2kwFWUcAb+7iw0Y7iwM12h88IBKpa8qUB1dIoqGtWasmVzJ1ZaUoCrwkr10jKgJvrEAFKHhKU1dgpFYQKS38DKGqzCBYRVhYu1Vc8rnqYJ/AvDr+Aa1pTiA12Pl3lOaIz/WJSIFgscgkkOt2V2/+1vUVO99//hibUKeg6lMYqny2LmkgqsuWKZoxzLQwVZsqaqhEi8uWiUBFY0RXdviPtKk69kPbYJskU5W0SbqaG2yxndRgRmFqKaceIpuPIsdfgjz/aO5Sbif3pf9zadyu1IZKeRRS8znHb8aRkwzV8xlSniBQAjMolhrlkekcMGWGE61W9xvqEtOdSi5mM0vFMDBFtj5hVPyfSrvqdBWv+WHYuGZsgpbypDJqX9N6e6eBnkE9k7csOKxWmmZNCi17xg4zpg3keRQzsest6V8BO1vFSQTV+X1Tp66dOvV/LlU+CA6AM4MF3eA4tfRAGq++qQBTb0PJjY90x+vzoCOHtd/NNildSPOoZWOWJUUgqQKod6uRSO9MAYaxAWuHuYZdff8OXkHdl+2z9aP8xvYruYIJDZp7QKwS6uFyYhvOxXCzLQou69dQHy5CrRrNuszUBdk+XOG43O2sjUvTRRluAhe5o7NWO6Je6wot2zbMg+C7rh2P28ERjAN7wfex66b20ukdVYDxs2QgyqTgAnL8vmeicZWS78GLPyBEcoMYMs56obAHaktreF3EzORJ2yPE3Y9RiLXE9nPj70MqX54B4vS+DDGtKHD7Y+ZxAQdpz4gIIpwY7BIEU/NScAG019rxauw57qB76CdQkkrhzGb9wPQ0FEhaw92lPCpSbDO9nGHelHb41LAGlMItqNDlyI2KnAW5UpErRYfC/FoGQn4XDfNRUX/KUK5SAJWYKyUqRVTVknkJdCakK8H7atmIElP/7G+jt/5KUwUrrkvvfkmPesGfrkeKcX3wJy+qf+ldSY+bvKr96tbobz+rmyT6mnIlk/yvlGK2qsZsCQymJAXvK8FXogmb5P50KpySOluTE54gydtdiOnBtsuD9/MAedA/A5djne42RRS8hKye3RJct/G9HLUTEbZDg33y+3AfroXr4Ia4Gdxi1MVPaUj1E5tyNhMJhkqhIIgruLHaD7iasQng4xJGaiCEu7INoTxfaGSEO9wlahIU10PRso5JJFzuCEtOgoWTJy+EMNwVmtmjPQMNa/tNfdNwEfaFa+CbxUqlmO73NKcleCLX15fzCh5ewdtMzEq6phzJuh+zmKRsoTh1DOX1GK84eszzouQvE/gJWRj8JBYtHluMxmKxArtVydS+iWqCH9HqoipprdXc1MXQO6fPLXYX3Q0E1W/imB1FDyACKP8nTSbj7QES830DUBbyw7W2f//+53mZTsH5leR6UD86j/sM84hCxsboGOuYWqHxxLhbpSbVQocUtsPS3MAqND3kQuc5to+IWhBjlZUyslS28kZIuA/jhoPTVJ4YyfWYq1wf2/LC7q6IPnZ8H+AASCNh/eHUhNMjFpKvqKXbsIaFEatVEwxb95YctShuFLTU8VOnHg8jLX365K4pN9y5qDQneUS6ryVmCn1aV9EQDcE0Jm/65HWXVKqTYdPRoqPEW1sHWo+d2Rrr9/oEMbJvmqyLEYUHTW/porfyPSlNIUSLiZYOu0fZrkbEGmX1fhSH821DMLoGejvteKwyDPzUn2Rg6oae4bl5qy9z1DYpHpucX9aumLoaLc7qPPzKzVOmTJp85eFbHh2SFKy8NV47tg6q2b6sbdLqZIcuqplEcUae76hMKZHs3KKZQjlI0Yoc86jFuX5EaAeUcL7bnMOVUbqezC1ESlCnko1qZ0liimjoQlMvQehk4FfcxjpoboWX6w0NSRKZCOL6IUWshbkIjDJRkQw9/J2H33BWOV2rzlg1emnvQLwj3t8LpwT/wixqw8s3Esik/M5e4O/7xOyRYc2yzi12aEeeFmSHhpfP81aeAAtmwZ8sywqWwX3Lgl09HT1rSu93PDtygjcUG/JOGB8EZoc7wduxsndxW6XzlGkX3ElbLgbTN6/RNx2zYdIVS4+7Y8rAjG9vPu6u6clkw9bMcXQeeY1zuV5ujDsGpbxwzx2pn9eYejhvwp1spG19obsk0wbNA0qCKDBoZrIKdwOZZbpZQPpnGXWJGd5GoVzxPQhOv6+EC9Lmc9esO3ZnK287Kl/4enCiwGsy7bjv9FPv6aSyGxNyn1+77tqsBG8UZqdrqwVmRxTPO3zW6qzkxKjUMvJWYU66enC66Eap2DJidgN0hVc3dJBz1msxWVFXnQxw6hpVkWLapgvhHuBtbf05hJx1kmZjLvYznLwqOgypWKIiyRFX1mYXO/kehRquUsjc8U/Sr2lW0w3cob7XdtNWmG3w0TrTaZh1cbDhek0XMSFv34MTrteb/971uul3/m3yPU7nEqjjV5o8qukQIpYOeTjIVURkbuiMd3kO8i74i6Vt17wMC35s6dNVjE7XvJstbRhT9WHNh2WWp8G1WsbTglPV/9DOYbHtesb7V20GhtoMLeOjkjKVJbMg+CqWg6sYzuAMjYuxtSS8hbxU5+LIN2rczJBvrOe2o456I3cX9wT3Evc692vuv4EdC6h5TClEjbBarFGPr9dipWK7JBJG65gnFGPATG6ErMfIGDOy41Kzw54shasQDrXB43vXs8wLoMFkQl+5kh86zzBXOOYNzDQPmjsYO2aW2OzGVsTqNd73CM7Sgp8hH3l3hLO/4e6RYTYUkYqhdwcZoX2kVGTiz4S3f+GjBuWhsUHtZ2uNDeqsiCS3PvEyRZG+cfq/T63NPfWMn2I4OgfEiy9aMTo32Hfxx5eTJ9fIGUu1VGmtlImopvLXi+FfoklCErFgUiyBd5usjrhuZPzOiOPw6z/8MrNY8OtY+OGXnWTS4ddh+OEVzKedX8fC982kvEbRHdXp0Nhd0Y4RBUUVhTWirYZ35Y1JtdkbczNXf+oyiMzDW/GI4OuQOeGijw+ft3Tq7A8vOncpHD/QO7ymZdL8zfVtH1szSS0sqs+aN2va+lmVxPJNm06Ym1Uqy6rdgTR+p5tu8chqN50ev0YxDZWsVg1dG7/NbaV81ofnvCyP92AyydCIBs/rUYr3oGZEKK2NhT0ydio54/XgJuySMRAu3rF8dE7w1/H3HsQu4eV0JLwraXoMOLGIi0HUCaa6bUxQbnODTXbKxmtJqpQESJZSM0GNMlkYg4plPog9IGAPhHcBBMJjDzyoiLwg4N2QYt5Ro/BpsObNXPWpTwd/nGc7P4Dh5Z1aZtZfLzr38Kmz/jv4tRVbVD/rnZEWtbjoNOyIljwZg9ZJP9xYHsvJQ8s2Yk9EIsEotHSn8TrMcHXdNeC8lEf9FAC7JYFWVJxZhsZ28g3O3B/sv4g/DtdOlOvmhlG7Ws+dxX2Cu4a7g3uIe457k/szoA7mT8ifE/KlKGSbR00a4lX4gLKqg7iL7QcoeWgkxTk8VPPchk2nFlJjysSM6kH4QocaVO2xaLXG1T3OFznKXJP8htt2kYNmEyqsBBP9Sn/XpkZKrZGA/4TG+mm2hYnDzAWKMQZPclyUAA9wh0Z7arG/aU+dJdcOTfyjaomCPO/OtXqMWPqyG2bI5P0gqUejOvwqkojgxeJtQ21tQ8He3cGHPliJGDi/vN2IRo3LH6PpNL1ha+3Ykt6m6P1nb1AjVKff+YIR403jk1+lGtF1+rXbgmC4TYDsa69CVhSDN199aj/Htwz98qo9wAkCahzPKJbIy6d8eFk0Eole8M5x8iLFwjde8o3jkIrr+pqvzJfLCuoe8lkX666s6uefJpNZhH5jXxfR4w4tvnWLbpDIUYs3ECCtKdKzYEFK8W2QU/O+iQ0y+f98wrCpYdz5Cm+yBu3RIsS+aLvuIO7lJwMPht6l2lFx0kyZROI2SFMr4spoImqm0ikT75naNOyzD/jfPabHqKXf9hLFxKv4xy5nzd16Ay0VdCWr9w6M366rg5Uv/jxOrLhN3D2XdHcZDoVO8s1dq9ZOvPurwZv0SXzpPUcsvORLRABuD/bCvv/SYlFx5RpoScPyJdIOLRYTp65wqYFv5yyZLN6nY/MW9VI17vLd84RjIPfe13VH0PUvvdpGonELriQblqhq1HSiktQxvSWWUSDqq+m2fR8a6tTRpyCeJSYSu/Rf7q7XdJfCbFM97ztZ1nu8d/Eqz8X+YexRD3VaOCDHMa8pnzuZ28Y9Bz6UoM6s4NU8im35CZejiXuhyqzZpXw17x7yx8TzvFs55I/5F7mV6iF/zJMJ0Rz4Yxwi2zyHhNzIp3+DmbGa/CElKqGDVPVvMDOHqcrftABR56V/UGfl/+Id6gc3Nsr2lA/Z9C7BNa+/nvja155/993XX3hh76OPfu2GG8jsy2H6QDJxVvKsxMcSicHpcHnzB9MHE5jEMpIDE8kJKBcCrVgGKBfhg0IZNnae1HFS50md0aHZZKIkmT0UxSSWEavM+QjhnEosoWZ7pn6UMrUnq35S/aTyKSXbe3BybxaTMKM70DprALVO+KCjDlAffwvpEfTl4INcL0BvDuzXEl9r++3rLzyN73L+P2z+P3mrxMeCkeZr/KlxHxcPbf6J//itJpLPbzTzk2H7/671f5usQL0T/tTJ3qEz0Dvr5A58i0Bvvs2f8B7umT9Nv0mnNv0EB1DqmsKdyZ3LfYN7jfsp9+8obf2B+xAksJhfb8MDoWGjrRXZto7fPL3GxBdUR1GAQQh8CH3sECDr5kvMP69aKg5Vm+cIo/koM7Xi5MiHHhL5j4QeTK00j5RVozV25I0hdqN+yKaG4cA8Y9Y/BC01LC04LZ0K82OJOqhA5YpVrKLSkKcclJ+GQrSodNXq0X5SFMMmFEusGXkmFUYBlfXsRGUYQ/lQlBqqsN/Qy8JtJeYryOTl0NaYJ1OCt2VVlSElq6Al//yBHfySeStAi2aBFbymqpBSBd4OQJD+45e/JGdSuB+VVuGuSaq8A1qcYNhNwRDDQC5hYc/pmrxW1mDclAT4jiAtHT+XoeuBtjg8E2+D7ZrV8VUZop70DcAfIaZ+tGYd245A42eoKrlEVYcuBHUtSirkPsmS7pkH6mV+NJgS9YHawX8EjqbAdxQtaIcXgAZTKYD/KKu4EbC6HtVN8xlVfRSxPanKL7F0DF6888eW9pJmRdTv6db76kuq+pIgvPitr8vXn0F5IPC4qFniwwGBvdj6mNsCKXff79WIpkVU+GkwwqRHEofxF6ktSJKw7/e9lm9RDd8I3yz4s6UHY/DeNxXXUp4MX0uk4+/qFmr3jwVDCFlgQhn8LqgxCYwkKN0tmfKj4/8F38WEZDQej+77JZkJZHw3TSmapuz7gGr4ajTYoUZYkYjai0qsZflmO8PEcRmc89+g36KzUIPVcAX4XIprDX1ku7nB0E92BjeXW4Ay1DJuFbcG9dqTULPdjLzgPO4i7lLus9yVKFdxSF6lUrUuuX69SkvRuh8tYKwk1X1U95m7Gqr7WVT4JeYXexAs4NSs/y/gaSWar/9v4GfOs4WDykDXC/j7Cf7efvvtYO2exm/vXpbyxz/+IVh/99e+Jun6ay+88OKLmBSsb2/fyyDXPLVnz1Phj0H+4Q9/CE6+K4TU29t/+Xcon9q7dwLwiYxOSXDWXXfdJYbA8I1z3jvnnPcv2bF/x479wdZLwbj00uB9Z/Pmtzdv3rHl7LN37PjkJz//+SuuOPnkE3+6nx69HYHfuzQEHpfBX34JmJcgvLt581tbtiD8NgZ/zTWf+9wpJ5/07/tBC36z45z3tm8/gP8y0C+7LPiTs2XLW5vPPAj/mTFUSJSTJwo19h920P3I3w/jVnI3c1/h7ufe5/ZBDabDYaFcTFD5g1Lo0NgHDZ+eDNtDCsXbhpuy6DsZUmaqYD087IW0i5nN2JEKVozpfY2NzuoQ239idksGjxq0X69V6rVBZsqo1PyKx8TdxtFD5j/EZF7f9dIwYIGDRDTPnHZcJLWii8JgwUMChOjsCbN649wr03GbpyfYlkloTsGZwXa+ik1fJK9ervvQbMUo2Bm23TEC1WIJmJMQvoRji0y2Zq+OratV2VUdYqcQRpilxWF9wIoywSF09EPNl4RHxYQmBlc8YPd/tmPupEymBfrvcezOzCwV1CO1Vm2Wp+n3tfH0tvM6S45m1ROgx1tzrXpNiyiOpAK98syfxtyS3Z+qdfz3y+m5ZH0krrtSRJH+uDTQIrFYW+9gTxQ2s/0tlFiBUCoSQuOJI7eJ4E3Jzuzv74dVW5lL/ME/EnxK8k2po3BKulQaLpVIZPN1BHQxa9ZT82vJus6LVkfxnFsoCKUHDcWbpSaUI1V1ZrroxR4MvpdMp6tzFs1peXV/rC9ZbY/Z0L7vRwjS29ujnFJcX4zZdhQ+D+woE09EIDvWab094E0ameRp9IKj40kBm8PaiRDerfBybMj+4MgPbBhXku3t1fb8jsykuUvmpcC9R0nP0jI6Vj3Lm9pyX9r1zrudgip2mfVkLtrqG4ZWRyomOsWuzbdEXrMHUrVSzG0PfpPOHI19FPM1T3rviGqkZ7AnF41F4BoCjCSHLWMN27oavDjy+8GPD4J0zup4IiSwPMumCEQavUXhRxKOi9hR2Bew3houwSztprM6ilFZryWr81vqTA5Xgb/1HN/PP5Sa4s9S1aO0OPYXqA8Gv06NLZxTa0mnfr+fi9qQZ31WIGcrSk9vr5IY1wqFaP8QDuIWViNeKjYMkvFjLiBa/3n9xI37ns4ffSEVw0HGvNTXX4vFPjjqAyeRugGwv/DimvsKu3AN+1wfN42bx63gjuaOQ+rMCSiDTgPfGyHh+YF+Jt6iKFBwJw455l2peagGrxLzIoix/d8YS6DhSRu2qIp2eDIBJzxTNEvhmU4UlrLVrIAyDC0GamtnunzKkXVZ0qJexXzq5x3jL0V0+LMeueyuDt9WJXVGdeDU6NTTk61PxKMR52uyftxh1sCnEvFj16wwlO099f65ToImU5Y5LftJXtIjrbE2ckewF0aCP7z99g7obD1KjanVFfWOtbXpqxKVbft+nuk4KW1YlkHeO713/vC0k3qnr29riRwNcxbcCIOObUeC925dsE4iUyf95YxZZWnG2NlvBotzuY4N9cmjUz6ZvybVH0vp6dnw9K5NIxy/f3z/1aHfagXp4MncdibVsc25OpN8WG/kGsZZms9NWGlpjTlG2U2RHlVvygQ9pqNUKTtL85Gtt9KIY/9BeDSebTpYH31B4JAEendwlOV5FnxFNePxtaWWvBUd6ir0t+ZaIp4ZqfR0H5lrIbG0zS8g/XnyZL6fLIKB1WCo4zNUs6P1yFIcu6W30F+PWYloPGPFJvXVFlvjKRTSPcuPKErWQH7f++uPnnUXFwIVqZ2OUUN9w6kTNxJrBWjNelbEbgdo90A23YQ5PpxnMnKevNTev+8tnK/MxqLC+V4XcSJ2KyE5JxKxLTtLYECBbujJxXJ2W8Loj7XFcj13QU+WPSfN/mg2lu1h+mU61C9d+vFw7o6hVHEW9znueu4O7jHue9xb3B+5cdDAQ1xTYQWcBhfBFXALPAQ/hP8kBkmQAunjuHqTSzFTRuMsn1hie4NsY8eb+FZLje3aME9N+KfQKP+CiIS9jiugCYs8oM4YSROWmUlKORdpajFkTQeQNyzxWMKfcOMPjfihE2xoHJVyJcY8wmencR7VaSQyvlnOwERavXHiGFdYLV8L19wIFOvN44Ch32oI4XvlKuIr+mJ/eGYv5MooguMbY+W1fjaiDXbV5NiIky1oN8cW70jjPBH9CKb5aYjQzkSbTUD+6JeZvYnxToQuhrtijAo0aUaJIRxoIKyi3tO0Rknh0VtcN+HRvIZ9t/F+2Luu6DNVHfWWag0XV/jBiXqoQTAnA1FqZjKTs+c7lUY2O+bENBjUW5Bw+eFxpFHk2qjA4LCFn7Ao5oUJnKxnD7ZaszLlejH/5UR/OxIG5AWq7tW97badyAWn4cJdHzFwuMTglPSUxRm4XrQdlM2368GWVLnkujZcTQw9PprY5vvJ9uBMuwwnJmyXh2BDHsaOzcNOIeNGo9vsYEPPSAa+gJxGwpVobcNXVhKGEJzcBssNReepEpycqMxNwg2qKVmiAuo2eTKF3xuK+TuDp8HrosIXBB3ZSYF/WeIdhUrkOnwWrqO8yMuSKvsqr+6UcBJIuwhQ0bycwk6RlyKECkCpIvI7ke9WVFMsIpBYkBIUCswZp4jJ71Hxd6os2iqGPL8f2Cd4fs/z4rsQ7eiO8XQglgbBEqKpKqXJdDmOejiVY/2ldlzMSUp6+hyeDERaBDkhUVWAliFComa2wpOIGeknfKRU6E35lFYSGi9QGPJkjIqywMcrhHb2ZrPIXyNdXUkYLGg6wQ7AmSYLROV5kI0Ir0Uo1U0BQBZ50FUC2pTD9KAgKThx3pIFmDl5/hJB+gF7fn7pEVptgR10hU75bxkSKCN9YwtF4/uaaejPHjFeE0GAN2l0rKwuXkJfFMUfULL08KHZGmOjwb5WhoT+XFIUaV8rw0F/juE+FCAF+nMmnjxmF/oq/TG4NtKqO852Z4ob54NTbZvcpMsoGQYbMoumtOA0EURJz+rblfE1bqlcH7Th89E23fe3xWf4SRqcbrvkiZibEYINuePGcrALeC9aiW2zx4+HkdWtsIvwRlwxtW3Rkqkw96j1GXI+qHoEZ01wSnJeOQE3KDwRRCWubRPHYamQ4pcKpjoN+0so8IouFIQPBCeBSvZO9rSTaDJv4EslMjpOEt1RdhKcN471BrlWQi0SBQiRag7dSUTiW45UlAxbKSizSLuI0liB4DwCejgfdWS6lI9q5ukoD8FSUOnS8d+QdC7BDx7R2ol0IVU8oa89nkJR+bh2cHSkme1+4ah2MXifthVa+KHl6ZKoaKIh0+JJ/bGc0QqDxHfSh/fReCZFEl5b17GFmCSQ4D8gb3pQOqFdkVFqXteZ7PxZebFHomoKSFErrL4WZN6t6IJsFjWBCBSHTROTUyj2uyaRWCsOlS6a78rTbYVNJmGuLK4VZMmCNYo4JWV6yJw0iEwRhdUKgOmaa88zaGKyeCSKu+QYQR6JAf0xKymbihJCI0wrEgLGlzL7A+RLSZQH4lwW9d6juY3cmdxnUEN6iHuJ+yX3AReABBFIQA550xAKWWOwBFbDcbAJzoIL4BK4Cm5g+4kTwgLb0y4jPR2Bku+JSEqrSHNdkRns8yGEBaV6KDW0No9EV5G/iIUGWWbaU55pU8X+5jFxBjHxfaRwF0xyPdShs023mmq0cYLTjTrN09w5jCK7CuW+EhSr0aH8BHS0eY402mAA7ENpWGWWaWwIWY82zrK6UbYvyMg5Q88oth/1fOSJMIGYfRytWIpS5mUx1OADjAqHnokNJY2GkY+yJlIwIhxwOp84qSr9XUrp71L8UEmrhUkV0Sk3ZClWJ6ZMKGD1cPem5jHe3QQiL5dnpRKTO1ZtpbpwzprekaGR3p4EuKTtUZWZVeCsypwWiNeLS8+Q5LhEzz92YEYCZ093zodOmgse7JqSJMnpA4UcT/lsvm80SRPDPfNPc8A77WXm64m0RlOYCrFj32mRlEUV2A7gRp6NeAAnKRBJjn9PkIJLJd2k15iGFHxRFGDtvtPs1hjRYRuknGedFMCJKpG11vF7ERB0z6DXGJ6kW8EXeYjozyKlIFP3neaoSCTgHAHMZ01G4E5UY+PfV4JLBVmm18iyEHxRghgYrmE6xjHQ+PrZj5y0baedz2KS4ZjTmqlXNVJRlk0kCslkDKmia5o/ibpuznVjkspMV9cckvcr07ZN3bV1QqwkKMc0QWWVfSFsSpjpQYydqU2C/IdUFN+eLwu2OEQTbahx+YTniygTqa+reAXfhFTU8oD2i3K7KNT4lEVYd5m8Kst8/4ngR7DfYrIcTVg0EgdaMohZ+qmuvM7cQzH4T3idkNf3nRVJtxoEew+Wsq3c4F4C4782My0R+l0+uF9Tx3+pJxI6SSg6LOP3ddvZgkUScLjNthDt4P7xdyLtqF6T7eO/1BIJ1DPjcZJEUrhMi0S04H46fntMickkJcmw1DSDexVx/NfRdhTbv2np479E8qMrJKFFYPH4sMb6HIzP6GzbDCKi6Thpx4EXG+nmRp31eiR4laXb9heTBda3c1jHuuYcj/myepM1S9MstfOQvDyg/A+Ak6UfkoYofw+w28HNupOBjZGl9dhpm9it9kCY3fjG3v4/0YuoEn4Ro84tQ/3G9fxKuLthhuccfeZYU2GOAP9034J9FKckHfheTONLIR99L6YPyD2+JcC0vn/tnUaQYBRSz6faTx7/994R5vNF8qHv1/j9qQJAIUXyLYVCy/VHGzF9HRvAdXrMOFrVkTjfdBjVVjXKLJVWh9Dj0/ABrmk4jwWn9U0jo9DeEpzWwrSTFrgG7x80sdj6gQjHvquBdJwgHZ/LLeQO55ZyR6B2fCS3jjuWOx415JO5U5Cyn86dzZ0Xnu/9RHjK47Pc1dwN3B+Agyjrp3x4qFDypVLDU8zNV8ONV+a/1Ph+Gjv2z8Ro5so0SpmjktdK6q1EYsJ4K1SkuijVQvMkBiI+WUh3MaWe90ueX8LU8F5n31xg+7KiNEokBKhLFZbZCiV2JgCRAgv9UtGv5pETkH720ZpGpJoPv3ljEebh3Yjl3QpjHq3EIn7dz1C2H1Bl+sQowdaVwhhlX4AZIUN9JGcS5shGmNtbhjgm5blzBV5EaW7VzassI2XK8s+iVtKQpVU3ruAFweSF7ecJvC5RYeWNq61UMvJG1DCSkVWqftlKXtBFXjjvOkIEviDx/OFbjxRpRtCMjKalSFa4XxjWtGXi6hLfB7zMs1PKAhWTAq9hhRdK/FaEuFASxe0CjfKElwSV8qrAU2Hd6YLM64ZsLF6wxE0aqRbL2+S3WCk95ShjCxZLjqTxsnA6g9IkCxs7snCRq6da0qZ/ipc20wxOHlmw2LAkTUCBJxDaVqxdPjOfn9G4rawe0dOzdNOWjY0bvPxU1DBTsrTy5pUKoqbk3HMFQZV4YcWNK2XJSFqRn0dM1ikrb14laap4wXmsz+TVqnHZallKGUYEV7shnSaL4hFbF/IkiuKLzvMqUQmJ8XyJX/gCZsqp+zWr1dR1fUSRPS0q45xFFa4TBfXzZT4tSjI2AnvOimj6l9j7tiR1B3tAtyRdocIZZ7BOkSxdmrtwkdpupI20txHftsVIOZLC3lY2NYQ7/TRBwoGxDEWetmCxkzRTVouunZY98PZ4W3Gpd8TGLZuO6G70QjdwVugn9Wmyj0twNW5l6EFxBXc3913up9zvgSBzKaKscRg7wyD5HrOAlgrFUXwIvw9arhdqQwJLQg3Wl3IDjbRJUC0xQyuCw0GA/aHpGPU3AZl1gXFyRNTMQxQ5BHcwXkb4ZkX/TytlWBqVFsLCzapYARrW7X/UFtqEbcA0yxcOVBQ2tlyoHPw5LSZG4Rpr+vRP7Jt1s+Pm7GNUFdcLXe+LJbpxmjEtGg32GgUj2BuJTDLq8ThMY5+HHfGDC1Nu8HRLy4iDJBKm6VkNRmY7s1Op4Gk3uH8AFdxpsb4YTLPtqlijikKDvVaHFTzFogOTJrD4wV72xdqn4+0wgrXAyEfVkZ9M1YcPqn2KMfnva5/uTA9rb9NhZJYzq1H7A+WDah8Shv6m9gr0NQrDNK/qwkhYKOXHgqcPKhbsjXkOFhAkmYcRLAsjIZqnreDqidcN9mpZPdgL0FKRNbkP14dwvijLY4rezb7beT5jAEV9vigOg1oTgIdvtCVaZfl2UbxDltKJtFE07lCUO4zCO+odZtnMlrJwhyjeDu2lvDVo3qGCzI7N3q4otysZNYUKiaxLcIcE8h0g6TIkFt6hqncgkttV9XajmLwjxHu7JN0uB79rTWSwJknClNZE69/UlC/l4SsIDflSrlGTkjyoJi3ZqEluVpQc0m63yiarzSxbt2twk3KHmlZZPrspwUXS7VTSRXKgxB3SbridvQoLyptZz2zGLsLrEl3Z0DgJuUHRb0Ap/xyR8OfgnWt8/2L/DjqHfpxzuAI3jJzyeG4rdzF3KbeLu5O7l3uAe5v7I7cPZJSN26AH9Zxr4Va4D3Y3zqj0A3PyG2Zbzl6MMZ9CQ4EYhRrSsTwqnAegQr1kAoxZb0io8GRD2xhhx/ntCdBqxf8n2Nh3opjuw+SVNKogpdDv5OAP23iHftimD7U05pjiMsg629thu1WVerWUl3IIw/i0CVhtPsxpNBGLI9/vDh2o/skns/7H6Y2qWSeEdbvOwXXnwjM+h9Qu5ZlVz2IfsGafbB2FSvi1ZXbwi5GTMKMSmukbCcVKveK7kn+w76oUPjAbYVN1wki4d1YkPw1GE3mej0yZK+gvKOLqU+eXUJ8JTGJq8JRiElIYW7/ikZlVC94MRpPtVLAmzyOq+IIqHrlpQQdB0BNVYe5ki6e5BDzlt/K0NH/jUYL8rWBUixDeqs56dOX6uUVCzaCFGCo8JRuEFuaetPwhhjN2O2oK0m3MTeD6Cy64+na2bG+TUQS8hxlnbkcJWxFv+/zHP3HhuedeTKgsEU0wa7Xas1VUczImrxEpYhA5knCNqYL6Mk/nqOpsnu+RiWqv2ErIlpUrt7BwbC0ha8caISp8dOuqVZi7ddWKzYRsXoEh3bx8bB0h68bGjiHkmLE5axBy9py1AGsnUSopRKOaVB0a+s4QZCJYqxw1qWQajqCZUwXtZYHO0bTZvNCNco7B68yACgIu7D6ezlZAnU35l2VhquH6McRkiojNyFAK9edqk5ZL4jJBjQjLBVyi4nJ2HHyZqK+VFGGZYCj8cv6CtkTvPbDsZk0668Lg2VsVPzlVNVRF3QWd20/fGTx+x6ZskgF8Canl1guDZ76sxFPUUG4O7runN94KkPCUW2HyBWdJMB43td7bYM71cMb24MfXq4qWUAxVVndC57bTdwVP3EYuAlUek5lrALsVsofpyhgbkTHJPFWVxiRVEzAYKxaFtAnEkDt1SCaS8wTQO2WDR2EHepwlEsmKWr8mZlFBksbnky0rmiOxGU47MAhja4Or6ZaVjVFYuQWuomeuWH4mIWcuX3FmsJOsmzuXjQaGMBfWzgkHgoVzgUTkTklOeMm5yHvMTsUUZCWpa763RCZZSe/XxRy+c2SR1ilphIAoprE5Sr8q5EBcYndCGsdGkzs1+bBUquVs7HZLCwOKfR/VIQy3Kwb2PrCQD30idvDTUX9wuE5uBPWmU7hzUEe4EeWfx7hnuO9zv0aqaCAR6kWCtAbOhythF3wBboLd8Ca8B3+GAPYjjcw1zBITn/ZyxNApk4WOF36MsR46VfeFnpr/F5AlJsWzM35MopfC7/OW2YZ8KcTQ+AR0iKI+8XHo8MPPlQxlNqQmDPtEQB+hYem2sPREct/EPli4rdXY1WpsHf6jFjY8YxsflQ6P0ZRyH1UQHnZtYKrVG9XnDqlfqjWVrPD8YrilEG47OFJ4nIfZ+quNLf58tVirVP1KYwsh/OAsjnN4wN6RXC+0YzG4elMIkyoo8bnsMFq9sRHCTkpWSo0jQL7D9i5qzAWh8dHBelNUq7vse0D5xlkhn1mw7NALFws4fr0Bi+S51DBOIbxP2jY9uXDp8uVLFz75ykRk4ym75y+aPn3R/N3f333YohkzFh22+5RNexYuW7ly2aInX2lEFu7ZuPHJhUuOOGLJwidffnLh4UuXHr7wyQ2n7F4we+GCOQt2vzQROfnkx3aOjFz32Pce2zk6uvOx9ec/Iwjf+e/viOIz503f3JsdAhjK9m6+aEtv2xAhQ229W0YKg3Yk3uK2uQYdbI/aVhSgNKUImpfQPo6FnwFg4Y7z9wjCnv/aI4p7zhvd0mfPpnSW07flQozO4vlZdt+W0dHNvYVevDZfiJGeHoyMlCrgRBKtibysGXSokPQiMYC+2f3U0KSM19YJELMcR0/5GnS2SlHZxMrbq+1Yud8lSXxba9dM8iNFeUUGqV7IWaZGqIiCnyRRPhVtLZWJhhrgD0UZjJuyySkqpt/cMSOaQpUMiakoqpPSHfQe5uC02zYNZn4TlUwmNpRBUf8VRfkRGS4VYpYGlEhUVFSe0hYv57R8UcLfDwSFKiRdjg1pgkgEEC7KxTGPUlQ4ebXeNkBw1J9juO+2Mue5rjtlbBjles9xh8em4CPEXdvrzfZ6tnsgErzlut60w6Z5DC6MINxkLDJpxmTXcfGaPGMSIgnecW27r7/PdpxmxHb/y+3oau3qcN2O7nR3p/PKQF8//voG7jZ0uSVitci6wWJWhMXuh8F2fyzTTbrKNbt94LeQbZnppovFjFWupscfKQ+WB/EqPwH9XV19fV1d/XcZutDix1sEhkVoifssdoOhqwk/obK0ZuR+nMzxeZlegAEvUXeKlQ870rPjub7eXKwWd7vfwWH0ZjEDTGZy2Wrt+knUTE33Uu2FlFGuJb36pNqGnsmJGEQADN7r7ap2r+lxYrwAoipEneMX14t9NoguIbKoET+75KKRsg6fcBdNWXqCY6NayQ+MnLe45Ks4vjJzgAgurG48oTvZoaE8hUhj3kBvvXddv+PIjNvqjnvyimmdCVvRZCDEFkErJeZtn1QWeELhYjddmrrsJDfGfECGJp27oDeuilRgqElTv32e/AFjrVw3N4mbjfLvkdxJ3Oncudwl3Oe5m7m7uIfZ/0jwd5Yx9rlodgyNefTmaeOEayhmCc0d29A/Kjw8FGaIeebEP0Ka5LBpxbYn0g7+TuPBaSZkSHi40D+4dDOVfTMrZAThbmfpoDjdMP7DTvZt7E7SF7q7jn8t1d6eIn1JZlNLDkjCMlGMSUfwavAOyhyfEFBCEy4WZirCsaJsi8fiOjnfbjWlVCHvQj4VmjGjn7BbLRnROO3sVEA8Gt2NCSFIe1Ix/7+xM/MKCnAJ1oG1qaiAtHHycQAFBbmAkfb3FTsHsBknBiRd/qWAGnmMc4CkBmhBbjl0QW6npjmwga8i/a9TWoVRTYqxXErt3w22KHYhFvYooAONOHnZOli5eFk7WEUZ2Ro4hJg4gES5CNBfHPzywtLK0YKgXQqC/66JKqtKswOFpJSjgHygS1MhInIiQBFOQUFeYCOOk1fgD5JWkCgLOz8njwBjOrAFwMkIIjwYOflALD5OyJm9S1mTmf2AaSWAgQFUBZpBj/sATYKD92WAF8AJgjeJmpmrsYHXdYDPtQXVeJD5HPACcNA5+mrqoAMVYJtA1NWYyxzLDBXkbaeFxCy0l5MzBTZ7gf1ZTj5G1idr3PqcrbTdFLznefO6xEuyCDtqK2l6zfeWTvPicOp2rtmhJsIhISqgoeJwuuY4IwewFGNjllBV4mE3AoaroxU7j5b+v2/c3JzsJlZrX3AwHuUVVpbXcY0W4Vfn0ChyNYlWlRFVFxDxqtRgURDk/WfDP7PExllLQ0jUyt69ySyxiJGVkeOYsoL26J6A0T0BI3NPADP4rI6DzA7gWsIddLY+dKc+6CANPkbobn0x0JIZ8O5UlHO2cc6amKgxb6vRklJSUiz3C9gQ4FeuCGPaGtVwy4r+M5h5moXl9EwwyVogKidawC8qyg9jMNcY2aJqAzOltGq4RGXNYPqAJGMHij4wA/X8aFXQij5Gc05GJhVG1b98TJ/+3VZmTPo3z4kRmI5UVf7N+zcPcTbrfKYNkLNZhRmBPjZE34sLWhmlagJaQWeWySgIOZqVyRC0j/LvBfDRrP8+cDLbgY9mzQQyYUez3uSUEub89wH5aFYAoVT+XXicY2BkYGAA4tU9v6Xi+W2+MnCzMIDA9V2LlsLo/2/+17M+Zp4C5HIwMIFEAYHqDp8AAAB4nGNgZGBgbvjfwBDDtur/m/9PWR8zAEVQgBsAvtYIDnicY2FgYGAhBjMSqQ4n/v+GbL0cSGz2///R5VlPAOmE//9YBLDa+5dFBEhLAuXR/WEPxJkMDGyrgDSaXgCjug3TAAAAAAAAAAAmAEwAdACcANIBAAE8AVYBfgG2AgQCUgKWA4YErATcBTQFpgYIBrAHKAduB3wHsAf2CJ4IuAk2Cr4LCgtCDDIM5g2wD4YQShFAEnYTfhRkFOoVdBYaFuoXaBgUGDwYkBouG84dSh7EH74hoCJCIv4mSiiyKS4q0CzCL04yQDNWM9g1VDW+Ndg2EAAAeJxjYGRgYHBj0meQYwABJiDmAkIGhv9gPgMAFykBrAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtUml30zAQzLSxE9I4vSil3PdRCDQtlPuG8jP6FFux5ThSYlkk9q9n1wn9hN+zbGl3Z2ZH21hrLJ9O4//PGdawjiY8+GihjUvoYANdBOhhE1vYxg52cRl7uIJ9XMUBruE6buAmbuE27uAu7uE+HuAhHuExnuApDvEMz9HHC7zEEQY4xgle4TVO8QZv8Q7v8QEf8Qmf8QVf8Q3f8QM/8Qtn+N1ojYROnBqsvsfNTFrbmZhcOj0yWeTHTuihClRoaK+LMJHhuBuaiVI2FCoSumkLkTe1XBQtEUU5lQfCTsYFVxwNTk/akZnrzIioWaiJ9KaJ0dKLnUlVe6F0zO+6LOVGYZx1qRK6VD6JiSMRDIXhA5uoqdLt2Li5I37fcqbZoWMq5gQq7YdmWvo2MW6mmlaKvBUp7kh0RJ6beT+To8KfS64Ixk4o6yJhEqIJGIA6GdZrpzRuhRgwAHcfl7RsEtuEpOZSV4nUsT8lLKe9RFbOeCOpF8rTVKc8q4imZ4mJSgnLZMr5BXXhjE96Fk62L0AoXAnVpZezK0as9ZTkuTCxMIE2xC8tXQ2dN6e5/ONRaiYOiDKTqr/qor8gjRVZGw96DF2RWmEYdDeqkUsKLdnJSp+6pM8+U1WJiykWsh4yICPBe6kiz91ql6qq9n+/cLw9p9qJOefGNJWn1CqJCxMKElSqNpfFFI9r6TtDypywxxcpvVKVwvAdj1jQwUzxVP1jy8hlMpe1bVfCEDln1hpi2Z7VI0M0F/baWtZh3TyNFbtR8A06Jk5kqvp0H8QrdOb02Jn+Fv+TyljL5d12lxbxOlOd5exxfGM5OrmKk6JTObMajEbjL7AlRU4A) format('woff'), url(//at.alicdn.com/t/font_818486_1elsyk8k3va.ttf?t=1536459173403) format('truetype'), url(//at.alicdn.com/t/font_818486_1elsyk8k3va.svg?t=1536459173403#iconfont) format('svg') } .iconfont { font-family: iconfont !important; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-fanhui1:before { content: "\e608" } .icon-fanhui2:before { content: "\e609" } .icon-less:before { content: "\e6a5" } .icon-moreunfold:before { content: "\e6a6" } .icon-guanbi:before { content: "\e648" } .icon-iconfontcheck:before { content: "\e61b" } .icon-comiiscaidan:before { content: "\e603" } .icon-star:before { content: "\ed1b" } .icon-next:before { content: "\e727" } .icon-address:before { content: "\e62d" } .icon-asmkticon0163:before { content: "\e7d4" } .icon-download:before { content: "\e6af" } .icon-time:before { content: "\e6aa" } .icon-phone:before { content: "\e624" } .icon-guoji:before { content: "\e6d1" } .icon-xingxing:before { content: "\e604" } .icon-eye:before { content: "\e636" } .icon-tousujianyi:before { content: "\e799" } .icon-fangda:before { content: "\e616" } .icon-baojianshipin:before { content: "\e8ef" } .icon-gouwuche:before { content: "\e606" } .icon-sousuo:before { content: "\e628" } .icon-shixinjiantou-copy:before { content: "\e6a8" } .icon-shouqi:before { content: "\e65e" } .icon-sear:before { content: "\e7a8" } .icon-dianhua:before { content: "\e666" } .icon-arrow-left:before { content: "\e766" } .icon-weixin:before { content: "\e605" } .icon-kuaisudaohang:before { content: "\e612" } .icon-jiancaibancai:before { content: "\e601" } .icon-youjiantou:before { content: "\e600" } .icon-dianguangyuan:before { content: "\e67c" } .icon-shimingrenzheng:before { content: "\e653" } .icon-peixun:before { content: "\e6ca" } .icon-hezuo:before { content: "\e79e" } .icon-fenxi:before { content: "\e79f" } .icon-nanti:before { content: "\e7a0" } .icon-siwei:before { content: "\e7a1" } .icon-sixiangjiaoliu:before { content: "\e7a3" } .icon-tansuo:before { content: "\e7a2" } .icon-huaxue:before { content: "\e62c" } .icon-renzheng:before { content: "\e60a" } .icon-jiazai:before { content: "\e6cc" } .icon-zaixianzixun:before { content: "\e63b" } .icon-jianyanbaogao:before { content: "\e66e" } .icon-nongyeshuijia:before { content: "\e607" } .icon-prev:before { content: "\e728" } .icon-xiala:before { content: "\e635" } .icon-fenlei-daohang-xuanzhong1:before { content: "\e638" } .icon-zhenzhimaoxian:before { content: "\e60b" } .icon-dianziyonghuaxuepin:before { content: "\e645" } .icon-youpin:before { content: "\e646" } .icon-jianzhugongchengcailiao:before { content: "\e647" } .icon-jinshucailiaojizhipin:before { content: "\e649" } .icon-tuliao_youmo_jiaonianji:before { content: "\e64a" } .icon-shuichulizhuji:before { content: "\e64b" } .icon-jinshujiagongye:before { content: "\e64c" } .icon-biaomianchulizhuji:before { content: "\e64d" } .icon-yiyaofangfaxue:before { content: "\e64e" } .icon-qichecailiaojilingpeijian:before { content: "\e64f" } .icon-zaozhifangzhipige:before { content: "\e650" } .icon-qingxiji:before { content: "\e651" } .icon-xiangjiaosuliao:before { content: "\e652" } .icon-zhongguohangtiantubiaoheji-weizhuanlunkuo-:before { content: "\e62e" } .icon-huanjingnengyuan:before { content: "\e654" } .icon-dianzidianqi:before { content: "\e655" } .icon-fangdajing:before { content: "\e66b" } .icon-arrow-right:before { content: "\e8f0" } .icon-zuojiantou:before { content: "\e8f1" } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0 } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 40px; left: 0; width: 100% } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #fff } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px } .swiper-pagination-progress { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, .5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px } .swiper-container-cube, .swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */ html.swipebox-html.swipebox-touch { overflow: hidden !important } #swipebox-overlay img { border: none !important } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } #swipebox-container { position: relative; width: 100%; height: 100% } #swipebox-slider { -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer } #swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block } #swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px } #swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle } #swipebox-slider .slide .swipebox-video-container { background: 0 0; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0 } #swipebox-slider .slide-loading { background: url(/images/loader.gif) center center no-repeat } #swipebox-bottom-bar { bottom: -50px } #swipebox-top-bar { top: -50px; color: #fff !important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif } #swipebox-title { display: block; width: 100%; text-align: center } #swipebox-close, #swipebox-next, #swipebox-prev { background-image: url(/images/icons.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0 } #swipebox-next, #swipebox-prev { position: fixed; top: 50%; transform: translateY(-50%) } #swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px } .main, .swipebox-no-close-button #swipebox-close, .xs-search { display: none } #swipebox-prev { background-position: -32px 13px; float: left; left: 50%; margin-left: -5rem } #swipebox-next { background-position: -78px 13px; float: right; right: 50%; margin-right: -5rem } #swipebox-close, .header { position: fixed; top: 0 } #swipebox-close { right: 0; z-index: 9999; background-position: 15px 12px } #swipebox-next.disabled, #swipebox-prev.disabled { opacity: .3 } .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring .3s; animation: rightSpring .3s } .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring .3s; animation: leftSpring .3s } .swipebox-touch #swipebox-container:after, .swipebox-touch #swipebox-container:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0 } .footer:before, .header .nav ul li .small p:before, .header .nav ul li:before, .header .nav ul li:first-child > a:after, .header .nav > a.sear.active:after, .header h1 a i:after, .home .swiper-slide.page-3 .wrap .slide:before, .page-ban:before { content: '' } .swipebox-touch #swipebox-container:before { left: 0; -webkit-box-shadow: inset 10px 0 10px -8px #656565; box-shadow: inset 10px 0 10px -8px #656565 } .swipebox-touch #swipebox-container:after { right: 0; -webkit-box-shadow: inset -10px 0 10px -8px #656565; box-shadow: inset -10px 0 10px -8px #656565 } .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before, .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1 } @-webkit-keyframes rightSpring { 0%, 100% { left: 0 } 50% { left: -30px } } @keyframes rightSpring { 0%, 100% { left: 0 } 50% { left: -30px } } @-webkit-keyframes leftSpring { 0%, 100% { left: 0 } 50% { left: 30px } } @keyframes leftSpring { 0%, 100% { left: 0 } 50% { left: 30px } } @media screen and (min-width: 800px) { #swipebox-close { right: 10px } #swipebox-arrows { width: 92%; max-width: 800px } } #swipebox-overlay { background: rgba(0, 0, 0, .8) } #swipebox-bottom-bar, #swipebox-top-bar { text-shadow: 1px 1px 1px #000 } body { font-size: .14rem } .main { overflow-x: hidden; width: 100% } .main img { width: 100%; max-width: 1920px;height: auto; } .wrap { width: 12rem; margin: 0 auto } .paging { text-align: center; margin-top: .3rem; font-size: 0; width:100%; } .paging li { display: inline-block; font-size: .14rem; margin: 0 .05rem; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; text-align: center; width: .37rem; height: .37rem; line-height: .37rem; border: 1px solid #ccc; border-radius:.1rem; } .paging li a { color: #999; display: block } .paging li.next, .paging li.prev { background: #f4f5f9; width: .7rem } .paging li.active, .paging li.next:hover, .paging li.prev:hover { background: #004098 !important; color: #fff } .paging li.next:hover a, .paging li.prev:hover a { color: #fff } .paging li.active a { color: #fff } .paging li:hover { background: #f4f5f9 } .load-more { text-align: center; margin: .6rem auto } .load-more a { font-size: .5rem; color: #a9a9a9; display: inline-block; animation: zhuan 1.6s infinite ease-out; -moz-animation: zhuan 1.6s infinite ease-out; -webkit-animation: zhuan 1.6s infinite ease-out; -o-animation: zhuan 1.6s infinite ease-out } .header { left: 0; z-index: 200; width: 100%; height: 1.09rem; border-bottom: 1px solid rgba(255, 255, 255, .15) } .header h1 { width: 2.3rem; text-align: center; height: 1.09rem; float: left } .header h1 a { display: block; /*height: .36rem;*/ /*width: 1.17rem;*/ overflow: hidden; /*margin: .28rem auto;*/ /*background: url(/images/logo.png) center no-repeat;*/ position: relative; background-size: cover } .zs1,.zs2{ position:absolute; height:0.8rem; cursor:pointer; } .zs1{ width:0.8rem; } .zs2{ width:0.6rem; left:0.8rem; } .imga{ display:none;} .zs1:hover .imga{ display:block; } .zs2:hover .imga{ display:block; } .header h1 a i, .header h1 a i:after { position: absolute; left: 0; height: .02rem; bottom: 0 } .header h1 a i { width: 95%; overflow: hidden } .header h1 a i:after { width: 100%; display: block; animation: logo 1s infinite linear; -moz-animation: logo 1s infinite linear; -webkit-animation: logo 1s infinite linear; -o-animation: logo 1s infinite linear; background: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, .5)); background: -o-linear-gradient(right, #fff, rgba(255, 255, 255, .5)); background: -moz-linear-gradient(right, #fff, rgba(255, 255, 255, .5)); background: linear-gradient(to right, #fff, rgba(255, 255, 255, .5)) } .header .nav { float: right } .header .nav ul { float: left } .header .nav ul li { float: left; position: relative } .header .nav ul li > a { color: #fff; box-sizing: border-box; padding: .45rem .26rem 0; height: 1.09rem; display: block; opacity: .9; position: relative; z-index: 2 } .header .nav ul li > a:hover { opacity: 1 } .header .nav ul li:before { display: inline-block; width: .7rem; height: .63rem; left: -.05rem; top: .25rem; z-index: 1; position: absolute; opacity: 0; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; transform: scale(.5, .5); -webkit-transform: scale(.5, .5); -o-transform: scale(.5, .5); -moz-transform: scale(.5, .5) } .header .nav ul li .down-nav { display: none; position: absolute } .header .nav ul li:first-child > a:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #fff; position: absolute; left: 50%; bottom: 0; margin-left: -10px; display: none } .header .nav ul li:hover:before { opacity: 1; transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1) } .header .nav ul li:hover > a:after { /* display: block */ } .header .nav ul li .service { width: 11.3rem; background: rgba(255, 255, 255, 1); left: -1rem; height: 5.1rem !important; margin-left: -5.65rem; overflow: hidden; box-shadow: 0 0 .1rem rgba(0, 0, 0, .1) } .header .nav ul li .service .left-tab { width: 1.5rem; float: left; text-align: center; height: 6.1rem; background: -webkit-linear-gradient(#004098, #009fc3); background: -o-linear-gradient(#004098, #009fc3); background: -moz-linear-gradient(#004098, #009fc3); background: linear-gradient(#004098, #009fc3); background: #004098\9 \0; } .header .nav ul li .service .left-tab a { display: block; height: .85rem; line-height: .85rem; color: #fff } .header .nav ul li .service .left-tab a + a { border-top: 1px solid rgba(255, 255, 255, .2) } .header .nav ul li .service .left-tab a.active { background: #fff; color: #004098 } .header .nav ul li .service .right-nr { width: 9.8rem; float: right; box-sizing: border-box; height: 5.1rem; overflow-y: auto } .footer .dl, .footer .dl dl, .header .nav ul li .service .right-nr .nr dl, .header .nav > a.lan { overflow: hidden } .header .nav ul li .service .right-nr .nr { padding: .25rem .4rem; display: none } .header .nav ul li .service .right-nr .nr dl{ column-count: 4; column-gap: 0; -webkit-column-count: 4; -webkit-column-gap: 0; -moz-column-count: 4; -moz-column-gap: 0; display: block; } .header .nav ul li .service .right-nr .nr dl dd { width: 90%; /*float: left;*/ box-sizing: border-box; break-inside: avoid-column; page-break-inside:avoid; -webkit-break-inside: avoid; -webkit-column-break-inside: avoid-column; } .header .nav ul li .service .right-nr .nr dl dd h6 { padding: .15rem 0; border-bottom: 1px solid #ddd; margin-bottom: .1rem; font-size: .18rem; font-weight: 700; padding-left:0.1rem; } .header .nav ul li .service .right-nr .nr dl dd h6 a { color: #333 } .header .nav ul li .service .right-nr .nr dl dd h6 a:hover { color: #004098 } .header .nav ul li .service .right-nr .nr dl dd p { line-height: .28rem; font-size: .16rem; padding-left:0.1rem; } .header .nav ul li .service .right-nr .nr dl dd p a { color: #000; } .header .nav ul li .service .right-nr .nr dl dd p:hover{ background:#f2f4f5; } .header .nav ul li .service .right-nr .nr dl dd p a:hover { color: #000; } .header .nav ul li .service .right-nr .nr dl dd + dd { /*margin-left: 3%*/ margin-top: 30px; } .header .nav ul li .service .right-nr .nr dl + dl { border-top: 1px solid #ddd; margin-top: .25rem; padding-top: .1rem } .header .nav ul li .small { width: 1.5rem; left: 50%; margin-left: -.75rem } .header .nav ul li .small p { height: .5rem; line-height: .5rem; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; background: rgba(0, 0, 0, .36); margin-bottom: 2px; text-align: center; font-size: .16rem; position: relative } .header .nav ul li .small p a { color: #fff; position: relative; z-index: 2; display: block } .header .nav ul li .small p:before { display: block; position: absolute; left: 0; top: 0; z-index: 1; background: -webkit-linear-gradient(left, #004198, #00b8ce); background: -o-linear-gradient(right, #004198, #00b8ce); background: -moz-linear-gradient(right, #004198, #00b8ce); background: linear-gradient(to right, #004198, #00b8ce); width: 0; height: .5rem; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; opacity: .2 } .header .nav ul li .small p:hover:before { width: 100%; opacity: 1 } .header .nav > a { float: left } .header .nav > a.lan { padding: .6rem .26rem 0; height: 1.09rem; position: relative; color: #fff; opacity: .9 } .header .nav > a.lan:hover { opacity: 1 } .header .nav > a.lan span { position: absolute; left: 0; top: .585rem; width: 1px; height: 25px; background: rgba(255, 255, 255, .15) } .header .nav > a.sear { width: 1.59rem; height: 1.09rem; text-align: center; color: #fff; opacity: .9; line-height: 1.09rem; font-size: 25px; position: relative;cursor: auto; } .header .nav > a.sear:hover { opacity: 1 } .header .nav > a.sear.active:after { display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, .36); position: absolute; left: 50%; margin-left: -8px; bottom: -1px } .header .nav .sear-box { height: .6rem; display: none; background: rgba(0, 0, 0, .36); position: absolute; right: 0; top: 1.1rem; width: 4.5rem; box-sizing: border-box; padding: .15rem .2rem } .header .nav .sear-box input { width: 100%; height: .3rem; line-height: .3rem; color: #fff } .header .nav .sear-box input::-webkit-input-placeholder { color: #bbb } .header .nav .sear-box input::-moz-placeholder { color: #bbb } .header .nav .sear-box input:-moz-placeholder { color: #bbb } .header .nav .sear-box input:-ms-input-placeholder { color: #bbb } .header.blue { border-color: #d8e7f3 } .header.blue h1 a { /*background: url(/images/logo2.png) center no-repeat;*/ background-size: cover } .header.blue h1 a i:after { background: -webkit-linear-gradient(left, #004098, rgba(0, 64, 152, .5)); background: -o-linear-gradient(right, #004098, rgba(0, 64, 152, .5)); background: -moz-linear-gradient(right, #004098, rgba(0, 64, 152, .5)); background: linear-gradient(to right, #004098, rgba(0, 64, 152, .5)) } .header.blue .nav ul li:before { background: url(/images/nav1.png) center no-repeat } .header.blue .nav ul li > a, .header.blue .nav > a { color: #666 } .header.blue .nav > a span { background: #d8e7f3 } .header.blue .nav > a.sear { border-color: #d8e7f3; color: #004098 } .footer { padding: .78rem 1.6rem 0; box-sizing: border-box; background: #f3f5f8 !important; position: relative } .footer:before { display: inline-block; width: 70%; height: .1rem; position: absolute; right: 0; top: 0; background: -webkit-linear-gradient(left, #004098, #00c3e0); background: -o-linear-gradient(right, #004098, #00c3e0); background: -moz-linear-gradient(right, #004098, #00c3e0); background: linear-gradient(to right, #004098, #00c3e0) } .footer .clearfix .desc { overflow: hidden; float: left } .footer .clearfix .desc img { width: 130px; float: left } .footer .clearfix .desc .txt { margin-left: .4rem; padding-left: .4rem; border-left: 1px solid #ddd; float: left } .footer .clearfix .desc .txt h6 { color: #004098; font-style: italic; font-family: arial; font-weight: 700; line-height: 1; margin-bottom: .02rem } .footer .clearfix .desc .txt p { color: #999; line-height: 1.6 } .footer .clearfix .fr { padding-top: .12rem } .footer .clearfix .fr dl { position: relative; z-index: 2 } .footer .clearfix .fr dl dt { background: #fff; width: 4rem; text-align: left; color: #999; height: .59rem; line-height: .59rem; padding: 0 .25rem; font-size: 16px; border-radius: .59rem; position: relative; z-index: 2 } .footer .clearfix .fr dl dt i { float: right; color: #004098; font-size: .24rem } .footer .clearfix .fr dl dd { background-color: #fff; border-radius: .15rem; padding: .35rem .25rem .15rem; position: absolute; left: 0; top: .25rem; width: 100%; box-sizing: border-box; display: none } .footer .clearfix .fr dl dd p { line-height: .4rem; margin: 0 -.25rem; padding: 0 .25rem; cursor: pointer } .footer .clearfix .fr dl dd p:hover { background: #eee } .footer .clearfix .fr dl dd p a { display: block; color: #999 } .footer .clearfix .fr dl:hover dd { display: block } .footer .dl { border-top: 1px solid #ddd; margin-top: .65rem; position: relative } .footer .dl .clearfix { float: left } .footer .dl dl { padding: .65rem 0 2rem; float: left } .footer .dl dl:first-child { float: right } .footer .dl dl dd { float: left; margin-right: .8rem } .footer .dl dl dd h6 { line-height: .5rem } .footer .dl dl dd a { display: block; color: #666 } .footer .dl dl dd a:hover { color: #004098 } .footer .dl dl dd > a { line-height: .36rem; color: #999 } .footer .dl dl dd > a:hover { color: #004098 } .footer .dl dl dt { float: right; text-align: center; color: #999; line-height: 1.6; position: absolute; right: 0; top: .75rem } .footer .dl dl dt img { width: 1.2rem } .footer .dl dl dt p { margin-top: .1rem } .footer .copyright { height: .7rem; line-height: .7rem; background: #fff; color: #999; padding-left: 1.6rem; width: 70%; box-sizing: border-box; position: absolute; left: 0; bottom: 0 } .page-1 .left-menu { position: absolute; left: 0; top: 0; width: 2.3rem; height: 100%; background: url(/images/menubg.png) center top no-repeat; background-size: 100% 100%; z-index: 10; overflow-y: auto } .page-1 .left-menu:hover { z-index: 101; } .icas-fa:hover .left-menu{ z-index: 101; } .page-1 .left-menu dl { padding-top: 1.3rem } .page-1 .left-menu dl dt { padding: 0 .2rem; height: .4rem; line-height: .4rem } .page-1 .left-menu dl dt a { color: #fff; font-size: .18rem; display: block; overflow: hidden } .page-1 .left-menu dl dt a .icon-fanhui2 { float: right; font-size: .12rem; margin-top: .1rem; margin-right: .8rem; width: .2rem; height: .2rem; border-radius: 50%; background: #fff; line-height: .2rem; text-align: center; color: #004098 } .page-1 .left-menu dl dd > a .iconfont:first-child, .page-1 .left-menu dl dt a .iconfont:first-child { float: left; margin-top: .08rem; width: 24px; margin-right: .1rem; background-position: center; background-repeat: no-repeat } .page-1 .left-menu dl dt a .iconfont:first-child { display: inline-block; height: 24px; background-image: url(/images/b14.png) } .page-1 .left-menu dl dt a:hover { color: #00e4ff } .page-1 .left-menu dl dt a:hover .iconfont:first-child { background-image: url(/images/i14.png) } .page-1 .left-menu dl dd > a { display: block; height: .4rem; line-height: .4rem; padding: 0 .2rem; color: #fff; overflow: hidden } .page-1 .left-menu dl dd > a .iconfont:first-child { display: inline-block; height: 24px } .page-1 .left-menu dl dd > a .icon-fanhui2 { float: right } .page-1 .left-menu dl dd:nth-child(1) > a .iconfont:first-child { background-image: url(/images/b1.png) } .page-1 .left-menu dl dd:nth-child(2) > a .iconfont:first-child { background-image: url(/images/b2.png) } .page-1 .left-menu dl dd:nth-child(3) > a .iconfont:first-child { background-image: url(/images/b3.png) } .page-1 .left-menu dl dd:nth-child(4) > a .iconfont:first-child { background-image: url(/images/b4.png) } .page-1 .left-menu dl dd:nth-child(5) > a .iconfont:first-child { background-image: url(/images/b5.png) } .page-1 .left-menu dl dd:nth-child(6) > a .iconfont:first-child { background-image: url(/images/b6.png) } .page-1 .left-menu dl dd:nth-child(7) > a .iconfont:first-child { background-image: url(/images/b7.png) } .page-1 .left-menu dl dd:nth-child(8) > a .iconfont:first-child { background-image: url(/images/b8.png) } .page-1 .left-menu dl dd:nth-child(9) > a .iconfont:first-child { background-image: url(/images/b9.png) } .page-1 .left-menu dl dd:nth-child(10) > a .iconfont:first-child { background-image: url(/images/b10.png) } .page-1 .left-menu dl dd:nth-child(11) > a .iconfont:first-child { background-image: url(/images/b11.png) } .page-1 .left-menu dl dd:nth-child(12) > a .iconfont:first-child { background-image: url(/images/b12.png) } .page-1 .left-menu dl dd:nth-child(13) > a .iconfont:first-child { background-image: url(/images/b13.png) } .page-1 .left-menu dl dd:hover > a { background: rgba(62, 86, 129, .5); color: #00e4ff } .page-1 .left-menu dl dd:hover:nth-child(1) > a .iconfont:first-child { background-image: url(/images/i1.png) } .page-1 .left-menu dl dd:hover:nth-child(2) > a .iconfont:first-child { background-image: url(/images/i2.png) } .page-1 .left-menu dl dd:hover:nth-child(3) > a .iconfont:first-child { background-image: url(/images/i3.png) } .page-1 .left-menu dl dd:hover:nth-child(4) > a .iconfont:first-child { background-image: url(/images/i4.png) } .page-1 .left-menu dl dd:hover:nth-child(5) > a .iconfont:first-child { background-image: url(/images/i5.png) } .page-1 .left-menu dl dd:hover:nth-child(6) > a .iconfont:first-child { background-image: url(/images/i6.png) } .page-1 .left-menu dl dd:hover:nth-child(7) > a .iconfont:first-child { background-image: url(/images/i7.png) } .page-1 .left-menu dl dd:hover:nth-child(8) > a .iconfont:first-child { background-image: url(/images/i8.png) } .page-1 .left-menu dl dd:hover:nth-child(9) > a .iconfont:first-child { background-image: url(/images/i9.png) } .page-1 .left-menu dl dd:hover:nth-child(10) > a .iconfont:first-child { background-image: url(/images/i10.png) } .page-1 .left-menu dl dd:hover:nth-child(11) > a .iconfont:first-child { background-image: url(/images/i11.png) } .page-1 .left-menu dl dd:hover:nth-child(12) > a .iconfont:first-child { background-image: url(/images/i12.png) } .page-1 .left-menu dl dd:hover:nth-child(13) > a .iconfont:first-child { background-image: url(/images/i13.png) } .page-1 .erji-menu { position: absolute; display: none; left: 2.3rem; z-index: 999; top: 0; height: 100%; width: 7.3rem; background: rgba(67, 87, 123, .95); box-sizing: border-box; padding: 1.45rem 0 .3rem .3rem } .page-1 .erji-menu .down-menu { display: none; height: 100%; overflow-y: auto; } .page-1 .erji-menu .down-menu ul { column-count: 3; column-gap: 0; -webkit-column-count: 3; -webkit-column-gap: 0; -moz-column-count: 3; -moz-column-gap: 0; display: block; } .page-1 .erji-menu .down-menu ul li { width: 2rem; margin-right: .3rem; box-sizing: border-box; margin-bottom:0.3rem; break-inside: avoid; page-break-inside:avoid; -webkit-break-inside: avoid-column; -webkit-column-break-inside: avoid; } .page-1 .erji-menu .down-menu ul li h6 a { color:#fff; } .page-1 .erji-menu .down-menu ul li h6 { font-size: .18rem; padding: .08rem 0 .15rem; border-bottom: 1px solid #fff; color: #fff; margin-bottom: .15rem } .page-1 .erji-menu .down-menu ul li h6 a:hover{ color:#00e4ff; } .page-1 .erji-menu .down-menu ul li p { line-height: .35rem; font-size: .16rem; overflow: hidden } .page-1 .erji-menu .down-menu ul li p a { color: #fff } .page-1 .erji-menu .down-menu ul li p a:hover { color: #00e4ff } .home { background: #eee } .home .swiper-slide, .home .swiper-slide .bg { background-repeat: no-repeat; background-position: center; height: 100% } .home .wrap { width: 14rem; margin: 0 auto } .home > .swiper-wrapper { transition-timing-function: cubic-bezier(1, 0, .5, 1); -webkit-transition-timing-function: cubic-bezier(1, 0, .5, 1) } .home .swiper-slide { background-color: #fff; overflow: hidden; position: relative } .home .swiper-slide .bg { position: absolute; left: 0; top: 0; width: 100%; z-index: 1; background-size: cover !important; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .home .swiper-slide.page-1 .swiper-container { width: 100%; height: 100%; position: relative } .home .swiper-slide.page-1 .btn { position: absolute; top: 50%; z-index: 200; font-size: 70px; color: #fff; margin-top: -35px; opacity: .8 } .home .swiper-slide.page-1 .btn:hover { opacity: 1 } .home .swiper-slide.page-1 .btn.prev { left: 2.5rem } .home .swiper-slide.page-1 .btn.next { right: 50%; margin-right: -7rem } .home .swiper-slide.page-1 .page-li { position: absolute; height: 2.6rem; left: 0; bottom: -3rem; opacity: 0; z-index: 100; width: 100%; background: url(/images/p-li.png) center top no-repeat; background-size: auto 100%; transition: all ease-out .6s .7s; -moz-transition: all ease-out .6s .7s; -webkit-transition: all ease-out .6s .7s; -o-transition: all ease-out .6s .7s } .home .swiper-slide.page-1 .page-li dl { overflow: hidden; position: absolute; left: 50%; margin-left: -7rem; bottom: 0; width: 14rem } .home .swiper-slide.page-1 .page-li dl dd { width: 20%; float: left; box-sizing: border-box; height: 1.56rem; background: -webkit-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: -o-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: -moz-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); padding: 0; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; cursor: pointer } .home .swiper-slide.page-1 .page-li dl dd + dd { padding-left: 1px } .home .swiper-slide.page-1 .page-li dl dd .box { padding: .3rem .25rem; box-sizing: border-box; height: 1.56rem; background: -webkit-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: -o-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: -moz-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: linear-gradient(rgba(255, 255, 255, .1), #dbe6f5) } .home .swiper-slide.page-1 .page-li dl dd span { color: #004098; line-height: 27px } .home .swiper-slide.page-1 .page-li dl dd span img { width: 22px; display: inline-block; vertical-align: top; margin-right: 10px } .home .swiper-slide.page-1 .page-li dl dd p { margin-top: .12rem; line-height: 1.5 } .home .swiper-slide.page-1 .page-li dl dd.active .box, .home .swiper-slide.page-1 .page-li dl dd:hover .box { background: -webkit-linear-gradient(rgba(255, 255, 255, .1), #91b3e1); background: -o-linear-gradient(rgba(255, 255, 255, .1), #91b3e1); background: -moz-linear-gradient(rgba(255, 255, 255, .1), #91b3e1); background: linear-gradient(rgba(255, 255, 255, .1), #91b3e1) } .home .swiper-slide.page-1.swiper-slide-active .page-li { bottom: 0; opacity: 1 } .home .swiper-slide.page-2 .bg { background-image: url(/images/p2.jpg) } .home .swiper-slide.page-2 .wrap { position: relative; z-index: 2; top: 50%; transform: translateY(-20%); -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -o-transform: translateY(-20%); -ms-transform: translateY(-20%); opacity: 0; transition: all ease-out .6s .6s; -moz-transition: all ease-out .6s .6s; -webkit-transition: all ease-out .6s .6s; -o-transition: all ease-out .6s .6s } .home .swiper-slide.page-2 .title { text-align: center; font-size: .3rem; color: #666;margin-top: .2rem; } .home .swiper-slide.page-2 .title span { display: block; margin: .08rem 0; font-size: .14rem; color: #999 } .home .swiper-slide.page-2.swiper-slide-active .wrap { transform: translateY(-45%); -webkit-transform: translateY(-45%); -moz-transform: translateY(-45%); -o-transform: translateY(-45%); -ms-transform: translateY(-45%); opacity: 1 } .home .swiper-slide.page-2 ul { position: relative; height: 4.6rem; margin-bottom: .9rem } .home .swiper-slide.page-2 ul li { width: 1.76rem; height: 1.55rem; position: absolute; opacity: 0; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .home .swiper-slide.page-2 ul li a > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .home .swiper-slide.page-2 ul li a:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .home .swiper-slide.page-2 ul li:nth-child(1) { left: 0; bottom: 0 } .home .swiper-slide.page-2 ul li:nth-child(2) { left: 1.07rem; top: 1.17rem } .home .swiper-slide.page-2 ul li:nth-child(3) { left: 3.23rem; top: .58rem } .home .swiper-slide.page-2 ul li:nth-child(4) { left: 5.24rem; top: 1.17rem } .home .swiper-slide.page-2 ul li:nth-child(5) { left: 7.6rem; top: .6rem } .home .swiper-slide.page-2 ul li:nth-child(6) { right: 1.45rem; top: 0 } .home .swiper-slide.page-2 ul li:nth-child(7) { left: 2.83rem; bottom: .25rem } .home .swiper-slide.page-2 ul li:nth-child(8) { left: 7.15rem; top: 2.63rem } .home .swiper-slide.page-2 ul li:nth-child(9) { right: 2.57rem; top: 1.87rem } .home .swiper-slide.page-2 ul li:nth-child(10) { right: 0; top: 1.65rem } .home .swiper-slide.page-2 ul li:nth-child(11) { left: 5rem; top: 3.3rem } .home .swiper-slide.page-2 ul li:nth-child(12) { right: 3.4rem; top: 3.8rem } .home .swiper-slide.page-2 h6 { font-size: .4rem; color: #fff; text-align: center; letter-spacing: 6px } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li { opacity: 1 } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(1) { transition: all ease-out .3s 1s; -moz-transition: all ease-out .3s 1s; -webkit-transition: all ease-out .3s 1s; -o-transition: all ease-out .3s 1s } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(2) { transition: all ease-out .3s 1.08s; -moz-transition: all ease-out .3s 1.08s; -webkit-transition: all ease-out .3s 1.08s; -o-transition: all ease-out .3s 1.08s } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(3) { transition: all ease-out .3s 1.16s; -moz-transition: all ease-out .3s 1.16s; -webkit-transition: all ease-out .3s 1.16s; -o-transition: all ease-out .3s 1.16s } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(4) { transition: all ease-out .3s 1.24s; -moz-transition: all ease-out .3s 1.24s; -webkit-transition: all ease-out .3s 1.24s; -o-transition: all ease-out .3s 1.24s } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(5) { transition: all ease-out .3s 1.32s; -moz-transition: all ease-out .3s 1.32s; -webkit-transition: all ease-out .3s 1.32s; -o-transition: all ease-out .3s 1.32s } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(6) { transition: all ease-out .3s 1.4s; -moz-transition: all ease-out .3s 1.4s; -webkit-transition: all ease-out .3s 1.4s; -o-transition: all ease-out .3s 1.4s } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(7) { transition: all ease-out .3s 1.48s; -moz-transition: all ease-out .3s 1.48s; -webkit-transition: all ease-out .3s 1.48s; -o-transition: all ease-out .3s 1.48s } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(8) { transition: all ease-out .3s 1.56s; -moz-transition: all ease-out .3s 1.56s; -webkit-transition: all ease-out .3s 1.56s; -o-transition: all ease-out .3s 1.56s } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(9) { transition: all ease-out .3s 1.64s; -moz-transition: all ease-out .3s 1.64s; -webkit-transition: all ease-out .3s 1.64s; -o-transition: all ease-out .3s 1.64s } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(10) { transition: all ease-out .3s 1.72s; -moz-transition: all ease-out .3s 1.72s; -webkit-transition: all ease-out .3s 1.72s; -o-transition: all ease-out .3s 1.72s } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(11) { transition: all ease-out .3s 1.8s; -moz-transition: all ease-out .3s 1.8s; -webkit-transition: all ease-out .3s 1.8s; -o-transition: all ease-out .3s 1.8s } .home .swiper-slide.page-2.swiper-slide-active .wrap ul li:nth-child(12) { transition: all ease-out .3s 1.88s; -moz-transition: all ease-out .3s 1.88s; -webkit-transition: all ease-out .3s 1.88s; -o-transition: all ease-out .3s 1.88s } .home .swiper-slide.page-3 .bg { background-image: url(/images/p3.jpg) } .home .swiper-slide.page-3 .wrap { position: relative; z-index: 2; top: 50%; transform: translateY(-20%); -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -o-transform: translateY(-20%); -ms-transform: translateY(-20%); opacity: 0; transition: all ease-out .6s .6s; -moz-transition: all ease-out .6s .6s; -webkit-transition: all ease-out .6s .6s; -o-transition: all ease-out .6s .6s; overflow: hidden } .home .swiper-slide.page-3 .title { text-align: center; font-size: .3rem; color: #666;margin-top: .5rem; } .home .swiper-slide.page-3 .title span { display: block; margin: .08rem 0; font-size: .14rem; color: #999 } .home .swiper-slide.page-3.swiper-slide-active .wrap { transform: translateY(-45%); -webkit-transform: translateY(-45%); -moz-transform: translateY(-45%); -o-transform: translateY(-45%); -ms-transform: translateY(-45%); opacity: 1 } .home .swiper-slide.page-3 .wrap .tab p + p { margin-left: .93rem } .home .swiper-slide.page-3 .wrap .tab p:nth-child(1) span { color: #e99f03 } .home .swiper-slide.page-3 .wrap .tab p:nth-child(2) span { color: #004098 } .home .swiper-slide.page-3 .wrap .tab p:nth-child(3) span { color: #009280 } .home .swiper-slide.page-3 .wrap .tab p:nth-child(4) span { color: #0192db } .home .swiper-slide.page-3 .wrap .desc dt { height: 1.2rem; width: 1px; background: #dbe9f4; float: left } .home .swiper-slide.page-3 .wrap .desc dd { float: left; box-sizing: border-box; text-align: center; border-bottom: 1px solid #dbe9f4; color: #666 } .home .swiper-slide.page-3 .wrap .desc dd p + p { margin-top: .12rem } .home .swiper-slide.page-3 .wrap .tab { margin-top: .1rem } .home .swiper-slide.page-3 .wrap .tab p { float: left; box-sizing: border-box; border-radius: 50%; border: 1px solid #dbe9f4; text-align: center; width: 1.28rem; background-color: #fff; margin-right: .4rem; margin-left: 0 !important; height: 1.28rem; padding-top: .3rem } .home .swiper-slide.page-3 .wrap .tab p span { display: block; font-size: .18rem; margin-top: .15rem } .home .swiper-slide.page-3 .wrap .tab p i { display: block; height: auto } .home .swiper-slide.page-3 .wrap .tab p i img { vertical-align: middle; width: auto; height: .3rem } .home .swiper-slide.page-3 .wrap .desc { margin-top: .1rem; width: 9rem; position: relative; z-index: 3 } .home .swiper-slide.page-3 .wrap .desc dd { width: 1.5rem; font-size: .18rem; margin-bottom: .17rem; padding: .2rem 0; height: 1.4rem } .home .swiper-slide.page-3 .wrap .desc dd span { font-weight: 700; color: #004098; font-size: .4rem } .home .swiper-slide.page-3 .wrap .desc dd a { color: #004098; line-height: .8rem } .home .swiper-slide.page-3 .wrap .desc dd:nth-of-type(5), .home .swiper-slide.page-3 .wrap .desc dd:nth-of-type(6), .home .swiper-slide.page-3 .wrap .desc dd:nth-of-type(7) { border-bottom: none } .home .swiper-slide.page-3 .wrap .desc dt { margin: 0 .4rem } .home .swiper-slide.page-3 .wrap .slide { margin-right: 1.3rem; float: right; position: relative; margin-top: -1.5rem; width: 9.5rem } .home .swiper-slide.page-3 .wrap .slide:before { display: inline-block; width: 5.68rem; height: 5.4rem; position: absolute; right: 0; top: -1.6rem; background: url(/images/p3bg1.png) center no-repeat; background-size: cover } .home .swiper-slide.page-3 .wrap .slide .clearfix a { margin-right: 1.2rem; font-size: .24rem; color: #fff; position: relative; z-index: 2; text-align: center } .home .swiper-slide.page-3 .wrap .slide .clearfix a i { display: block; font-size: .3rem; margin-bottom: .05rem } .home .swiper-slide.page-3 .wrap .slide .btn-group { overflow: hidden; margin-top: .25rem; padding-right: 1.8rem; position: relative; z-index: 2 } .home .swiper-slide.page-3 .wrap .slide .btn-group a { float: right; width: .47rem; height: .47rem; box-sizing: border-box; border: 1px solid #ddd; background-color: #fff; text-align: center; line-height: .46rem; margin-left: .05rem; color: #d8e7f3; font-size: .2rem } .home .swiper-slide.page-3 .wrap .slide .btn-group a:hover { color: #004098 } .home .swiper-slide.page-3 .wrap .slide .swiper-container { margin-right: 1.8rem; margin-top: .1rem } .home .swiper-slide.page-3 .wrap .slide .swiper-container .swiper-slide { width: 2.48rem; height: 1.68rem; float: left; margin-right: .13rem; overflow: hidden; position: relative } .home .swiper-slide.page-3 .wrap .slide .swiper-container .swiper-slide p { box-sizing: border-box; background: #e7f6fe; padding: .03rem; border: 1px solid #d8e7f3 } .home .swiper-slide.page-3 .wrap .slide .swiper-container .swiper-slide p > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .home .swiper-slide.page-3 .wrap .slide .swiper-container .swiper-slide p:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .home .swiper-slide.page-3 .wrap .slide .swiper-container .swiper-slide a { position: absolute; width: 100%; text-align: center; line-height: 1.68rem; height: 100%; left: 0; top: 0; z-index: 2; background: rgba(0, 65, 152, .7); opacity: 0; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .home .swiper-slide.page-3 .wrap .slide .swiper-container .swiper-slide a i { color: #fff; font-size: .4rem } .home .swiper-slide.page-3 .wrap .slide .swiper-container .swiper-slide:hover a { opacity: 1 } .home .swiper-slide.page-4 .bg { background-image: url(/images/p4.jpg) } .home .swiper-slide.page-4 .wrap { position: relative; z-index: 2; top: 50%; transform: translateY(-20%); -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -o-transform: translateY(-20%); -ms-transform: translateY(-20%); opacity: 0; transition: all ease-out .6s .6s; -moz-transition: all ease-out .6s .6s; -webkit-transition: all ease-out .6s .6s; -o-transition: all ease-out .6s .6s } .home .swiper-slide.page-4 .title { text-align: center; font-size: .3rem; color: #666; } .home .swiper-slide.page-4 .title span { display: block; margin: .08rem 0; font-size: .14rem; color: #999 } .home .swiper-slide.page-4.swiper-slide-active .wrap { transform: translateY(-45%); -webkit-transform: translateY(-45%); -moz-transform: translateY(-45%); -o-transform: translateY(-45%); -ms-transform: translateY(-45%); opacity: 1 } .home .swiper-slide.page-4 .wrap h6 { font-size: .2rem } .home .swiper-slide.page-4 .wrap dl { width: 11.8rem; margin: .1rem auto .4rem; overflow: hidden; padding-top: 2px; padding-left: 2px } .home .swiper-slide.page-4 .wrap dl dd, .home .swiper-slide.page-4 .wrap dl dt { width: 10%; height: .55rem; margin-left: -2px; margin-top: -2px; float: left } .home .swiper-slide.page-4 .wrap dl dd { border: 2px solid #ddd; box-sizing: border-box; overflow: hidden } .home .swiper-slide.page-4 .wrap dl dd > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .home .swiper-slide.page-4 .wrap dl dd:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .home .swiper-slide.page-4 .wrap .more { display: block; margin: 0 auto .2rem; box-sizing: border-box; width: 1.78rem; height: .48rem; line-height: .42rem; text-align: center; border: .02rem solid #004098; color: #004098; font-size: .18rem } .home .swiper-slide.page-4 .wrap .more:hover { background: #004098; color: #fff } .home .swiper-slide.page-4 .wrap ul { margin-top: .25rem; padding-left: 1px } .home .swiper-slide.page-4 .wrap ul li { width: 33.33%; float: left; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; border: 1px solid #d8e7f3; background-color: #fff; padding: .09rem; margin-left: -1px } .home .swiper-slide.page-4 .wrap ul li > a { float: left; width: .8rem; height: .8rem } .home .swiper-slide.page-4 .wrap ul li p { line-height: .3rem; height: .6rem; overflow: hidden; float: left; font-size: .2rem; width: 3.45rem; padding: .1rem 0; margin-left: .15rem } .home .swiper-slide.page-4 .wrap ul li i { position: absolute; right: .2rem; bottom: .15rem; font-size: .24rem; color: #999 } .home .swiper-slide.page-4 .wrap ul li:hover { background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); background: linear-gradient(to right, #4b84d9, #50c6bf) } .home .swiper-slide.page-4 .wrap ul li:hover a, .home .swiper-slide.page-4 .wrap ul li:hover i { color: #fff } .home .swiper-slide.page-5 .bg { background-image: url(/images/p5.jpg) } .home .swiper-slide.page-5 .wrap { position: relative; z-index: 2; top: 50%; transform: translateY(-20%); -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -o-transform: translateY(-20%); -ms-transform: translateY(-20%); opacity: 0; transition: all ease-out .6s .6s; -moz-transition: all ease-out .6s .6s; -webkit-transition: all ease-out .6s .6s; -o-transition: all ease-out .6s .6s; height: 7.52rem } .home .swiper-slide.page-5 .title { text-align: center; font-size: .3rem; color: #666;margin-top: .6rem; } .home .swiper-slide.page-5 .title span { display: block; margin: .08rem 0; font-size: .14rem; color: #999 } .home .swiper-slide.page-5.swiper-slide-active .wrap { transform: translateY(-45%); -webkit-transform: translateY(-45%); -moz-transform: translateY(-45%); -o-transform: translateY(-45%); -ms-transform: translateY(-45%); opacity: 1 } .home .swiper-slide.page-5 .wrap dl { margin-top: .8rem; height: 5rem; position: relative } .home .swiper-slide.page-5 .wrap dl dd { float: left; width: 4.95rem; margin-bottom: 2rem; position: relative; opacity: 0; margin-left: .5rem } .home .swiper-slide.page-5 .wrap dl dd img, .home .swiper-slide.page-5 .wrap dl dt p { position: absolute } .home .swiper-slide.page-5 .wrap dl dd p { line-height: 1.6; font-size: .16rem; margin-top: .15rem; color: #666 } .home .swiper-slide.page-5 .wrap dl dd:nth-child(2n) { float: right; width: 4.35rem; text-align: right; margin-right: .5rem } .home .swiper-slide.page-5 .wrap dl dd:nth-child(1) img { width: 4.94rem; top: 1.05rem } .home .swiper-slide.page-5 .wrap dl dd:nth-child(2) img { width: 3.48rem; right: 0; top: 1rem } .home .swiper-slide.page-5 .wrap dl dd:nth-child(3) img { width: 4.14rem; top: .5rem } .home .swiper-slide.page-5 .wrap dl dd:nth-child(4) img { width: 4.26rem; right: 0; top: .3rem } .home .swiper-slide.page-5 .wrap dl dt { width: 6.47rem; position: absolute; left: 4.1rem; top: .05rem } .home .swiper-slide.page-5 .wrap dl dt .ys { width: 2.4rem; margin-left: 1.73rem; z-index: 2; top: -1rem; opacity: 0 } .home .swiper-slide.page-5 .wrap dl dt .quan { top: 2rem; opacity: 0 } .home .swiper-slide.page-5.swiper-slide-active .wrap dl dd:nth-child(1) { opacity: 1; margin-left: 0; transition: all ease-out .5s 1.5s; -moz-transition: all ease-out .5s 1.5s; -webkit-transition: all ease-out .5s 1.5s; -o-transition: all ease-out .5s 1.5s } .home .swiper-slide.page-5.swiper-slide-active .wrap dl dd:nth-child(2) { opacity: 1; margin-right: 0; transition: all ease-out .5s 1.65s; -moz-transition: all ease-out .5s 1.65s; -webkit-transition: all ease-out .5s 1.65s; -o-transition: all ease-out .5s 1.65s } .home .swiper-slide.page-5.swiper-slide-active .wrap dl dd:nth-child(3) { opacity: 1; margin-left: 0; transition: all ease-out .5s 1.8s; -moz-transition: all ease-out .5s 1.8s; -webkit-transition: all ease-out .5s 1.8s; -o-transition: all ease-out .5s 1.8s } .home .swiper-slide.page-5.swiper-slide-active .wrap dl dd:nth-child(4) { opacity: 1; margin-right: 0; transition: all ease-out .5s 1.95s; -moz-transition: all ease-out .5s 1.95s; -webkit-transition: all ease-out .5s 1.95s; -o-transition: all ease-out .5s 1.95s } .home .swiper-slide.page-5.swiper-slide-active .wrap dl dt .ys { top: 0; opacity: 1; transition: all ease-out 1s .7s; -moz-transition: all ease-out 1s .7s; -webkit-transition: all ease-out 1s .7s; -o-transition: all ease-out 1s .7s } .home .swiper-slide.page-5.swiper-slide-active .wrap dl dt .quan { top: .93rem; opacity: 1; transition: all ease-out .8s .7s; -moz-transition: all ease-out .8s .7s; -webkit-transition: all ease-out .8s .7s; -o-transition: all ease-out .8s .7s } .home .swiper-slide.page-6 .bg { background-image: url(/images/p6.jpg) } .home .swiper-slide.page-6 .wrap { position: relative; z-index: 2; top: 50%; transform: translateY(-20%); -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -o-transform: translateY(-20%); -ms-transform: translateY(-20%); opacity: 0; transition: all ease-out .6s .6s; -moz-transition: all ease-out .6s .6s; -webkit-transition: all ease-out .6s .6s; -o-transition: all ease-out .6s .6s; height: 7.52rem } .home .swiper-slide.page-6 .title { text-align: center; font-size: .3rem; color: #666 } .home .swiper-slide.page-6 .title span { display: block; margin: .08rem 0; font-size: .14rem; color: #999 } .home .swiper-slide.page-6 .wrap dl dt a, .home .swiper-slide.page-6 .wrap h3, .home .swiper-slide.page-6 .wrap h3 span { color: #fff } .home .swiper-slide.page-6.swiper-slide-active .wrap { transform: translateY(-45%); -webkit-transform: translateY(-45%); -moz-transform: translateY(-45%); -o-transform: translateY(-45%); -ms-transform: translateY(-45%); opacity: 1 } .home .swiper-slide.page-6 .wrap dl { margin-top: .5rem; overflow: hidden } .home .swiper-slide.page-6 .wrap dl dt { width: 5.6rem; float: left; color: #fff } .home .swiper-slide.page-6 .wrap dl dt h6 { font-size: .3rem; line-height: .4rem; margin-top: .2rem; display: inline-block } .home .swiper-slide.page-6 .wrap dl dt h6:after { content: ''; display: block; width: .4rem; height: .04rem; background: #1fd2ff; margin-top: .2rem; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .home .swiper-slide.page-6 .wrap dl dt h6:hover:after { width: 100% } .home .swiper-slide.page-6 .wrap dl dt p { margin-top: .6rem; line-height: 1.8; font-size: .16rem } .home .swiper-slide.page-6 .wrap dl dt > a { margin-top: .8rem; display: inline-block; height: .44rem; line-height: .42rem; border: 2px solid #fff; padding: 0 .35rem; font-size: .18rem } .home .swiper-slide.page-6 .wrap dl dt > a:hover { background-color: #fff; color: #004098 } .home .swiper-slide.page-6 .wrap dl dd { float: right; width: 6.8rem } .home .swiper-slide.page-6 .wrap dl dd ul li { width: 3.2rem; height: 2.58rem; box-sizing: border-box; padding: .3rem; border: 2px solid #fff; float: left; margin: 0 0 .2rem .2rem; position: relative } .home .swiper-slide.page-6 .wrap dl dd ul li p { font-size: .26rem; line-height: 1.5 } .home .swiper-slide.page-6 .wrap dl dd ul li p a { color: #fff } .home .swiper-slide.page-6 .wrap dl dd ul li > a { position: absolute; width: 1.78rem; height: .48rem; line-height: .48rem; text-align: center; left: -2px; bottom: -3px; background: -webkit-linear-gradient(left, #004098, #50c6bf); background: -o-linear-gradient(right, #004098, #50c6bf); background: -moz-linear-gradient(right, #004098, #50c6bf); background: linear-gradient(to right, #004098, #50c6bf); color: #fff; font-size: .18rem; opacity: 0; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .home .swiper-slide.page-6 .wrap dl dd ul li:hover { background-color: #fff } .home .swiper-slide.page-6 .wrap dl dd ul li:hover p a { color: #004098 } .home .swiper-slide.page-6 .wrap dl dd ul li:hover > a { opacity: 1 } .home .swiper-slide.footer { margin-top: 0 } .home .swiper-slide.footer .cont{ margin-top: .6rem; } .home .swiper-page { position: fixed; right: 0; top: 25%; transform: translateY(-50%); z-index: 100; display:none; } .home .swiper-page ul li { margin: 5px 0; height: 22px; line-height: 22px; position: relative; color: #fff; cursor: pointer } .home .swiper-page ul li i { display: inline-block; width: 12px; height: 12px; box-sizing: border-box; background: #fff; border-radius: 50%; margin-top: 5px; position: absolute; right: 40px } .home .swiper-page ul li span { position: absolute; right: 165px; top: 0; font-size: 14px; width: 150px; overflow: hidden; opacity: 0; display: none; text-align: right; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .home .swiper-page ul li em { display: inline-block; position: absolute; right: 0; width: 0; height: 3px; top: 9.5px; background: #fff; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .home .swiper-page ul li.active em { width: 30px } .home .swiper-page ul li.active span { opacity: 1; right: 65px; display: inline-block } .home .swiper-page ul li.active i { border: 3px solid #fff; background: 0 0 } .home .swiper-page.blue ul li { color: #004098 } .home .swiper-page.blue ul li i { border: 1px solid #eee } .home .swiper-page.blue ul li.active em { background: #004098 } .home .swiper-page.blue ul li.active i { border: 3px solid #004098 } .page-ban { position: relative; /*height: 5.43rem;*/ text-align: center } .page-ban:before { display: block; width: 100%; height: 1.24rem; position: absolute; left: 0; bottom: -1px; /*background: url(/images/banbg.png) center no-repeat;*/ background-size: auto 100%; z-index: 2 } .page-ban.gray:before { background: url(/images/dtbanbg.png) center no-repeat; background-size: auto 100% } .page-ban > img { width: 100%; height: 100%; max-width: 2560px; position: relative; display: block } .page-ban .tab .fr a.active:after, .page-ban .tab h2:before { display: inline-block; content: '' } .page-ban .tab { box-sizing: border-box; position: absolute; left: 50%; margin-left: -6rem; bottom: 0; z-index: 9; } .page-ban .tab > .clearfix { height: 1rem; line-height: 1rem; padding: 0 .3rem; border-radius: .2rem; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .12); position: relative; z-index: 15 } .page-ban .tab h2 { float: left; font-size: .24rem; padding-left: .33rem; position: relative } .page-ban .tab h2 b { font-weight: 400 } .page-ban .tab .fr a.active, .page-ban .tab .fr a:hover, .page-ban .tab h2 span { background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); -webkit-text-fill-color: transparent } .page-ban .tab h2 span { position: relative; z-index: 2; background: linear-gradient(to right, #4b84d9, #50c6bf); -webkit-background-clip: text } .page-ban .tab .fr span { float: left; margin: 0 .1rem; color: #ddd } .page-ban .tab .fr a { color: #999; font-size: .2rem; padding: 0 .2rem; float: left; position: relative } .page-ban .tab .fr a.active, .page-ban .tab .fr a:hover { background: linear-gradient(to right, #4b84d9, #50c6bf); -webkit-background-clip: text } .page-ban .tab .fr a.active { font-weight: 700 } .page-ban .tab .fr a.act{ font-weight: 700; color:#50c6bf; } .page-ban .tab .fr a.active:after { position: absolute; left: 0; width: 100%; bottom: 0; height: 3px; background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); background: linear-gradient(to right, #4b84d9, #50c6bf) } .page-ban .tab.about-tab .fr a { padding: 0 .1rem } .page-ban .tab.about-tab .fr span { margin: 0 .08rem } .page-ban .tab.yw-tab .fr a { padding: 0 .35rem } .page-ban .tab.yw-tab .fr span { margin: 0 .15rem } .page-ban .tab .down-slide { position: absolute; display: none; left: 0; top: .6rem; padding-top: .4rem; background-color: #fff; z-index: 10; box-shadow: 0 0 .15rem rgba(0, 0, 0, .12); width: 100%; border-radius: .2rem; } .about-1 img, .qd .qd-about > img { box-shadow: .05rem .05rem .2rem rgba(0, 0, 0, .15) } .page-ban .tab .down-slide .nr { text-align: left; padding: .25rem .4rem; display: none; height:4rem; overflow-y:auto; margin-bottom:0.2rem; } .page-ban .tab .down-slide .nr dl{ column-count: 4; -webkit-column-count: 4; -webkit-column-gap:0; -moz-column-count: 4; -moz-column-gap: 4; column-gap: 0; display: block; } .page-ban .tab .down-slide .nr dl { overflow: hidden } .page-ban .tab .down-slide .nr dl dd { width: 100%; /*float: left;*/ box-sizing: border-box; break-inside: avoid-column; page-break-inside:avoid; -webkit-break-inside: avoid; -webkit-column-break-inside: avoid-column; } .page-ban .tab .down-slide .nr dl dd h6 { padding: .15rem 0; /*border-bottom: 1px solid #ddd;*/ margin-bottom: .1rem; font-size: .18rem; color: #333; font-weight: 700; margin-left:0.1rem; } .page-ban .tab .down-slide .nr dl dd p { line-height: .28rem; font-size: .16rem; padding-left:0.1rem; } .page-ban .tab .down-slide .nr dl dd p:hover{ background:#f2f4f5; } .page-ban .tab .down-slide .nr dl dd p a { color: #000; } .page-ban .tab .down-slide .nr dl dd p a:hover { color: #000; } .page-ban .tab .down-slide .nr dl dd + dd { /*margin-left: 2%*/ margin-top: 30px; } .page-ban .tab .down-slide .nr dl + dl { border-top: 1px solid #ddd; margin-top: .25rem; padding-top: .1rem } .container { margin-top: .78rem } .about-1 .fl { width: 7.95rem; color: #666; line-height: 1.75 } .about-1 .fl h3 { color: #333 } .about-1 .fl h6 { color: #004098 } .about-1 .fl h6 span { display: block } .about-1 .ts { margin-top: .1rem; position: relative; padding-left: .25rem } .about-1 .ts i { position: absolute; left: 0; top: 0; color: #bbb } .about-1 img { width: 3.55rem } .about-yw { background: url(/images/tl-bg.jpg) center top no-repeat; background-size: auto 3.4rem; min-height: 3.4rem; padding-top: 1.75rem } .about-yw .wrap { width: 9.2rem } .about-yw .tab p { float: left; box-sizing: border-box; width: 1.6rem; height: 1.6rem; border-radius: 50%; border: 1px solid #dbe9f4; text-align: center; padding-top: .32rem } .about-yw .tab p i { display: block; height: .5rem } .about-yw .tab p i img { width: auto; vertical-align: middle } .about-yw .tab p span { font-size: .24rem; margin-top: .1rem; display: block } .about-yw .tab p + p { margin-left: .93rem } .about-yw .tab p:nth-child(1) span { color: #e99f03 } .about-yw .tab p:nth-child(2) span { color: #004098 } .about-yw .tab p:nth-child(3) span { color: #009280 } .about-yw .tab p:nth-child(4) span { color: #0192db } .about-yw .desc { margin-top: .7rem } .about-yw .desc dt { height: 1.2rem; width: 1px; margin: 0 .79rem; background: #dbe9f4; float: left } .about-yw .desc dd { width: 2rem; float: left; height: 1.55rem; margin-bottom: .35rem; box-sizing: border-box; padding: .2rem 0 .35rem; text-align: center; border-bottom: 1px solid #dbe9f4; font-size: .24rem; color: #666 } .about-yw .desc dd span { font-size: .55rem; font-weight: 700; color: #004098 } .about-yw .desc dd p + p { margin-top: .12rem } .about-rz { margin-top: .55rem; margin-bottom: 1.2rem } .about-rz ul li { position: relative } .about-rz ul li .img, .about-rz ul li .txt { width: 6rem; float: left; overflow: hidden; position: relative; z-index: 2 } .about-rz ul li .img > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .about-rz ul li .img:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .about-rz ul li .txt { box-sizing: border-box; padding-left: .55rem } .about-rz ul li .txt h6 { display: inline-block; line-height: 1; margin-bottom: .45rem; position: relative } .about-rz ul li .txt h6:after { content: ''; display: block; width: .3rem; height: 3px; background: #004098; margin-top: .3rem; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .about-rz ul li .txt h6:hover:after { width: 100% } .about-rz ul li:nth-child(2):before, .about-rz ul li:nth-child(4):before { display: block; width: 50%; height: 100%; position: absolute; top: 0; background: #f4f5f9; content: '' } .about-rz ul li .txt p { color: #666; line-height: 1.6 } .about-rz ul li:nth-child(2n) .img { float: right } .about-rz ul li:nth-child(2n) .txt { padding-left: 0; padding-right: .55rem; padding-top: .55rem } .about-rz ul li:nth-child(3) .txt, .about-rz ul li:nth-child(4) .txt { padding-top: .9rem } .about-rz ul li:nth-child(4):before { right: 0 } .about-rz ul li:nth-child(2):before { left: 0 } .qd { background: url(/images/qdbg.jpg) center bottom no-repeat; background-size: 100% auto } .download .filter > a:hover, .page-tab a.active, .page-tab a:hover { background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); -webkit-text-fill-color: transparent } .qd .qd-about { color: #666; line-height: 1.75 } .qd .qd-about h3 { color: #333 } .qd .qd-about h6 { color: #004098 } .qd .qd-about > img { width: 3.55rem; margin: 0 0 .25rem .55rem } .qd .qd-about dl { width: 11rem; margin: .8rem auto 0; overflow: hidden; padding-bottom: 1.2rem } .qd .qd-about dl dd { width: 2.75rem; height: 2rem; overflow: hidden; float: left; margin: .05rem 0 } .qd .qd-about dl dd > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .qd .qd-about dl dd:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .qd .qd-about dl dd:nth-child(1) { margin-right: 8.25rem } .qd .qd-about dl dd:nth-child(2) { margin-left: 2.75rem; margin-right: 2.75rem } .qd .qd-about dl dd:nth-child(4), .qd .qd-about dl dd:nth-child(5) { margin-right: 2.75rem } .qd .qd-about dl dd:nth-child(6) { margin-left: 8.25rem } .page-tab { text-align: center; padding: .6rem 0 } .page-tab a { height: 38px; line-height: 38px; border: 1px solid #ddd; color: #ddd; display: inline-block; vertical-align: top; padding: 0 30px; border-radius: 38px; margin: 0 15px; font-size: 16px; font-weight: 700 } .page-tab a.active, .page-tab a:hover { border-color: #4b84d9 #4b84d9 #50c6bf #50c6bf; background: linear-gradient(to right, #4b84d9, #50c6bf); -webkit-background-clip: text } .brand { background: url(/images/ppbg.jpg) center top no-repeat; background-size: 100% auto; margin-top: 0; padding-top: .78rem; padding-bottom: 1.2rem } .brand .clearfix { width: 10rem; margin: 0 auto; position: relative } .brand .clearfix:before { content: ''; display: block; width: 2px; height: 100%; background: #dee3eb; position: absolute; left: 50%; margin-left: -1px; top: .3rem } .brand .clearfix dl dd .nr:after, .brand .clearfix dl dd .nr:before { display: inline-block; position: absolute; top: .3rem; content: '' } .brand .clearfix dl { padding: 0 } .brand .clearfix dl dd { width: 100%; margin-top: .2rem } .brand .clearfix dl dd .nr { float: right; width: 40%; margin-left: -.4rem } .brand .clearfix dl dd .nr:before { width: 12px; height: 12px; border-radius: 50%; border: 5px solid #f3f5f8; background: #004098; left: -11.5% } .brand .clearfix dl dd .nr:after { width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; left: -12px; border-right: 12px solid #f3f5f8; border-left: none } .brand .clearfix dl dd .nr:hover { background: -webkit-linear-gradient(left, #004198, #00b8ce); background: -o-linear-gradient(right, #004198, #00b8ce); background: -moz-linear-gradient(right, #004198, #00b8ce); background: linear-gradient(to right, #004198, #00b8ce); color: #fff } .brand .clearfix dl dd .nr:hover span { color: #fff } .brand .clearfix dl dd .nr:hover:after { border-right: 12px solid #004198 } .brand .clearfix dl dd:nth-child(2n) .nr { float: left; margin-left: 0 } .brand .clearfix dl dd:nth-child(2n) .nr:before { left: 106.5%; top: .3rem } .brand .clearfix dl dd:nth-child(2n) .nr:after { left: 100%; top: .3rem; border-right: none; border-left: 12px solid #f3f5f8 } .brand .clearfix dl dd:nth-child(2n) .nr:hover:after { border-left: 12px solid #00b8ce } .brand .clearfix dl dd .nr { padding: .3rem; background: #f3f5f8; border-radius: 5px; line-height: 1.6; position: relative; z-index: 5 } .brand .clearfix dl dd h6 { font-family: arial; font-size: .4rem; font-weight: 700; font-style: italic; line-height: 1 } .brand .clearfix dl dd span { display: block; color: #004098; margin-top: .25rem } .brand .clearfix dl dd p { margin-top: .08rem; position: relative } .brand .clearfix dl dd p i { position: absolute; left: -.14rem; top: 0 } .map-cont { background: #f4f6f9 } .map { margin-top: 0 } .map .bgf { padding-bottom: 1.2rem } .map .desc { text-align: center; padding-bottom: .2rem } .map .desc h6 { font-size: .3rem; letter-spacing: 4px; margin-bottom: .2rem } .map .desc p { font-size: .16rem; line-height: 1.6; color: #999 } .map .map-nr { position: relative; padding-bottom: 2rem } .map .map-nr .wrap { position: relative; z-index: 10 } .map .map-nr .canvas { position: absolute; left: 0; bottom: -2rem; width: 100%; height: 8rem; overflow: hidden; z-index: 2 } .map .mar { position: relative; top: -2rem; z-index: 5 } .map .sys { width: 11rem; margin: 0 auto -2rem; overflow: hidden; z-index: 10 } .map .sys dd, .map .sys dt { width: 2.75rem; height: 2rem; float: left } .map .sys dd { overflow: hidden; position: relative } .map .sys dd > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .map .sys dd:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .map .sys dd p { position: absolute; left: 0; bottom: 0; z-index: 2; text-align: center; color: #fff; padding: .15rem 0; width: 100%; font-size: .18rem } .team { margin-top: 0 } .team ul { width: 105%; margin-bottom: .8rem } .team ul li { width: 2.9rem; height: 6.1rem; overflow: hidden; float: left; margin: 0 .13rem .4rem 0; background: #f3f5f8 } .team ul li > a { display: block; height: 3.8rem; overflow: hidden } .team ul li > a > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .team ul li > a:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .team ul li .txt { padding: .35rem .18rem } .team ul li .txt h6 { font-size: .2rem; font-weight: 700 } .team ul li .txt span { display: block; margin-top: .12rem; padding-bottom: .25rem; font-size: .18rem; border-bottom: 1px solid #ddd; margin-bottom: .2rem } .team ul li .txt p { color: #666; line-height: 1.6 } .team ul li:hover { background: -webkit-linear-gradient(left, #004198, #00b8ce); background: -o-linear-gradient(right, #004198, #00b8ce); background: -moz-linear-gradient(right, #004198, #00b8ce); background: linear-gradient(to right, #004198, #00b8ce) } .team ul li:hover a, .team ul li:hover p, .team ul li:hover span { color: #fff !important } .yw-cont { margin-top: .6rem; margin-bottom: .5rem } .yw-cont .yw-box { box-sizing: border-box; border: .04rem solid #f4f5f9 } .yw-cont .yw-box.fr { width: 8.9rem } .yw-cont .left-menu { width: 2.8rem; float: left; } .yw-cont .left-menu ul { padding: .03rem .03rem .03rem 0 } .yw-cont .left-menu ul li { padding: 0 .2rem 0 .2rem; width: 85%; transition: 0.5s; border: 1px solid #e9eaf2; margin-bottom: .1rem; font-size: .2rem } .yw-cont .left-menu ul li:hover{width:100%;background:#004098;} .yw-cont .left-menu ul li a { display: block; height: .6rem; box-sizing: border-box; line-height: .59rem; color: #666; } .yw-cont .left-menu ul li a:hover { color: white } .yw-cont .left-menu ul li:last-child a { border-bottom: none } .yw-cont .left-menu ul li.active { background: #004098; margin-top: -1px; width:100%; } .yw-cont .left-menu ul li.active a { border-bottom: none; color: white } .yw-cont .title { height: .76rem; border-bottom: 1px solid #f4f5f9; line-height: .76rem; text-align: center } .yw-cont .title span { display: inline-block; position: relative; font-size: .24rem; color: #004098 } .yw-cont .title span:after { content: ''; display: inline-block; width: .6rem; height: 3px; background: #004098; position: absolute; left: 50%; margin-left: -.3rem; bottom: -1px; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .yw-cont .title span:hover:after { width: 100%; left: 0; margin-left: 0 } .yw-cont .nr { padding: .25rem .25rem; overflow: hidden; line-height: 2; font-size: .16rem; color: #666 } .yw-cont .nr .icon-sj { display: block; width: .31rem; height: .26rem; background: url(/images/sj.png) center no-repeat; background-size: 100% auto } .yw-cont .nr h6, .yw-cont .nr p span { color: #333 } .yw-cont .nr p span { font-weight: 700 } .yw-cont .nr h5 { color: #004098; font-size: .24rem; margin-top: .3rem } .yw-cont .nr img { width: auto; max-width: 100%; display: block; margin: .3rem 0 } .yw-cont .nr .clearfix .fl { width: 4rem } .yw-cont .nr .clearfix .fl p { position: relative } .yw-cont .nr .clearfix .fl p i { display: inline-block; position: absolute; margin-left: -.15rem } .case{ margin: .6rem auto } .case dl, .news dl { width: 105% } .case dl dd, .news dl dd { width: 3.87rem; float: left; margin-right: .2rem; margin-bottom: .3rem; height:4.286rem; } .case dl dd .img, .news dl dd .img { display: block; overflow: hidden; position: relative } .case dl dd .img > img, .news dl dd .img > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; width: 3.8rem;height: 2.7rem; } .case dl dd .img:hover > img, .news dl dd .img:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .case dl dd .img:after, .news dl dd .img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: -webkit-linear-gradient(left, #004098, #00b7cd); background: -o-linear-gradient(right, #004098, #00b7cd); background: -moz-linear-gradient(right, #004098, #00b7cd); background: linear-gradient(to right, #004098, #00b7cd); opacity: 0; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .case dl dd .txt, .news dl dd .txt { border: 1px solid #f4f5f9; height: 1.54rem; box-sizing: border-box; padding: 0 .5rem; position: relative; text-align: center; z-index: 3 } .case dl dd .txt span, .news dl dd .txt span { display: block; margin: -.23rem auto 0; width: 1.85rem; height: .46rem; line-height: .46rem; text-align: center; background-color: #fff; font-size: .16rem; color: #999 } .case dl dd .txt p, .news dl dd .txt p { font-size: .16rem; line-height: .24rem; text-align: center; margin-top: .05rem; height: .48rem; overflow: hidden } .case dl dd .txt > a, .news dl dd .txt > a { display: inline-block; font-family: arial; height: .32rem; line-height: .32rem; border: 1px solid #999; color: #999; padding: 0 .35rem; border-radius: .32rem; margin-top: .18rem } .case dl dd .txt > a:hover, .news dl dd .txt > a:hover { color: #fff !important; background: #004098; border-color: #004098 } .case dl dd:hover .img:after, .news dl dd:hover .img:after { opacity: .75 } .case dl dd:hover .txt a, .case dl dd:hover .txt p, .case dl dd:hover .txt span, .news dl dd:hover .txt a, .news dl dd:hover .txt p, .news dl dd:hover .txt span { color: #004098 } .case dl dd:hover .txt a, .news dl dd:hover .txt a { border-color: #004098 } .news-detail .wrap { margin: .6rem auto 1.2rem; box-sizing: border-box; border: .04rem solid #f4f5f9; padding: .8rem 2.1rem .6rem; overflow: hidden; position: relative } .news-detail .wrap .back { position: absolute; right: .36rem; top: .36rem; height: 32px; line-height: 32px; border: 1px solid #004098; border-radius: 32px; padding: 0 25px; color: #004098 } .news-detail .wrap .back:hover { background: #004098; color: #fff } .news-detail .wrap .page { margin: 1.5rem -1.65rem 0; border-top: .03rem solid #f4f5f9; padding-top: .2rem } .news-detail .wrap .page p { width: 50%; line-height: .22rem } .news-detail .wrap .page p span { float: left; color: #999; margin-right: .17rem } .news-detail .wrap .page p span i { float: left; font-size: .2rem; margin-right: .08rem } .news-detail .wrap .page p.fr { text-align: right } .news-detail .wrap .page p.fr span { float: right; margin-right: 0; margin-left: .17rem } .news-detail .wrap .page p.fr span i { float: right; margin-right: 0; margin-left: .08rem } .news-detail .wrap .page p:hover span { color: #004098 } .news-detail .wrap .title { text-align: center } .news-detail .wrap .title h2 { color: #000; font-size: .24rem; line-height: 1.6 } .news-detail .wrap .title p { margin-top: .15rem; color: #989ca7 } .news-detail .wrap .title p span { display: inline-block; margin: 0 .13rem } .news-detail .wrap .nr { line-height: 1.7; color: #666; margin-top: .4rem } .news-detail .wrap .nr img { display: block; max-width: 100%; margin: 0 auto } .news-detail .wrap .nr h6 { font-size: .16rem; color: #333 } .relate-case { margin: .5rem auto .9rem } .relate-case h6 { margin-bottom: .3rem } .relate-case .slide { position: relative } .relate-case .slide > .iconfont { position: absolute; top: 1.2rem; display: inline-block; width: .7rem; height: .36rem; line-height: .36rem; background: #f4f5f9; color: #a5a5a6; text-align: center; font-size: .18rem } .relate-case .slide > .iconfont:hover { background: #004098; color: #fff } .relate-case .slide > .iconfont.icon-prev { left: -1rem } .relate-case .slide > .iconfont.icon-next { right: -1rem } .relate-case .swiper-slide { width: 3.87rem; float: left; margin-right: .2rem } .relate-case .swiper-slide .img { display: block; overflow: hidden; position: relative } .relate-case .swiper-slide .img > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .relate-case .swiper-slide .img:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .relate-case .swiper-slide .img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: -webkit-linear-gradient(left, #004098, #00b7cd); background: -o-linear-gradient(right, #004098, #00b7cd); background: -moz-linear-gradient(right, #004098, #00b7cd); background: linear-gradient(to right, #004098, #00b7cd); opacity: 0; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .honor ul li a:after, .honor ul li a:before { transition: all ease-out .3s; content: '' } .relate-case .swiper-slide .txt { border: 1px solid #f4f5f9; height: 1.54rem; box-sizing: border-box; padding: 0 .5rem; position: relative; text-align: center; z-index: 3 } .relate-case .swiper-slide .txt span { display: block; margin: -.23rem auto 0; width: 1.85rem; height: .46rem; line-height: .46rem; text-align: center; background-color: #fff; font-size: .16rem; color: #999 } .relate-case .swiper-slide .txt p { font-size: .16rem; line-height: .24rem; text-align: center; margin-top: .05rem; height: .48rem; overflow: hidden } .relate-case .swiper-slide .txt > a { display: inline-block; font-family: arial; height: .32rem; line-height: .32rem; border: 1px solid #999; color: #999; padding: 0 .35rem; border-radius: .32rem; margin-top: .18rem } .relate-case .swiper-slide .txt > a:hover { color: #fff !important; background: #004098; border-color: #004098 } .relate-case .swiper-slide:hover .img:after { opacity: .75 } .relate-case .swiper-slide:hover .txt a, .relate-case .swiper-slide:hover .txt p, .relate-case .swiper-slide:hover .txt span { color: #004098 } .relate-case .swiper-slide:hover .txt a { border-color: #004098 } .honor { padding-bottom: .7rem } .honor ul { width: 105% } .honor ul li { width: 3.6rem; float: left; margin-right: .6rem; text-align: center; margin-bottom: .25rem } .honor ul li a { display: block; position: relative } .honor ul li a:before { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(0, 64, 152, .37); opacity: 0; transform: scale(.5, .5); -webkit-transform: scale(.5, .5); -o-transform: scale(.5, .5); -moz-transform: scale(.5, .5); -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .honor ul li a:after { display: block; position: absolute; left: .2rem; top: .2rem; right: .2rem; bottom: .2rem; z-index: 3; background: rgba(0, 64, 152, .46); opacity: 0; transform: scale(.5, .5); -webkit-transform: scale(.5, .5); -o-transform: scale(.5, .5); -moz-transform: scale(.5, .5); -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .honor ul li a i { position: absolute; opacity: 0; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; left: 0; top: 50%; transform: translateY(-50%); right: 0; z-index: 4; font-size: .5rem; text-align: center; color: #fff } .honor ul li a:hover:after, .honor ul li a:hover:before { transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); opacity: 1 } .honor ul li a:hover i { opacity: 1 } .join .filter button:hover, .join dl dd .btn:hover { opacity: .85 } .honor ul li p { font-size: .16rem; padding: .25rem 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .shuju { padding: .22rem 0 1rem; background: url(/images/sjbg.jpg) center bottom no-repeat; background-size: 100% auto } .shuju dl { width: 11.8rem; margin: 0 auto; overflow: hidden; padding-top: 2px; padding-left: 2px } .shuju dl dd, .shuju dl dt { width: 20%; height: 1.1rem; margin-left: -2px; margin-top: -2px; float: left } .shuju dl dd { border: 2px solid #ddd; box-sizing: border-box; overflow: hidden } .shuju dl dd > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .shuju dl dd:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .join { padding-bottom: 1.1rem; margin-top: .78rem; } .join .paging { padding-top: .5rem } .join .filter { text-align: center; display: flex; overflow: hidden; border: 1px solid #ccc; margin-bottom: .6rem; transition: 0.5s; border-radius: 4px; } .join .filter .field-jobsearch-city{ width:10%; } .join .filter .news{ width:90%; display: flex; } .join .filter .field-jobsearch-title{ width:85%; padding-left: .2rem; } .join .filter select { height: .5rem; border-radius: 4px; padding: 0 10px; width: 100%; font-size: .14rem } .join .filter input { height: .5rem; border-radius: 4px; width: 100%; } .join .filter button { height: .5rem; background: #004098; color: #fff; width: 15%; border-radius: 4px; cursor: pointer } .join dl { background: #f4f5f9; position: relative; margin-bottom: .3rem; z-index: 2; border-left: 40; transition: 0.5s; } .join dl::before, .join dl::after{ content: ''; position: absolute; width: 40px; height: 40px; border: 2px solid #0056b8; transition: all 0.3s ease-in-out; z-index: 1; } .join dl::before{ top: 0; left: 0; border-right: 0; border-bottom: 0; } .join dl::after{ right: 0; bottom: 0; border-top: 0; border-left: 0; } .join dl.active, .join dl:hover { background-image: url('/new/lxwm/jrwm/image.jpg'); background-size: cover; /* 保持图像的宽高比，裁剪以填满容器 */ background-position: center; /* 图像居中显示 */ background-repeat: no-repeat; /* 不重复图像 */ width: 100%; } .join dl.active, .join dl:hover::before ,.join dl.active, .join dl:hover::after{ width:calc(100% - 2px); height:calc(100% - 2px); z-index: 1; } .join dl.active dt i { transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0); color: #004098 } .join dl dt { padding: 0 .45rem; height: .88rem; line-height: .88rem; overflow: hidden; position: relative; z-index: 2; cursor: pointer } .join dl dt h6 { float: left; font-size: .24rem } .join dl dt span { float: left; color: #ddd; margin: 0 .28rem } .join dl dt p { font-size: .2rem; color: #999; float: left } .join dl dt i { float: right; font-size: .22rem; color: #666; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .join dl dd { padding: .25rem 3.2rem 1rem .45rem; line-height: 2.5; color: white; position: relative; display: none } .join dl dd h5 { color: white; font-size: .16rem } .join dl dd hr { background-color: #ddd; height: 1px; border: none; display: block; margin: .3rem 0 } .join dl dd .btn { position: absolute; right: .45rem; bottom: .45rem; width: 1.4rem; height: .44rem; line-height: .44rem; text-align: center; color: #fff; background: #004098; border-radius: .44rem; font-size: .16rem } .download { padding-bottom: 1.1rem } .download .paging { padding-top: .5rem } .download .filter { margin-top: -.18rem; margin-bottom: .12rem; overflow: hidden } .download .filter > a { float: left; margin-right: .2rem; height: 38px; line-height: 38px; width: 123px; text-align: center; border: 1px solid #ddd; border-radius: 38px; font-size: .16rem } .download .filter > a:hover { background: linear-gradient(to right, #4b84d9, #50c6bf); -webkit-background-clip: text } .download .filter > a.active { background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); background: linear-gradient(to right, #4b84d9, #50c6bf); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-color: #4b84d9 #4b84d9 #50c6bf #50c6bf } .download .filter .fr { width: 310px; height: 40px; line-height: 40px; border-radius: 40px; position: relative; background: #f3f5f8; overflow: hidden } .download .filter .fr input { width: 100%; height: 40px; float: left; line-height: 40px; padding: 0 .2rem } .download .filter .fr button { position: absolute; right: 0; top: 0; z-index: 2; padding: 0 .2rem; height: 40px; line-height: 40px; cursor: pointer; color: #004098; font-size: .2rem } .download dl dd { padding: .38rem 0; border-bottom: 2px solid #f4f5f9; position: relative } .download dl dd:before { content: ''; display: block; height: 3px; position: absolute; width: 0; left: 0; bottom: -2px; background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); background: linear-gradient(to right, #4b84d9, #50c6bf); transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .download dl dd:hover:before { width: 100% } .download dl dd > i { float: left; width: 40px; margin-right: .25rem } .download dl dd .desc { float: left; line-height: 20px } .download dl dd .desc h6 { font-size: .2rem; font-weight: 700; margin-bottom: 10px } .download dl dd .desc p { font-size: .16rem; color: #999 } .download dl dd .desc p span { display: inline-block; margin-right: .3rem } .download dl dd a { position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: center; font-size: 12px; font-weight: 700 } .zeren dl dd, .zeren dl dd .img { float: left; position: relative; overflow: hidden } .download dl dd a i { width: 38px; height: 38px; display: block; background: url(/images/xz.png) center no-repeat; margin: 0 auto 5px } .download dl dd a:hover { background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); background: linear-gradient(to right, #4b84d9, #50c6bf); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .download dl dd a:hover i { background: url(/images/xzc.png) center no-repeat } .zeren dl dd, .zeren dl dd .txt { background: #f3f5f8 } .zeren { padding-bottom: 1.1rem } .zeren dl { overflow: hidden; width: 105% } .zeren dl dd { margin-right: .2rem; margin-bottom: .2rem } .zeren dl dd .img { z-index: 2 } .zeren dl dd .img img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .zeren dl dd:hover .img img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .zeren dl dd .txt h6 { display: inline-block; font-size: .3rem } .zeren dl dd .txt h6:after { content: ''; display: block; width: .3rem; height: .03rem; background: #2654a0; margin-top: .3rem } .zeren dl dd .txt p { line-height: .24rem; font-size: .16rem; color: #666; margin-top: .35rem } .zeren dl dd.small { width: 4.1rem; height: 3.8rem } .zeren dl dd.small .img { width: 100% } .zeren dl dd.small .txt { position: absolute; left: 0; width: 100%; box-sizing: border-box; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; bottom: -2.17rem; z-index: 2; padding: .35rem; color: #fff; background: rgba(0, 0, 0, .5) } .zeren dl dd.big .txt, .zeren dl dd.middle .txt { padding: .35rem; z-index: 3; box-sizing: border-box } .zeren dl dd.small .txt h6:after { background: #fff } .zeren dl dd.small .txt p { color: #fff; height: 1.44rem; overflow: hidden } .zeren dl dd.small:hover .txt { bottom: 0 } .zeren dl dd.middle { width: 7.7rem; height: 3.8rem } .zeren dl dd.middle .img { float: right; width: 4rem; height: 3.8rem } .zeren dl dd.middle .txt { width: 3.7rem; height: 3.8rem; position: relative } .zeren dl dd.middle .txt:after { content: ''; display: inline-block; width: 0; height: 0; border-top: .18rem solid transparent; border-bottom: .18rem solid transparent; border-left: .2rem solid #f3f5f8; position: absolute; right: -.2rem; top: .5rem } .zeren dl dd.middle:nth-child(5) .txt { background: #f9d42c; color: #333 } .zeren dl dd.middle:nth-child(5) .txt p { color: #333 } .zeren dl dd.middle:nth-child(5) .txt:after { border-left: .2rem solid #f9d42c } .zeren dl dd.middle:nth-child(5) .txt h6:after { background: #333 } .zeren dl dd.big { width: 12rem; height: 3.8rem } .zeren dl dd.big .img { width: 7.9rem } .zeren dl dd.big .txt { width: 4.1rem; float: right; height: 3.8rem; position: relative } .zeren dl dd.big .txt:after, .zeren dl dd.big:nth-child(6) .txt:after { display: inline-block; height: 0; border-top: .18rem solid transparent; border-bottom: .18rem solid transparent; top: .5rem } .zeren dl dd.big .txt:after { content: ''; width: 0; position: absolute } .zeren dl dd.big:nth-child(3) .txt:after { left: -.2rem; border-right: .2rem solid #f3f5f8 } .zeren dl dd.big:nth-child(6) .img { float: right; width: 8.3rem } .zeren dl dd.big:nth-child(6) .txt { float: left; width: 3.7rem; background: #0cadc5; color: #fff } .zeren dl dd.big:nth-child(6) .txt p { color: #fff } .zeren dl dd.big:nth-child(6) .txt h6:after { background: #fff } .sb-cont .fdj:after, .sb-cont .fdj:before { background: rgba(0, 64, 152, .37); content: '' } .zeren dl dd.big:nth-child(6) .txt:after { content: ''; width: 0; border-left: .2rem solid #0cadc5; position: absolute; right: -.2rem } .sb-cont { margin-top: 0 } .sb-cont dl { width: 120% } .sb-cont .img, .sb-cont .txt { margin-bottom: .3rem; width: 5.7rem; height: 5.7rem; margin-right: .6rem; float: left } .sb-cont .fdj { position: relative; display: block; overflow: hidden } .sb-cont .fdj > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .sb-cont .fdj:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .sb-cont .fdj:before { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .sb-cont .fdj i, .sb-cont .fdj:after { position: absolute; opacity: 0; transition: all ease-out .3s } .sb-cont .fdj:after { display: block; left: .2rem; top: .2rem; right: .2rem; bottom: .2rem; border: 1px solid #5885c4; z-index: 3; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .sb-cont .fdj i { left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 4; text-align: center; font-size: .36rem; color: #fff; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .sb-cont .fdj:hover i, .sb-cont .fdj:hover:after, .sb-cont .fdj:hover:before { opacity: 1 } .sb-cont .txt { margin-bottom: .3rem; overflow: hidden } .sb-cont .txt .desc h6, .sear-cont .result .wrap dl dd h6 { margin-bottom: .15rem; line-height: 1.6 } .sb-cont .txt .fdj { width: 2.55rem; float: right } .sb-cont .txt .desc { clear: both; padding: .6rem 0 } .sb-cont .txt .desc p { color: #666; line-height: 1.6 } .sear-cont { } .sear-cont .result { background: url(/images/sbg.png) right bottom no-repeat #fff; background-size: 60% auto } .sear-cont .result .wrap { padding: .6rem 0 } .sear-cont .result .wrap > h6 { font-size: .24rem; color: #999 } .sear-cont .result .wrap > h6 span { color: #004098 } .sear-cont .result .wrap > h6:after { content: ''; display: block; width: 30px; height: .03rem; background: #004098; margin-top: .3rem } .sear-cont .result .wrap dl { margin-top: .3rem } .sear-cont .result .wrap dl dd { padding: .35rem 0; border-bottom: 1px dashed #ddd; position: relative; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .sear-cont .result .wrap dl dd p { line-height: 1.6; color: #666; margin-bottom: .2rem; width: 8.3rem } .sear-cont .result .wrap dl dd span { font-family: arial; color: #888 } .sear-cont .result .wrap dl dd i { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: .48rem; color: #999; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .sear-cont .result .wrap dl dd a { display: block; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100% } .sear-cont .result .wrap dl dd:hover { background: -webkit-linear-gradient(left, #004198, #00b8ce); background: -o-linear-gradient(right, #004198, #00b8ce); background: -moz-linear-gradient(right, #004198, #00b8ce); background: linear-gradient(to right, #004198, #00b8ce); color: #fff; padding: .35rem .3rem; border-bottom: 1px solid transparent } .sear-cont .result .wrap dl dd:hover p, .sear-cont .result .wrap dl dd:hover span { color: #fff } .sear-cont .result .wrap dl dd:hover i { right: .25rem; color: #fff } .page-error { position: absolute; width: 100%; top: 1.1rem; bottom: 0; background: url(/images/404.jpg) center no-repeat; text-align: center; background-size: cover } .page-error a { display: inline-block; width: 2.2rem; height: .6rem; background-color: #fff; border-radius: .6rem; font-size: .24rem; color: #004098; line-height: .6rem; position: absolute; left: 50%; bottom: 1rem; margin-left: -1.1rem } .page-error a:hover { background: #004098; color: #fff } .caiye { margin: .6rem auto 1.2rem } .caiye .big { width: 12rem; height: 6.9rem; overflow: hidden; background: #ddd; margin-top: .3rem } .caiye .small { margin-top: .5rem; position: relative } .caiye .small > a { display: inline-block; border: 1px solid #004098; line-height: .48rem; width: .5rem; height: .5rem; text-align: center; box-sizing: border-box; position: absolute; top: 50%; margin-top: -.26rem; border-color: #4b84d9 #4b84d9 #50c6bf #50c6bf } .caiye .small > a:hover { background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); background: linear-gradient(to right, #4b84d9, #50c6bf) } .caiye .small > a:hover i { background: -webkit-linear-gradient(left, #fff, #fff); background: -o-linear-gradient(right, #fff, #fff); background: -moz-linear-gradient(right, #fff, #fff); background: linear-gradient(to right, #fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .caiye .small > a i, .xf-menu p a i { color: #004098; background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); -webkit-text-fill-color: transparent } .caiye .small > a i { background: linear-gradient(to right, #4b84d9, #50c6bf); -webkit-background-clip: text; vertical-align: top; font-size: .28rem } .caiye .small > a.prev { left: -1rem } .caiye .small > a.next { right: -1rem } .caiye .small .swiper-slide { width: 2.24rem; height: 1.45rem; overflow: hidden; box-sizing: border-box; position: relative; margin-right: .2rem; cursor: pointer } .caiye .small .swiper-slide p, .caiye .small .swiper-slide p span { position: absolute; left: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .caiye .small .swiper-slide p { font-size: .2rem; top: 0; height: 100%; background: rgba(0, 0, 0, .5); text-align: center; color: #fff } .caiye .small .swiper-slide p span { top: 50%; transform: translateY(-51%) } .caiye .small .swiper-slide p i { display: block; font-size: .4rem; line-height: 1; margin: 0 auto .05rem } .caiye .small .swiper-slide.active { border: .06rem solid #004098 } .caiye .small .swiper-slide.active p { display: none } .contact { margin: .6rem 0 } .contact dl dd .desc { padding: .4rem; border-bottom: 1px dashed #ddd; position: relative; overflow: hidden } .contact dl dd .desc h6 { float: left; line-height: 1.6; border-right: .02rem solid #ddd; margin-right: .48rem; width: 1.4rem } .contact dl dd .desc .info { width: 7rem; float: left; position: relative; line-height: 1.6; color: #666 } .contact dl dd .desc a { display: inline-block; width: 1.32rem; height: .44rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: .03rem; text-align: center; line-height: .42rem; color: #999; position: absolute; right: .4rem; top: 50%; margin-top: -.22rem } .contact dl dd .desc a i { vertical-align: top; display: inline-block; margin-left: .1rem } .contact dl dd .slide-map { display: none } .contact dl dd .slide-map p { margin: .32rem 0 .22rem; line-height: .4rem; font-size: .24rem; color: #004098; overflow: hidden } .contact dl dd .slide-map p i { vertical-align: top; margin-left: -.1rem; margin-right: .05rem; font-size: .4rem; float: left } .contact dl dd .slide-map .tp { overflow: hidden } .contact dl dd .slide-map .tp iframe { width: 100%; height: 4.8rem; border: 1px solid #ddd; box-sizing: border-box } .contact dl dd.active .desc { background: #f3f5f8; border-bottom: 1px solid #f3f5f8; border-left: .04rem solid #004098 } .contact dl dd.active .desc a { border-color: #4b84d9 #4b84d9 #50c6bf #50c6bf; color: #004098 } .contact dl dd.active .desc a i { color: #1852a2; transform: rotate(-180deg) } .contact .gn { background: url(/images/lxbg.jpg) center top no-repeat; background-size: 100% auto; padding-top: 2rem } .contact .gn h5 { color: #004098; margin-bottom: .1rem } .contact .gn ul li { width: 5.7rem; float: left; box-sizing: border-box; height: 1.7rem; border-bottom: 1px dashed #ddd; padding: .35rem 0; overflow: hidden } .contact .gn ul li h6 { width: 1.7rem; line-height: 1.6; border-right: 2px solid #ddd; float: left; margin-right: .4rem } .contact .gn ul li .desc { float: left; width: 3.55rem; line-height: 1.6; color: #666 } .contact .gn ul li.hw h6, .layer .close { color: #004098 } .contact .gn ul li:nth-child(2n) { float: right } .contact .gn ul li.hw { width: 100%; border-bottom: none } .contact .gn ul li.hw .desc { width: 8rem } .layer { position: fixed; left: 50%; top: 50%; border-radius: 18px; z-index: 1000; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); box-sizing: border-box; background-size: 100% auto } .layer .close { position: absolute; right: .2rem; top: .2rem; font-size: .25rem; font-weight: 700 } .layer .close:hover { /* transform: rotate(90deg) */ } .layer.layer-zx { display: none; width: 5rem; /* padding: .3rem .35rem; text-align: center */ /*background:#fff;*/ Z-index:9999; } .layer.layer-zx h5 { width: .9rem; display: block; margin: 0 auto } .layer.layer-zx h5 img { width: 100% } .layer.layer-zx h6 { font-size: .24rem; color: #004098; margin: .2rem auto .13rem } .layer.layer-zx p { color: #999 } .layer.layer-zx textarea { display: block; width: 100%; box-sizing: border-box; margin: .3rem auto .35rem; border: 1px solid #d8e7f3; background-color: #fff; padding: .13rem; height: 1.6rem } .layer.layer-zx button { width: 1.9rem; height: .54rem; line-height: .54rem; border-radius: .54rem; display: block; margin: 0 auto; font-size: .24rem; color: #fff; background: -webkit-linear-gradient(left, #004098, #0488c0); background: -o-linear-gradient(right, #004098, #0488c0); background: -moz-linear-gradient(right, #004098, #0488c0); background: linear-gradient(to right, #004098, #0488c0); cursor: pointer } .layer.layer-ts, .layer.layer-xd { width: 7.3rem; padding: .5rem; display: none } .layer.layer-ts ul li, .layer.layer-xd ul li { margin-bottom: .2rem; position: relative; padding-left: .9rem } .layer.layer-ts ul li > span, .layer.layer-xd ul li > span { position: absolute; left: 0; top: 0; line-height: .45rem; font-size: .16rem; color: #666 } .layer.layer-ts ul li > span i, .layer.layer-xd ul li > span i { color: red; display: inline-block; vertical-align: middle; margin-left: .05rem } .layer.layer-ts ul li .nr input, .layer.layer-xd ul li .nr input { width: 100%; box-sizing: border-box; height: .45rem; line-height: .43rem; border: 1px solid #d8e7f3; background-color: #fff; padding: .13rem } .layer.layer-ts ul li .nr textarea, .layer.layer-xd ul li .nr textarea { width: 100%; box-sizing: border-box; height: 1.1rem; line-height: 1.3; border: 1px solid #d8e7f3; background-color: #fff; padding: .13 srem } .layer.layer-ts ul li .nr .clearfix a, .layer.layer-xd ul li .nr .clearfix a { float: left; margin: .1rem .1rem 0 0; border: 1px solid #d8e7f3; height: .22rem; line-height: .22rem; padding: 0 .06rem; color: #999; background-color: #fff } .layer.layer-ts ul li .nr .clearfix a.active, .layer.layer-xd ul li .nr .clearfix a.active { border-color: #004098; color: #004098 } .layer.layer-ts button, .layer.layer-xd button { width: 1.9rem; height: .54rem; line-height: .54rem; border-radius: .54rem; display: block; margin: .4rem auto 0; font-size: .24rem; color: #fff; background: -webkit-linear-gradient(left, #004098, #0488c0); background: -o-linear-gradient(right, #004098, #0488c0); background: -moz-linear-gradient(right, #004098, #0488c0); background: linear-gradient(to right, #004098, #0488c0); cursor: pointer } .xf-menu { position: fixed; right: .3rem; /*top: 26%;*/ transform: translateY(40%); z-index: 1000 } .xf-menu p { margin-bottom: .1rem; text-align: right } .xf-menu p a { display: inline-block; height: .56rem; padding: 0 .15rem; box-sizing: border-box; border: 1px solid #004098; border-radius: .54rem; line-height: .54rem; overflow: hidden; border-color: #0072ab #01a9c0 #008bb4 #4b84d9; background-color: #fff } .xf-menu p a:hover, .xf-menu p:last-child a { /* padding: 0 .25rem */ } .xf-menu p a i { float: left; text-align: center; font-size: .26rem; background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); -webkit-background-clip: text } .xf-menu p a em { float: left; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; font-size: .18rem; background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; -moz-text-fill-color: transparent; color: transparent; width: 0; margin-left: 0; text-align: left; color: transparent !important; } .xf-menu p a:hover em { color: #004098 !important; } .xf-menu p a:hover em { margin-left: .1rem; width: .8rem } .xf-menu p:nth-child(4) a:hover em { width: 1.38rem } .xf-menu p:last-child a em { /* width: 1.38rem; margin-left: .1rem */ } @media screen and (max-width: 1500px) { .header .nav ul li .service { margin-left: -4rem } .home .swiper-slide.page-2 ul { margin-bottom: 1.2rem !important } .home .swiper-slide.page-4 .wrap dl { margin-bottom: .4rem } .home .swiper-slide.swiper-slide-active .wrap { transform: translateY(-50%) !important } .home .swiper-slide.page-1.swiper-slide-active .wrap { transform: translateY(0) !important } } @media screen and (max-width: 1400px) { .page-1 .btn { display: none !important } } @media screen and (min-width: 768px) { ::-webkit-scrollbar { width: 6px; background-color: #ddd } ::-webkit-scrollbar-track-piece { width: 6px; background-color: #ddd } ::-webkit-scrollbar-thumb { width: 6px; background-color: #aaa; cursor: pointer } ::-webkit-scrollbar-thumb:hover { background-color: #999 } .f-12 { font-size: .12rem !important } .f-14 { font-size: .14rem !important } .f-16 { font-size: .16rem !important } .f-18 { font-size: .18rem !important } .f-20, .f-22 { font-size: .2rem !important } .f-24 { font-size: .24rem !important } .f-26 { font-size: .26rem !important } .f-28 { font-size: .28rem !important } .f-30 { font-size: .3rem !important } .f-32 { font-size: .32rem !important } .f-34 { font-size: .34rem !important } .f-36 { font-size: .36rem !important } .f-38 { font-size: .38rem !important } .f-40 { font-size: .4rem !important } .f-42 { font-size: .42rem !important } .f-44 { font-size: .44rem !important } .f-46 { font-size: .46rem !important } .f-48 { font-size: .48rem !important } .f-50 { font-size: .5rem !important } .f-52 { font-size: .52rem !important } .f-56 { font-size: .56rem !important } .f-66 { font-size: .66rem !important } .f-70 { font-size: .7rem !important } .f-72 { font-size: .72rem !important } .f-60 { font-size: .6rem !important } .f-80 { font-size: .8rem !important } .f-100 { font-size: 1rem !important } } @media screen and (max-width: 640px) { .yw-cont .nr img{ transform: scale(1.1); } .xs-header, .xs-search { position: fixed; left: 0 } .f-12 { font-size: .2rem !important } .f-14 { font-size: .22rem !important } .f-16 { font-size: .24rem !important } .f-18 { font-size: .26rem !important } .f-20 { font-size: .28rem !important } .f-22 { font-size: .29rem !important } .f-24 { font-size: .3rem !important } .f-26 { font-size: .31rem !important } .f-28 { font-size: .32rem !important } .f-30 { font-size: .33rem !important } .f-32 { font-size: .34rem !important } .f-34 { font-size: .35rem !important } .f-36 { font-size: .36rem !important } .f-38 { font-size: .38rem !important } .f-40 { font-size: .4rem !important } .f-42 { font-size: .42rem !important } .f-44 { font-size: .44rem !important } .f-46 { font-size: .46rem !important } .f-48 { font-size: .48rem !important } .f-50 { font-size: .5rem !important } .f-52 { font-size: .52rem !important } .f-54 { font-size: .54rem !important } .f-56 { font-size: .56rem !important } .f-60 { font-size: .6rem !important } .f-66 { font-size: .66rem !important } .f-70 { font-size: .7rem !important } .f-72 { font-size: .72rem !important } .f-80 { font-size: .8rem !important } .f-100 { font-size: 1rem !important } body { font-size: .22rem !important; overflow-x: hidden; width: 100%; box-sizing: border-box } .main { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; padding-top: 0 } .xs-header, .xs-nav { transition: all ease-out .3s } .cont, .wrap { width: 100%; box-sizing: border-box } .wrap { /*padding: 0 .3rem*/ } .header { display: none !important } .xs-header, .xs-nav { display: block !important } .xs-header { height: 1rem; border-bottom: .01rem solid #ddd; line-height: 1rem; background: #fff; top: 0; width: 100%; z-index: 1000; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; overflow: hidden } .xs-header h1 { padding: .26rem .3rem; box-sizing: border-box; float: left; height: 1rem; text-align: left } .xs-header h1 img { width: auto; height: 100%; vertical-align: top } .xs-header .fr a, .xs-header .fr span { float: left; line-height: 1rem } .xs-header .fr a { padding: 0 .3rem; color: #333; font-size: .35rem } .xs-header .fr span { color: #ddd; font-size: .3rem; line-height: .95rem } .xs-header .nav-btn { height: 1rem; font-size: .45rem !important } .xs-header .nav-btn:before { content: '\e603' } .xs-header .sear-btn { height: 1rem; font-size: .4rem !important } .xs-search { width: 100%; top: 50px; padding: .3rem; background: rgba(0, 0, 0, .6); display: none; z-index: 100; box-sizing: border-box } .xs-search .sear { width: 100%; height: .8rem; line-height: .8rem; border: .01rem solid #ddd; margin: 0 auto; overflow: hidden; position: relative; border-radius: .09rem } .xs-search .sear .text { float: left; height: .8rem; line-height: .8rem; font-size: .26rem; outline: 0; color: #ccc; padding: 0 .3rem; width: 4.5rem } .xs-search .sear .btn, .xs-search .sear .btn input { height: .8rem; line-height: .8rem; color: #fff; cursor: pointer } .xs-search .sear .btn { position: absolute; right: 0; top: 0; z-index: 2; background: #004098; border-radius: 0 .09rem .09rem 0; display: inline-block; overflow: hidden } .xs-nav, .xs-nav .nav-mark { position: fixed; height: 100% } .xs-search .sear .btn input { background: 0 0; border: none; padding: 0 .5rem; outline: 0; float: left; font-size: .28rem } .xs-nav { width: 55%; box-sizing: border-box; right: -56%; top: 0; z-index: 999; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .xs-nav .nav-mark { left: 0; top: 0; width: 100%; z-index: 1; display: none; background: rgba(0, 0, 0, .4) } .xs-nav ul { position: relative; z-index: 2; background: #fff; padding-left: .5rem; height: 100%; box-sizing: border-box; padding-top: 1rem; overflow-y: auto } .xs-nav li { border-bottom: 1px solid #ddd; font-size: .23rem; border-top: 1px solid #ddd } .xs-nav li + li { margin-top: -1px } .xs-nav li > a { display: block; color: #000; overflow: hidden; font-size: .3rem; padding: 0 .3rem 0 0; height: 49px; line-height: 49px } .xs-nav li > a i { display: inline-block; display: none !important; float: left; width: 8px; height: 8px; border: 1px solid #666; border-radius: 50%; margin-right: 12px; margin-top: 20px } .xs-nav li > a em { display: inline-block; float: right; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .xs-nav li.active > a, .xs-nav li:active > a { color: #004098 } .xs-nav li.active > a i, .xs-nav li:active > a i { border-color: #fff } .xs-nav li dl, .xs-nav li dl.fw dd > a { border-bottom: 1px solid #ddd; margin-left: -.5rem; overflow: hidden } .xs-nav li.active > a em, .xs-nav li:active > a em { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg) } .xs-nav li dl { padding: 8px 0 8px .5rem; background: #f5f5f5; display: none; border-top: 1px solid #ddd; margin-bottom: -1px } .xs-nav li dl dd { font-size: .26rem } .xs-nav li dl dd > a { display: block; color: #333; padding: 4px 0; line-height: 28px; height: 28px } .xs-nav li dl dd > a img { width: 20px; float: left; margin-right: 15px } .xs-nav li dl dd.active a { color: #004098 } .xs-nav li dl.fw { padding: 0 0 0 .5rem } .xs-nav li dl.fw dd > a { background-color: #fff; padding-left: .5rem } .xs-nav li dl.fw dd > a em { float: right; font-size: .26rem; margin-right: .2rem; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .xs-nav li dl.fw dd > a.active em { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg) } .xs-nav li dl.fw dd .sanji { padding: 8px 0; display: none } .xs-nav li dl.fw dd .sanji .nr > a { font-size: .28rem; display: block; line-height: 30px } .xs-nav li dl.fw dd .sanji .nr p { display: none } .xs-nav li dl.fw dd .sanji .nr p a { display: block; line-height: 1.8; font-size: .24rem; color: #999 } .xs-nav li dl.fw dd:last-child > a { border-bottom: none } .xs-nav.active { right: 0 } .xs-nav.active .nav-mark { display: block } .xf-menu { transform: translateY(40%) } .xf-menu p a:hover em { width: 1rem } .xf-menu p:last-child a { padding: 0 .15rem } .xf-menu p:last-child a em { width: 0; margin-left: 0 } .xf-menu p:last-child a:hover em { width: 1.7rem } .xs-home-banner { display: block !important; position: absolute; width: 100%; height: 100% } .xs-home-banner .swiper-slide { padding-top: 1rem; box-sizing: border-box; overflow: hidden } .xs-home-banner .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; background-size: cover !important; background-position: center; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .xs-home-banner .page1 .swiper-container { width: 100%; height: 100%; position: relative } .xs-home-banner .page1 .btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1000; font-size: .8rem; color: #fff } .xs-home-banner .page1 .btn.prev { left: .1rem } .xs-home-banner .page1 .btn.next { right: .1rem } .xs-home-banner .page1 .pages { position: absolute; z-index: 210; left: 0; bottom: 0; width: 100%; padding: .18rem; text-align: center } .xs-home-banner .page1 .pages span { margin: 2px 5px 0; background: #99b3d6; opacity: 1; vertical-align: top } .xs-home-banner .page1 .pages span.swiper-pagination-bullet-active { width: 12px; height: 12px; background: url(/images/dian.png) center; background-size: cover; margin-top: 0 } .xs-home-banner .page1 .page-li { position: absolute; height: 3rem; left: 0; bottom: 0; z-index: 100; width: 100%; background: url(/images/p-li.png) center no-repeat; background-size: auto 100%; transition: all ease-out .6s .7s; -moz-transition: all ease-out .6s .7s; -webkit-transition: all ease-out .6s .7s; -o-transition: all ease-out .6s .7s; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 0 .3rem } .xs-home-banner .page1 .page-li dl { overflow: hidden; width: 18.5rem; padding: 0 } .xs-home-banner .page1 .page-li dl dd { width: 3.5rem; float: left; box-sizing: border-box; height: 2.4rem; background: -webkit-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: -o-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: -moz-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); padding: 0; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s; cursor: pointer; margin-right: 1px } .xs-home-banner .page1 .page-li dl dd .box { padding: .3rem; box-sizing: border-box; height: 2.4rem; background: -webkit-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: -o-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: -moz-linear-gradient(rgba(255, 255, 255, .1), #dbe6f5); background: linear-gradient(rgba(255, 255, 255, .1), #dbe6f5) } .xs-home-banner .page1 .page-li dl dd span { color: #004098; line-height: 27px } .xs-home-banner .page1 .page-li dl dd span img { width: 22px; display: inline-block; vertical-align: top; margin-right: 10px } .xs-home-banner .page1 .page-li dl dd p { margin-top: .12rem; line-height: 1.5 } .xs-home-banner .page1 .page-li dl dd.active .box { background: -webkit-linear-gradient(rgba(255, 255, 255, .1), #91b3e1); background: -o-linear-gradient(rgba(255, 255, 255, .1), #91b3e1); background: -moz-linear-gradient(rgba(255, 255, 255, .1), #91b3e1); background: linear-gradient(rgba(255, 255, 255, .1), #91b3e1) } .xs-home-banner .title { text-align: center; font-size: .3rem; color: #666 } .xs-home-banner .title span { display: block; margin: .08rem 0; font-size: .14rem; color: #999 } .xs-home-banner .page2 .wrap { position: relative; padding: .3rem; height: 100%; z-index: 3; top: 50%; opacity: 0; transition: all ease-out .6s .6s; -moz-transition: all ease-out .6s .6s; -webkit-transition: all ease-out .6s .6s; -o-transition: all ease-out .6s .6s } .xs-home-banner .page2.swiper-slide-active .wrap { top: 0; opacity: 1 } .xs-home-banner .page2 .wrap h6 { font-size: .3rem; color: #fff; text-align: center; letter-spacing: 1px; position: absolute; left: 0; right: 0; bottom: .5rem } .xs-home-banner .page2 .wrap ul { position: relative; margin-top: .5rem } .xs-home-banner .page2 .wrap ul li { position: absolute; width: 1.9rem; height: 1.9rem } .xs-home-banner .page2 .wrap ul li:nth-child(1) { left: .4rem; top: .6rem } .xs-home-banner .page2 .wrap ul li:nth-child(2) { left: 2.5rem; top: -.4rem } .xs-home-banner .page2 .wrap ul li:nth-child(3) { right: 0.4rem; top: 2.4rem } .xs-home-banner .page2 .wrap ul li:nth-child(4) { left: 2.5rem; top: 1.7rem } .xs-home-banner .page2 .wrap ul li:nth-child(5) { left: .4rem; top: 4.5rem } .xs-home-banner .page2 .wrap ul li:nth-child(6) { left: 2.5rem; top: 3.7rem } .xs-home-banner .page2 .wrap ul li:nth-child(7) { right: .4rem; top: 4.4rem } .xs-home-banner .page2 .wrap ul li:nth-child(8) { right: .4rem; top: 6.35rem } .xs-home-banner .page2 .wrap ul li:nth-child(9) { left: .4rem; top: 6.35rem } .xs-home-banner .page2 .wrap ul li:nth-child(10) { right: .4rem; top: .5rem } .xs-home-banner .page2 .wrap ul li:nth-child(11) { left: 0.4rem; top: 2.6rem } .xs-home-banner .page2 .wrap ul li:nth-child(12) { left: 2.5rem; top: 5.6rem } .xs-home-banner .page3 .wrap { position: relative; padding: .3rem; height: 100%; z-index: 3; top: 50%; opacity: 0; transition: all ease-out .6s .6s; -moz-transition: all ease-out .6s .6s; -webkit-transition: all ease-out .6s .6s; -o-transition: all ease-out .6s .6s; overflow: hidden } .xs-home-banner .page3.swiper-slide-active .wrap { top: 0; opacity: 1 } .xs-home-banner .page3 .wrap .tab p + p { margin-left: .93rem } .xs-home-banner .page3 .wrap .tab p:nth-child(1) span { color: #e99f03 } .xs-home-banner .page3 .wrap .tab p:nth-child(2) span { color: #004098 } .xs-home-banner .page3 .wrap .tab p:nth-child(3) span { color: #009280 } .xs-home-banner .page3 .wrap .tab p:nth-child(4) span { color: #0192db } .xs-home-banner .page3 .wrap .desc dt { height: 1.2rem; width: 1px; background: #dbe9f4; float: left } .xs-home-banner .page3 .wrap .desc dd { float: left; box-sizing: border-box; text-align: center; border-bottom: 1px solid #dbe9f4; color: #666 } .xs-home-banner .page3 .wrap .desc dd p + p { margin-top: .12rem } .xs-home-banner .page3 .wrap .tab { margin-top: .4rem } .xs-home-banner .page3 .wrap .tab p { float: left; box-sizing: border-box; border-radius: 50%; border: 1px solid #dbe9f4; text-align: center; width: 1.5rem; background-color: #fff; margin-right: .3rem; margin-left: 0 !important; height: 1.5rem; padding-top: .3rem } .xs-home-banner .page3 .wrap .tab p span { display: block; font-size: .18rem; margin-top: .15rem } .xs-home-banner .page3 .wrap .tab p i { display: block; height: auto } .xs-home-banner .page3 .wrap .tab p i img { vertical-align: middle; width: auto; height: .4rem } .xs-home-banner .page3 .wrap .tab p:last-child { margin-right: 0 } .xs-home-banner .page3 .wrap .desc { margin-top: .4rem; width: 100% } .xs-home-banner .page3 .wrap .desc dd { width: 1.75rem; font-size: .18rem; margin-bottom: .3rem; padding: .25rem 0; height: 1.5rem } .xs-home-banner .page3 .wrap .desc dd span { font-weight: 700; color: #004098; font-size: .4rem } .xs-home-banner .page3 .wrap .desc dd a { color: #004098; line-height: .8rem } .xs-home-banner .page3 .wrap .desc dt { margin: 0 .4rem } .xs-home-banner .page3 .wrap .more { display: block; margin: .1rem auto; width: 2rem; height: .6rem; line-height: .56rem; box-sizing: border-box; border: .02rem solid #004098; text-align: center; font-size: .24rem; color: #004098 } .xs-home-banner .page3 .wrap .slide { float: right; position: relative; width: 6.75rem; margin-top: .6rem } .xs-home-banner .page3 .wrap .slide .clearfix a { margin-right: 1.2rem; font-size: .24rem; color: #fff; position: relative; z-index: 2; text-align: center } .xs-home-banner .page3 .wrap .slide .clearfix a i { display: block; font-size: .3rem; margin-bottom: .05rem } .xs-home-banner .page3 .wrap .slide .btn-group { overflow: hidden; margin-top: .25rem; padding-right: 1.8rem; position: relative; z-index: 2; display: none !important } .xs-home-banner .page3 .wrap .slide .btn-group a { float: right; width: .47rem; height: .47rem; box-sizing: border-box; border: 1px solid #ddd; background-color: #fff; text-align: center; line-height: .46rem; margin-left: .05rem; color: #d8e7f3; font-size: .2rem } .xs-home-banner .page3 .wrap .slide .btn-group a:hover { color: #004098 } .xs-home-banner .page3 .wrap .slide .swiper-container { margin-top: .4rem } .xs-home-banner .page3 .wrap .slide .swiper-container .swiper-slide { width: 2.48rem; float: left; padding-top: 0; margin-right: .13rem; overflow: hidden; position: relative } .xs-home-banner .page3 .wrap .slide .swiper-container .swiper-slide p { box-sizing: border-box; background: #e7f6fe; padding: .03rem; border: 1px solid #d8e7f3 } .xs-home-banner .page3 .wrap .slide .swiper-container .swiper-slide p > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .xs-home-banner .page3 .wrap .slide .swiper-container .swiper-slide p:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .xs-home-banner .page3 .wrap .slide .swiper-container .swiper-slide a { position: absolute; width: 100%; text-align: center; height: 100%; left: 0; top: 0; z-index: 2; background: rgba(0, 65, 152, .7); opacity: 0; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .xs-home-banner .page3 .wrap .slide .swiper-container .swiper-slide a i { color: #fff; font-size: .4rem; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100% } .xs-home-banner .page3 .wrap .slide .swiper-container .swiper-slide:hover a { opacity: 1 } .xs-home-banner .page4 .wrap { position: relative; padding: .3rem; height: 100%; z-index: 3; top: 50%; opacity: 0; transition: all ease-out .6s .6s; -moz-transition: all ease-out .6s .6s; -webkit-transition: all ease-out .6s .6s; -o-transition: all ease-out .6s .6s } .xs-home-banner .page4.swiper-slide-active .wrap { top: 0; opacity: 1 } .xs-home-banner .page4 .wrap h6 { font-size: .2rem } .xs-home-banner .page4 .wrap dl { width: 100%; margin: .3rem auto; overflow: hidden; padding-top: 1px; padding-left: 1px } .xs-home-banner .page4 .wrap dl dd, .xs-home-banner .page4 .wrap dl dt { width: 33.33%; height: 1.1rem; margin-left: -1px; margin-top: -1px; float: left } .xs-home-banner .page4 .wrap dl dd { border: 1px solid #ddd; box-sizing: border-box; overflow: hidden; background-color: #fff } .xs-home-banner .page4 .wrap dl dd > img { transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .xs-home-banner .page4 .wrap dl dd:hover > img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05) } .xs-home-banner .page4 .wrap .more { display: block; margin: 0 auto .4rem; box-sizing: border-box; width: 2rem; height: .6rem; line-height: .56rem; text-align: center; border: .02rem solid #004098; color: #004098; font-size: .24rem } .xs-home-banner .page4 .wrap .more:hover { background: #004098; color: #fff } .xs-home-banner .page4 .wrap .al { overflow-x: auto; -webkit-overflow-scrolling: touch } .xs-home-banner .page4 .wrap .al ul { margin-top: .25rem; width: 16.5rem } .xs-home-banner .page4 .wrap .al ul li { width: 5.2rem; float: left; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; border: 1px solid #d8e7f3; background-color: #fff; padding: .3rem; margin-right: .3rem } .xs-home-banner .page4 .wrap .al ul li > a { float: left; width: 100%; height: 2.4rem; overflow: hidden } .xs-home-banner .page4 .wrap .al ul li p { line-height: .35rem; height: .7rem; overflow: hidden; float: left; font-size: .2rem; width: 100%; padding: .1rem 0; margin-top: .15rem } .xs-home-banner .page4 .wrap .al ul li i { position: absolute; right: .3rem; bottom: .3rem; font-size: .24rem; color: #999 } .xs-home-banner .page4 .wrap .al ul li:hover { background: -webkit-linear-gradient(left, #4b84d9, #50c6bf); background: -o-linear-gradient(right, #4b84d9, #50c6bf); background: -moz-linear-gradient(right, #4b84d9, #50c6bf); background: linear-gradient(to right, #4b84d9, #50c6bf) } .xs-home-banner .page4 .wrap .al ul li:hover a, .xs-home-banner .page4 .wrap .al ul li:hover i { color: #fff } .xs-home-banner .page5 .wrap { position: relative; padding: .3rem; height: 100%; z-index: 3; top: 50%; opacity: 0; transition: all ease-out .6s .6s; -moz-transition: all ease-out .6s .6s; -webkit-transition: all ease-out .6s .6s; -o-transition: all ease-out .6s .6s } .xs-home-banner .page5.swiper-slide-active .wrap { top: 0; opacity: 1 } .xs-home-banner .page5 .wrap dl { padding-top: 3.7rem } .xs-home-banner .page5 .wrap dl dt { width: 4rem; position: absolute; left: 1.7rem; top: 1.8rem } .xs-home-banner .page5 .wrap dl dt p { position: absolute } .xs-home-banner .page5 .wrap dl dt .ys { width: 1.6rem; margin-left: 1rem; z-index: 2; top: -1rem; opacity: 0 } .xs-home-banner .page5 .wrap dl dt .quan { top: 2rem; opacity: 0 } .xs-home-banner .page5 .wrap dl dd { position: relative; padding-left: .6rem } .xs-home-banner .page5 .wrap dl dd h6 { font-size: .28rem; line-height: .5rem; margin-bottom: .1rem; font-weight: 700 } .xs-home-banner .page5 .wrap dl dd p { line-height: 1.6; font-size: .24rem; color: #666 } .xs-home-banner .page6 .wrap dl dt a, .xs-home-banner .page6 .wrap h3, .xs-home-banner .page6 .wrap h3 span { color: #fff } .xs-home-banner .page5 .wrap dl dd:before { content: ''; display: block; width: .1rem; height: .1rem; border-radius: 50%; background: #004098; position: absolute; left: 0; top: .2rem } .xs-home-banner .page5 .wrap dl dd:after { content: ''; display: block; width: 100%; height: 1px; background: #ddd; margin: .2rem 0 } .xs-home-banner .page5 .wrap dl dd:last-child:after { display: none !important } .xs-home-banner .page5.swiper-slide-active .wrap dl dt .ys { top: 0; opacity: 1; transition: all ease-out 1s .7s; -moz-transition: all ease-out 1s .7s; -webkit-transition: all ease-out 1s .7s; -o-transition: all ease-out 1s .7s } .xs-home-banner .page5.swiper-slide-active .wrap dl dt .quan { top: .6rem; opacity: 1; transition: all ease-out .8s .7s; -moz-transition: all ease-out .8s .7s; -webkit-transition: all ease-out .8s .7s; -o-transition: all ease-out .8s .7s } .xs-home-banner .page6 .wrap { position: relative; padding: .3rem; height: 100%; z-index: 3; top: 50%; opacity: 0; transition: all ease-out .6s .6s; -moz-transition: all ease-out .6s .6s; -webkit-transition: all ease-out .6s .6s; -o-transition: all ease-out .6s .6s } .xs-home-banner .page6.swiper-slide-active .wrap { top: 0; opacity: 1 } .xs-home-banner .page6 .wrap dl { margin-top: .4rem; overflow: hidden } .xs-home-banner .page6 .wrap dl dt { width: 100%; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .2); padding-bottom: .4rem } .xs-home-banner .page6 .wrap dl dt h6 { font-size: .3rem; line-height: .4rem; margin-top: .2rem; display: inline-block } .xs-home-banner .page6 .wrap dl dt h6:after { content: ''; display: block; width: .4rem; height: .04rem; background: #1fd2ff; margin-top: .2rem; transition: all ease-out .3s; -moz-transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -o-transition: all ease-out .3s } .xs-home-banner .page6 .wrap dl dt h6:hover:after { width: 100% } .xs-home-banner .page6 .wrap dl dt p { margin-top: .3rem; line-height: 1.8; font-size: .16rem } .xs-home-banner .page6 .wrap dl dt > a { margin-top: .3rem; display: inline-block; height: .44rem; line-height: .42rem; border: 2px solid #fff; padding: 0 .35rem; font-size: .18rem } .about-rz ul li:before, .footer .clearfix .desc img, .home, .home-page .xf-menu, .map .canvas, .map .sys dt, .news-detail .wrap .back, .page-ban .tab, .page-ban:before, .shuju dl dt, .yw-cont .left-menu { display: none !important } .xs-home-banner .page6 .wrap dl dt > a:hover { background-color: #fff; color: #004098 } .xs-home-banner .page6 .wrap dl dd { width: 100%; margin-top: .4rem } .xs-home-banner .page6 .wrap dl dd ul li { width: 100%; box-sizing: border-box; padding: .3rem; border: 2px solid #fff; margin-bottom: .4rem; position: relative } .xs-home-banner .page6 .wrap dl dd ul li p { font-size: .26rem; padding-right: .5rem; line-height: 1.8; font-weight: 700 } .xs-home-banner .page6 .wrap dl dd ul li p a { color: #fff } .xs-home-banner .page6 .wrap dl dd ul li > a { position: absolute; right: .2rem; top: 50%; transform: translateY(-50%); font-size: .5rem; color: #fff } .xs-home-banner .page6 .wrap dl dd ul li:hover { background-color: #fff } .xs-home-banner .page6 .wrap dl dd ul li:hover p a, .xs-home-banner .page6 .wrap dl dd ul li:hover > a { color: #004098 } .xs-home-banner .footer { height: auto !important } .home-page { margin-top: -1rem } .footer { padding: .7rem .3rem 1.2rem } .footer:before { width: 80% } .footer .clearfix .desc { float: left } .honor ul li:nth-child(2n), .map .sys dd:nth-of-type(2n), .team ul li:nth-child(2n) { float: right } .footer .clearfix .desc img { width: 125px } .footer .clearfix .desc .txt { border: none; margin-left: 0; padding-left: 0 } .footer .clearfix .fr { padding-top: 0; margin-top: .25rem } .footer .clearfix .fr dl dt { width: 3rem; height: .6rem; line-height: .6rem; font-size: .2rem } .footer .dl { margin-top: .4rem; padding-top: .4rem } .footer .dl dl { padding-top: 0; padding-bottom: .4rem; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: .4rem } .footer .dl dl dd, .footer .dl dl dt { width: 33.33%; margin-right: 0 } .footer .dl dl dt { top: .5rem } .footer .dl dl dt p { font-size: .24rem !important } .footer .dl dl:last-child { margin-bottom: .1rem; padding-bottom: 0; border-bottom: none } .footer .copyright { width: 80%; padding: 0; text-align: center; height: .9rem; line-height: .9rem } .page-ban { height: auto } .page-ban img { /*width: auto;*/ height: 4rem } .page-ban .tab { left: .3rem; right: .3rem; width: auto; margin-left: 0 } .about-1 .fl, .about-1 img, .about-yw .wrap { width: 100% } .container { margin: .5rem 0 } .about-1 img, .about-yw .desc { margin-top: .3rem } .about-1 .ts { padding-left: .35rem } .about-1 .ts b i { font-size: .14rem } .about-yw .wrap .tab p + p { margin-left: .15rem } .about-yw .wrap .tab p i img { width: auto; height: .4rem } .about-yw .desc dd { width: 2rem } .about-rz ul li .img, .about-rz ul li .txt, .brand > .clearfix, .caiye .big, .honor ul { width: 100% } .about-yw .desc dt { margin: 0 .2rem } .about-rz { margin: .3rem 0 } .about-rz ul li .txt { padding: .3rem 0 !important } .brand { margin-bottom: 0; padding-bottom: .5rem; padding-top: 0 } .brand > .clearfix { box-sizing: border-box; padding: 0 .3rem } .brand > .clearfix dl { margin-top: 0; padding-left: .5rem } .brand > .clearfix dl dd { margin-bottom: .3rem; margin-top: 0 } .brand > .clearfix dl dd .nr { width: 100%; margin: 0; box-sizing: border-box } .brand > .clearfix dl dd:before { display: none !important } .brand > .clearfix dl dd:nth-child(2n) .nr:before { left: -.7rem } .brand > .clearfix dl dd:nth-child(2n) .nr:after { left: -12px; border-left: none; border-right: 12px solid #f3f5f8 } .brand > .clearfix dl dd:nth-child(2n) .nr:hover:after { border-left: none; border-right: 12px solid #004098 } .brand > .clearfix:before { left: .3rem; margin-left: 0; top: 0; bottom: 0 } .caiye .big { height: 5rem } .caiye .small { margin-top: .3rem } .caiye .small .swiper-slide { height: 1.4rem } .honor { padding-bottom: 0 } .honor ul li { width: 48%; margin: 0 0 .2rem } .page-tab { padding: .3rem 0 } .page-tab a { height: 35px; line-height: 33px; margin: 0 5px; padding: 0 15px; font-size: 14px } .map { margin: -.2rem 0 0; padding: .3rem .3rem 0 } .map .bgf { padding-bottom: 0; background: 0 0 } .map .sys { width: 100% } .map .sys dd, .map .sys dt { width: 48% } .map .sys dd { margin-bottom: .3rem } .team { margin: .2rem 0 } .team ul { width: 100%; margin-bottom: 0 } .sb-cont, .team ul li { margin: 0 0 .3rem } .team ul li { width: 48%; height: auto } .sb-cont dl { width: 100% } .sb-cont .img, .sb-cont .txt { width: 100%; height: auto } .sb-cont .txt .desc { padding: .3rem 0 } .qd { margin-bottom: 0 } .qd .qd-about dl { width: 100%; margin: .3rem 0 0; padding-bottom: 0 } .qd .qd-about dl dd { width: 48%; margin: 0 0 .3rem; float: left; height: auto; margin-right: 0 !important; margin-left: 0 !important } .case dl, .news dl, .shuju dl { width: 100% } .case dl dd:nth-child(2n), .news dl dd:nth-child(2n), .qd .qd-about dl dd:nth-child(2n) { float: right } .shuju { margin-bottom: 0; padding-bottom: .3rem; padding-top: 0 } .shuju dl { padding: 1px 0 0 1px } .shuju dl dd { border: 1px solid #ddd; margin: -1px 0 0 -1px; height: 1rem } .shuju dl dd img { transform: translateY(-50%); position: relative; top: 50% } .case dl dd, .news dl dd { width: 48%; margin: 0 0 .3rem } .case dl dd .txt p, .news dl dd .txt p { font-size: .14rem } .news-detail { /*padding: 0 .3rem*/ } .news-detail .wrap { margin: 0; padding: .3rem } .news-detail .wrap .page { margin: .5rem 0 0 } .news-detail .wrap .page p { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 2 } .join { padding-bottom: 0 } /*.join .filter {*/ /* margin-top: 0;*/ /* margin-bottom: .3rem*/ /*}*/ /*.join .filter select {*/ /* margin-left: 0;*/ /* float: left;*/ /* width: 48%;*/ /* margin-right: 0*/ /*}*/ /*.join .filter select:nth-of-type(2) {*/ /* float: right*/ /*}*/ /*.join .filter input {*/ /* margin-left: 0;*/ /* margin-right: 0;*/ /* float: left;*/ /* margin-top: .2rem;*/ /* width: 70%;*/ /* box-sizing: border-box;*/ /* height: 34px;*/ /* border-radius: 4px 0 0 4px*/ /*}*/ /*.join .filter button {*/ /* float: left;*/ /* width: 30%;*/ /* margin: .2rem 0 0;*/ /* border-radius: 0 4px 4px 0*/ /*}*/ .join .filter .field-jobsearch-city{width:25%;} .join dl dt { padding: 0 .3rem } .join dl dd { padding: .3rem .3rem 1.2rem } .join dl dd .btn { right: .3rem; bottom: .3rem; height: .6rem; line-height: .6rem; padding: 0 .3rem } .contact dl dd .desc { padding: .3rem 0 } .contact dl dd .desc h6 { border: none; width: 100%; margin-bottom: .1rem } .contact dl dd .desc .info { padding-left: 0; margin-left: 0; width: 100% } .contact dl dd .desc a { right: 0; margin-top: 0; top: 65%; height: .6rem; line-height: .58rem; width: auto; padding: 0 .2rem } .contact dl dd.active .desc { padding: .3rem } .contact dl dd.active .desc a { right: .3rem } .contact .gn { padding-top: 1rem } .contact .gn ul li { width: 100%; height: auto } .contact .gn ul li h6 { width: 100%; border: none; margin-bottom: .1rem } .contact .gn ul li .desc { width: 100% !important } .download { padding-bottom: 0 } .download .filter { margin-top: 0 } .download .filter > a { width: 22%; height: .6rem; line-height: .58rem; margin-right: 0; box-sizing: border-box } .download .filter > a + a { margin-left: 4% } .download .filter .fr { width: 100%; margin-top: .2rem } .download .filter .fr input { box-sizing: border-box; padding: 0 .3rem } .download .filter .fr button { padding: 0 .3rem; font-size: .4rem } .download dl dd > i { width: 30px; margin-right: .2rem } .download dl dd .desc { line-height: 19px; width: 78% } .download dl dd .desc h6 { margin-bottom: 0 } .download dl dd .desc p { font-size: .14rem } .download dl dd .desc p span { margin-right: .05rem } .download dl dd .desc p span:last-child { margin-right: 0 } .download dl dd a i { width: 22px; height: 22px; background-size: cover; margin-bottom: 2px } .zeren { padding-bottom: 0; margin-bottom: 0 } .zeren dl { width: 100% } .zeren dl dd { margin: 0 0 .3rem; width: 100% !important } .zeren dl dd .txt { padding: .3rem !important } .zeren dl dd .txt p { font-size: .14rem; line-height: 1.6; margin-top: .3rem; width: 100% } .zeren dl dd.big .txt { position: absolute; right: 0; top: 0; width: 50% } .zeren dl dd.middle .txt { width: 50% } .zeren dl dd:last-child .txt:after { right: 100% !important; border-left: none !important; border-right: .2rem solid #0cadc5 } .layer.layer-ts ul li, .layer.layer-xd ul li { padding-left: 1.4rem } .layer.layer-ts ul li > span, .layer.layer-xd ul li > span { line-height: .6rem } .layer.layer-ts ul li .nr input, .layer.layer-xd ul li .nr input { height: .6rem; line-height: .58rem } .layer.layer-ts ul li .nr .clearfix a, .layer.layer-xd ul li .nr .clearfix a { height: .45rem; line-height: .43rem; padding: 0 .2rem } .yw-cont .nr { padding: .3rem } .yw-cont .left-menu { width: 2.4rem } .yw-cont .yw-box.fr { width: 100% } .relate-case { margin-bottom: .5rem } .page-error { top: 0; bottom: 0 } .sear-cont { padding-top: 0 } .sear-cont .result .wrap { padding: .3rem !important; box-sizing: border-box } .sear-cont .result .wrap dl dd p { width: auto; line-height: 1.6 } } .ys-list{width: 80%;background-color: rgb(217,229,241);border-radius: 30px;height: 50px;margin: auto;} .ys-list .ys-list-icon{ border-radius: 50%;width: 30px;height: 30px;margin: auto;display: inline-block;position: relative;top: 10px;left: 10px;background-color: rgb(147,150,155);text-align: center;line-height: 30px;color: white;font-size: 14px; } .learn-more{ margin: auto;background-color: #75B2F7;letter-spacing: 10px;height: 1.1rem;cursor: pointer; } .learn-more-son{ line-height: .9rem;height: .9rem;font-weight: 900;font-size: .3rem;margin: .1rem;background-color: #75B2F7;border: 1px solid #FFFFFF;text-align: center; } .learn-more-first{ color: #FFFFFF;display: inline-block; } .learn-more-second{ color: #FFEF3A;display: inline-block; } .opacity-9{ opacity: .9; } .opacity-8{ opacity: .8; } .opacity-7{ opacity: .7; } .opacity-6{ opacity: .6; } .opacity-5{ opacity: .5; } .opacity-4{ opacity: .4; } .opacity-3{ opacity: .3; } .opacity-2{ opacity: .2; } .opacity-1{ opacity: .1; } .yellow{ color: #FFEF3A; } .method-top{ height: 5rem;position: relative; } .method-top img{ width: 6.6rem;height: 4rem;margin: .6rem;z-index: 1;display: inline-block; } .method-top .mt-content{ position: absolute;z-index: 4;display: inline-block;width: 4.5rem;background-color: #FFFFFF;left: 5rem;top: 1rem;padding: .2rem;box-shadow: 14px 0 14px 0 #cbcbcb; } .title-title{ font-size: .3rem;color: #064EA1;text-align: center;font-weight: 900; } .main-business{ background: -webkit-linear-gradient(#b0bbcb ,#ced6e0, #b0bbcb); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#b0bbcb ,#ced6e0, #b0bbcb); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#b0bbcb ,#ced6e0, #b0bbcb); /* Firefox 3.6 - 15 */ background: linear-gradient( #b0bbcb ,#ced6e0, #b0bbcb); /* 标准的语法（必须放在最后） */ padding-bottom: .6rem; } .business-head{ width: 80%;margin: auto;position: relative;z-index: 4; height: 1rem; background-color: #b0bbcb; border: .1rem solid white; border-top: 0; border-radius: 0 0 30px 30px; box-shadow: 0 2px 3px 0px rgba(81,80,80,.5); } .business-content{ box-shadow: 0 21px 21px #666; width: 75%;margin: auto;background-color: white;padding: .5rem .1rem;z-index: 2;position: relative;top: -.1rem; } .bc-title-first{ text-align: center;color: #1882EE;font-size: .22rem;font-weight: 600; } .bc-title-second{font-weight: 900;font-size: .2rem;text-align: center;color: black;} .bc-table{ width: 100%; } .bc-table tr th{font-size: .18rem;padding: .1rem;text-align: center;border-bottom: 1px solid #AAAAAA;border-top: 1px solid #AAAAAA;color: black;} .bc-table tr td{font-size: .16rem;padding: .1rem;text-align: center;border-bottom: 1px solid #AAAAAA;color: black;} .yj-ic{width: 70%;margin: auto;text-align: center;} .yj-icon{width: 33%;float: left;display: inline-block;} .yj-icon img{position: relative;width: auto;} .yj-icon p{font-size: .2rem;font-weight: 900;letter-spacing: 5px;color: black;} .col-sm-5{width: 44%;display: inline-block;} .mbig{overflow: hidden;position: relative;} .mbig img{width: 100%;height: 100%;margin: 0;transition: all .5s linear 0s;} .mbig:hover img{ transform: scale(1.2); } .bg-mb:hover .mbig-b{display: block;} .mbig .mbig-b{ position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);top: 0;display: none; } .ds-yj{position: relative;width: 6rem;height: 6rem;border-top:.1rem solid #1d6bb5;border-right:.1rem solid #1d6bb5;border-left: .1rem solid #f08300;border-bottom: .1rem solid #f08300;border-radius: 50%;transform: rotate(45deg);margin: auto;} .y-border-1{ border-radius: 50%;border: 1px solid white;width: 1rem;height: 1rem;font-weight: 900;font-size: .5rem; } .color-orange{color: #f08300} .bg-orange{background-color: #f08300} .bg-blue{background-color: #1d6bb5} .ds-small-yi{ transform: rotate(-45deg); text-align: center;position: absolute;display: inline-block;color: white;} .am-g{display: table;width: 100%;} .page-1 .swiper-container .swiper-pagination span{display: inline-block; width: 50px;border-radius: unset; height: 4px; margin-right: 10px; background-color: #3a333f; position: relative; cursor: pointer;} .xf-r{position: fixed;display: none;top: 25%;left: 0;z-index: -1;box-shadow: 10px 10px 10px #b2b2b2;} @media screen and (max-width: 640px) { .method-top img{ margin: 0; } } .table-1 td{border:1px solid;line-height:.3rem;} .table-1{width:80%;margin:auto;max-width:1000px;}