@charset "UTF-8";
a, p, ul, li, dd, dt, dl, span, i, h1, h2, h3, h4, h5, h6, p, div { text-decoration: none; box-sizing: border-box; font-size: 14px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; padding: 0; margin: 0; list-style-type: none; font-weight: normal; color: #333; }

*, *:after, *:before { box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

input, textarea { border: 1px solid #D1D1D1; background: #fff; height: 30px; line-height: 30px; padding: 0 10px; box-sizing: border-box; outline: none; }

a:hover { text-decoration: none; }

* { font-family: "Calibri","font_en","-apple-system","SF UI Text","Arial","PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","sans-serif","'Microsoft Yahei Light'"; padding: 0; word-wrap: break-word; word-wrap: break-word; }

body, html { overflow-x: hidden; position: relative; max-width: 1920px; margin: 0 auto; background: #fff; }

img { display: block; max-width: 100%; }

.container { margin: 0 auto; padding: 0 20px; }

@media only all and (min-width: 768px) { .container { width: 750px; padding: 0 10px !important; } }

@media only all and (min-width: 992px) { .container { width: 960px; padding: 0 10px !important; } }

@media only all and (min-width: 1200px) { .container { width: 1200px; padding: 0 10px !important; } }

@media only all and (min-width: 1441px) { .container { width: 1400px; padding: 0 10px !important; } }

@media only all and (min-width: 1900px) { .container { width: 1400px; padding: 0 10px !important; } }

@font-face { font-family: 'font_cn'; src: url("../fonts/kuhei.ttf"); }

@font-face { font-family: 'font_en'; src: url("../font/CALIBRI.TTF"); }

@font-face { font-family: "iconfont"; src: url("../font/iconfont.eot"); /* IE9*/ src: url("../font/iconfont.eot") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABnQAAsAAAAAJVwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAAQwAAAFZW7koNY21hcAAAAYAAAAFOAAADwHKqHudnbHlmAAAC0AAAE90AABtIQ8qza2hlYWQAABawAAAAMQAAADYQsD7EaGhlYQAAFuQAAAAgAAAAJAfnA6BobXR4AAAXBAAAACQAAAB4d/j//2xvY2EAABcoAAAAPgAAAD5tKmZ6bWF4cAAAF2gAAAAfAAAAIAEzAQluYW1lAAAXiAAAAUUAAAJtPlT+fXBvc3QAABjQAAAA/QAAAViVY6hLeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl4IMTf8b2CIYe5kaAAKM4LkANUaC5IAeJzFkr1OAkEUhc/Agn8o7ir+oCREWisKIsSKUEAjjbwEsaCk4BnoKJbH4WHO8AD0cIZLgWKjMXFuvs3OZO/eO/ccADkAWfEsIiDzDqc3uDeduu15Fqfb88g9ad9AVd/dYEywyJgllllljXW22GaPfQ454oQzzrngyjd8xw/81KfLZL1W/mFeU3ndvbz027yfL6deD+NF0dqL1y8R8jK6c4Q8EtyjiAvd/wzXuEKMO5RxjBJO8IBbTeERl6jgCAWch0m6/K86/ZPl/q/051UID/ex21XEeIdaJAzNWD4wgv8YG8GDLBlSACwb0gKsGlIFrBkI/6gbUgpsGsGzbBlSD2wb0hHsGlIU7BkI9fuGVAaHBkL9kSHlwYmB0OPMkBvA1JAvwLkhh4ALQ14BV4ZcA98w5B/4jhFm5QeGPAU/NcJEfWrIZ1gmBnIbhOKTpwAAeJylWAmQHNV57v+97n7dPTM909PT03PfM727szu7O+dqpT200kpaoUXoAktCEgsIAjoAWbJAyJIQBiyCbUUQS2DZxoBjjG35iAMpbBdHClJlFSTlVNnxFeIjxk6VoVJxbEy0rfyvZ4VjbFelKrs973/38b//+p4gCcLFH9Gv05hgCj3CsLBcuEIQQK5CQSdpyDvNGqmClZcsO6JTp+jkWbFQo2NgF+RItN5uVmyZyUHQIQONfL3t1IgDreY4WQz1aBognkxsCJdTYXoStJiTucddTR4DK1tMBccH3Jn+iUg9ZyoH/eFwPBx+QJElSSFEDOqwx46qkqrJ7hNSMGF9PdtLsuCPO4k1mwO5ZHjug8296bKtAhw7BmYyp39mwkgY+B1ORM1wnIUCSiwRKJYicPCnvpjpT1d+IuCfxBNRJePCSmGTcJ1wm7APz2oV261mxakUmA5WxM7/XqnYag63O+16BrIkmoWMiIccpxPQniDjpG5HbUtqV5BZchaidrTeKTcyOIwVK61mu9PI/15pWFSuC4z3U5n2jwfc7Zey/mtpry9ummIl7FMifjOZyIRgPJRJJM1AhPnDJckMJ3y91K1ITO1TmeRXRapQ92UpYIhLxXCAkRtlzE6KRkCG6w7bqf4pAkCm+lP27/KJ+DfpLpspulg1/czQfDqTJKb7NYP5zT4xyJi9a92krKpySJcovZ9N9KXsWLJvgrHJ3mQsmsYcZx+7eJHzkJ4QiigtS4RpYa1wvXAQ+YjyUagRftJxsKNMzgCyqR5FPnLGEVYjmLUzBJsx49QAu2WAtWue8CCTa4CiZEfbWMIONcAawuQab4qyDFmoqyxU0ff3bdj70KcePrR67eprXuqrJAhVRN8Vh5oJQO5o+abzJenqUxuPPqnIWx/ccOwzzybumhyrtQ+OTbS/4vc7AzHNqU1JUigkaoZiEFZPR+VUNiiFrJXX1kNJFg6tuP+WwpDuk1CURF+9FIjJQb0AW3o2zC4p90zvmlh2+rLrLq9WNqoMgBZnljGFAfUVxoojV/YqgT/fxIl+v7JkxIrs3tsKGjdPmb1G0OkxQ1uUoCwrYYUyeHPkoWWhoC8dGrzpiqwmhvNJMdh/m6+zKqf7lbheHlFoMBWjCuc97SbkLkwCQlkQykWj4QzXoMkFVAYU1kpRB2SiVWy1nYY1jvyK2nDb9de3Urn8SBZy8JnbUuloQqZwK8CtUqPaWQlPwUQPZIey+LlnPp3vATvoC37hox8o18MFgJWr+boXfyUK1C+oQljIoCJVwUDRtnU8t9HAVWqAi/OM0TB0II8/sO0XD70kii899MADe05SenI+Ozi49iayjX7CT2PSa08++Rp5ev4x8am77npqfmYbuXktEVzh4CfweATX+gD9J3pY2C/8Da40XCzIePPFQsXh50ThafIcfsXhArc7xeGFevzGoNlNebkeRfGyhtIQQc300gxlERQxPp6rLE7LJZJLJ+iUr1CvFO06nwrXiHpztvlaw1hEO3hpRBo8HuP569EGtxJ8oUYdNRwJidfloGQuraaGY6Zp2bqfSGpAlQxNZSHVL0qKIqlZW1JMCXqqlR375qqVfiKaohrLmNikiX7eWdYMCYkkiSD7YxaYlVa6OmaLPvnUjkXpAmiqFJTSGUlNaaWYpg7fdPjDh5tDLVC1VE5LqXIhhu2qlimkVleH1qdz+csHKa5iqppqpSxcxDQkLaZpqqiqGiSGOulU3cYFA6m0pEryorlqX09PX3VuEUhYTqcCuB+7vqgTs22RL66omm55p5I1DWc0VdOUb6+Yw3kziwIgqUOVZZvyi9N2n73qzpvq9Wbz8MrIQIzFxtKbllWGVFnPmumWyTlkW7+T7ZfJ9wVDSAg3CYLJbM94MJtfQxPvwbt7HS8STa7UngCHN0ZttAUdnkPSsIoW/vAmKxNQZDJefLtjdxyGTqrVaKGItvI4m9OOWkZUZg6LimhQHm5sF2vh1DHl0JKU30jm+oxCrbZ8YIC85X/CfVZn7FZYOuYUpEIiGQ8NxgetSLLn4x+X9ZyqEHGPyAJ7dh9PhzYvmdFTxUceecR9MxgRhx55QkpvXhYKg1wMmiS7dnSwNnxUnr1rUW/98nS+OAW9473QM96rhT+0Nh4M5tjDi22TFAp+LT2T6otE0itG7lECIbuP+s4qMBRfUnnIrlu+/SMrRsI5LTAS3+q+qGwDfdJPz37upQXfRp8jjwtB5F9ayKF9FiCPMmt0PXPHQCWNNuod5JwtdWwoAzOkjkEfvfB8wAAwAnTSo+6YGhBFVT76xoW33vioewcNzr/6FlnzFnnM0Off1g1DJ7JuuCtUIPKxX8C/74b7wP3Nr+CXv/2tawrg7eMo2YL3KJQLDlTQOKGnRk8QYSATwTLcZ4K5agiKUAxVc0H3GeOvQjCD2ZD7Q6zKVQ33b0OC6M3zfvK6UBMmMCa5Gk9TrMisq2/1Tpd2NRjv2bNBg3DJFKDSNmhE5pLgGYaGjbqJ8lKsecFJBw1DVC63ip68NFAsyM5ny5ucTOryVXpQRLHOzfU7WYC5aw/cDjCQySvBkJoZADJgjESXL53ZBHRROLNI8anNwVX+XHi0o0YL4UWLQIHpJVu3LtlCfgZmNj6ebW8gRAn5Iik/BGOxJbHGakKvWzowYsdlI20p1qKh+iK/S/tai4cGe5DpUKxf0HTxz4bD+VQQpJubgdLBrVvHtmwZQ3Z4vCXfoj4BVQY6RaeCIt+qeYrAT2I0TPJ1Yxeqn7NCHSnPboN9+x4F2H/PpnQR3kcowOYrr73H/Txs7NrZ5+nzqHZBlBaUFJwDJcXm+oGSQiW54FQcA320FI3QyfnJ9gzATJs879GX3RcUQwkCZA2YCFIBW+afX+iBPd3p5yRRC8PRcFh9TisuxF7eepOCjL5rkbBBuFEQ7Ia3ealLzIqOsWbBixMYv13cCu6o4ZnyRrfArTvuztstjwvQ8mKk2Q05bNw3K6L/wVs38OqbbZT7aER+/hiUkskSXOzS84mR5uUrf7xybWNRIpyUSxk2XcetT0KpXcJ0pl2fZpmSnNwxfwyrw9HYXDtUb/+4XQ925mLRMMx8+xqv6zV6OKzDJKYLvPFSkKWBqzudqwckMR8/Uho1hsZ5W7JUSvL28SFjtPT+eIGswkp3b0BUypszlUpmc1kRA3CqPfPcRYH3BSGcCuMn+Dw9OED+S8iiHlwmXIVx6y3CncJ9woPCJ4XPca1Ar1+QMVZfoMXfv0kTi3nkL17lYq4z9fYY5BdoAxkrFblJ5UxsVjp/Iv9/68MRQTff+BN5KqwIRALuzzFZMTwFMDVMBI9a4GRcIeMAUt4FYrwLlt3iCi0Q0HjypT+Sc4//f5rJyzbP2t0UpuruA91dwf76lBvrbgf2Z3pqvEOtm/ZkpgE3xzf5Lnr1n6jf1iX/+/N0+eJP6QmaEi6gnRzUWhO0NZgrItgJEv7ZQd2yrSy1GhNKq9NqdKxG1m8VGf4HNYtZWQ1tWgcb7UZW7PYZhNagWHQmtEaWYeOEinX0PsIoYX4pqPoBRMQCMsVAQAJCKDaIAYwwTAxPqBrx2b6ALzA0FPNH0aVrCQWBhsIYU0RJokwEkUqYwyylTGMW8zGMZhiITKQ4GcE6KYDdZJwaF6JU1CSipBQR4Ydfk3BZiW9FxGbsQIg/oipqWrMmVcb8QV2WIxhpJFlMt8dH/BWqB3SCk/OZ9X6JgCZRiflkiS+mMYqEr6oCHoVXYc/5QJYpRsyf8EcIkSRNwohFxj8NQkosjUfJK0yJ6ThWCsgazkD5NDirFGIyxkWKT9EpRmkGxvF6xiRaFMfEDIzfNMlSDNXUFAyfcr1+UUNOIEylVNeQA95OcDhT8QRaii2cH89IZWBoB6mOOI9Qv4Y8lKjHeUJxJFKJKcAIpqJGgKk4L06aoESjsqYYRkhhxEK+UuQaDsRgkM+naWzBz+Iyx4Qqx+toL4V8weH+HXW9S8bQ3SPy7EQljj8bdYyUZNYWYbjjfs1980unQvlTB5bvicT1VHrmmmbv1sRnQZUObd62ZGZJbNliml7hJP7N/ch2upVeMSGxwIE1Unpi35L+VwLZ4OZDS0P5yxxEJeJC3HGDZ9cjGHcIKlSK+QKTmo4E7RbIlhGxQWJyYRADEMTXHSLAoyK98CqyfztxvwsOuXAvMs0BfY+kS7vdbyOb6nhYFbYClGTp1+53keERSZ7/DV63Y28VxS3udwD/EI+iHn0fsUlZUDDiGBc2o3W8Q7gbecINDjc9DrdRvICOw2kuuEv0Lhxr1ifAi90xduThPAaLiOHbgwhNJR48DEIlyDFApdX1PnygXZEQ7DuVIvPCCafbEpGBL9PwrOI7OfjPiG33ZrM/srLZ3liMvEkfO5R85f6z/yCuWJ6jGO2LB4LJRsowmFj45E2JVmwr1SRG7NHx+Y+EQomhBErUe2yq3it+48NHvhb/wBepSuF7iAjHRVGMN+K3P0rpo7e/71N0ifuCbll6JBb7gh6JcEqcWI9t98TeA5hg1j2567SP0ttOEvqVe1fcWd+uMZEsprICIK27HlWqjuLom63tYohtUNwGpn3KtuO4ADl2g3hmXy4Lx2RfvUBA9tH7du68j9IPXl+fAwkiKctKRWCB8rgC5WEpeVGIewiV86dGCzrJ0EaXv+0mvMNNdOWd0+k0QM+auT1za3o5bQ9uLJ1W4+H5L9Ij23ccIeTIju1HDp4ubaq152Z7embndiPJpE6r4TisvNRO6RGB+8qL36B/R6cQTQQFBzVjUGgIHWExes5lwkrEFIgBAAFCi/9j4McaPPzrlrvQwfAghJQ38jb+Ory/kTco5mGhroztf3/iBHl6eno5fq+cWD59Ynr57OypU7Oz8x+Gj7k7pyHsvrH8xAm4Cp6Ydn8GiQsvvFNNnsahQyfcz357+ez09CwO5qOnseNfvOr1Xn6C7HN3Yv/PYven4GPT7huvnhA8Pbt4HOX8CCLwpFASBrjWC4yLXpBzs9EWOhXBC4B5zGP/QYbA99zXZLjhall+NTWe+R4UZdn9V3cAo41OqfRDJO1S6V9SXokekdyLL976tYnAe3beITMJ4MUXAeb/m8c9PPR5FxUW9neOfovOenHqAI/uzAFoc5Qc5TDdyzRQ39qLEW7b3hMPKxQ9JO8B7U6Bo+ouro52/xv1BQzuIX6ujUWE/F4B6wdJ9xlgHyHuvWnTV0EsuxKd0eCTOxG+sGmmis5JK6DK8pUbmbLtW7fc+l5N32L7/UZxMDblk3V9rH9wdP/e996oqbX1hURW1JiakvvH85lhmWWsRetWlkcjkwFN8qMlloIDSTj2H09B1Dxa9msrlYh6y6crwJbLLOvzVePpOUk5tPvWX121eorSYcU2OxvrE4vvGp/q3DY5pUKxkGyHS4UeSw7p6G3AGilMlzfVluols3+05cim1cXAF1+iz9IWyuy4MI2MbCOSDUKrgTTf8dAPi/AHilbHLlY4FmpEvcqMx0OMjjmXWMekDbvTMGiROSjRJA++eK65+FPgi7pv94tLreiMWMplE7OwYiIViZ6HXGXgRpFs7LSWweOg+MyBel/6B2Qq9t7HZ2bnopF/hrXiJMPY4fvSpHQAjEz/S36wEqNEfA3jiaWidGLV9FYQA8m+z2vnpW2JZHO0dAccmN+1fj35y/mvXnYZAe9s/0i/TPvRKtTwfIg4us8wbCE+NL1IvpPndtPJOxyxmu3KgukuyFJmwaDTM/Ob/WD68aY3BCOR4PQyEuYFUual+V8oJO+P0NU0MH93/1Q/fnAMqjxTJefm/CEIJ8PzPwh4FJaF/LDSH5q/LV/lXfJd4snyr+nL1I9IuiIsFab4bpmHPjp/mJa9LaPHw2OABz4WkipYC9C7xYEoPToP0zA5NDQJMDnspZgn3Zp5hdxgxGLG/CNh2yaOPTo5atujS3mSU6GaILVcGdTcaIw8fv7S0Henb5rpSCRtuo/wN5Xu7+1s2Um/zV9YZM8uv0B+KUQRSfQgAlsmzHIvaf/OIXo+sMOdncMtBkdQjCe8IHW7LXhJtOpl3oIjInLjnRz5ZDBof/n2e79Kly3J3ZJupYNBjZ7uhKPRUjp13kylypZFztCze/efpvT0fnsodlVseMw96zdNP3b6eCAcDoSxS4hceyfBDkt39e3ooLaQXGHXhzZbOLpsre0Sd+5uQu6eu/Y40eShtaVt2814GCAcNy/RBZv0Cn2GloSWsEnYzm1SGc9Q5KHRMJ6HI6VhKyLzGkSMRhdsjnH3xF83rW65YxQ7aFcZyBFe0cLOHWjXbUDVQ18wTpqsy6t6VLqUoeMQCT4WtGh/Tsv1UwvzEShDb/axbB/EDC1sg1fohfKN7oP2lO0+aLBEstpnKD7Y48vwRAlVq8kEW+czfPjNb+vSRCiKUVRoXa4XZ8it65ZgjfvVXBWgmltjxAAXWNMtwZp1sD4OCfdctIA9HQgFYD3ConMo/w6OK7RUPqdP4UTThO77K8rJjeR1IS8UPH45NcofGhBroyGX+Suq7T3tcxtOd+iHN6w/e/zKSHiwz3fFRNjfDqYoFOrDQMfy6yKp3T3slr7BcOTK42fXbziss57dqci6/DiB4XoBaCrYCoQnrvAtvA98h36I+rw4LiH0CaMonZdCt84fZGhXZq1OtPv+TGWHdd4Jx3SAipVOV9PpZxZINJ3uT6d/8oWfi+tW/bVTOfe6JL1+bqDvdrJiPYjfPHPmvCieh+9ACjv1p+DdtIldrjw5/PReRTx/5uFvzt8MvlXvqx6//Pg5Ss8dP35O+B/xpUovAAAAeJxjYGRgYABiG6P/BvH8Nl8ZuFkYQODakdo4GP3///8mFk7mTiCXg4EJJAoARm0MWgAAAHicY2BkYGBu+N/AEMPC+f///x8snAxAERQgBwChwwaOeJxjYWBgYH7JwMDCCcSM//+zAPkkYWYozYgmjs5HwwBdQANuAAAAAAB2ARgB1gISAkgDRAPkBCgETATWBPwFNAXQBrwH3AggCGAJKAlmCdQKJArGCzQLigv0DG4NCA1EDaQAAHicY2BkYGCQY/jLwM0AAkxAzAWEDAz/wXwGACUmAj0AeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicbU7ZbsJADMwQcnC0lLb0Pr4AqVCC+jsb2GaNYE2SXSX06+umfexItkb2jMdBL/jFMPgfL+ghRB8RYiRIMcAQI4xxhnNMcIEpLnGFa8xwg1vc4R4PeMQTnvGC1wDt1JGyB8Ut2aIVWiwSoXsh40ZTToodZW+rdCf7LduiV5axU5wrjvRB0X6yE5Njr6qKm9XHe5hlWbher2e1oSPZnD/l1EnMR9Et0780169oT2FZLsY5VVsJZis1og3beXd3GUu8fJLU7GvPi0RXMjio+EfbUnQ0bHX0Zcj4tGDf+I3Rg87udO3EvDHKxbVhf9KDRufzbhd3fR4E32FPWaoAAAA=") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg") format("svg"); /* iOS 4.1- */ }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*@mixin transit($time) { -webkit-transition: all $time; -moz-transition: all $time; -ms-transition: all $time; -o-transition: all $time; transition: all $time; } @mixin select(){ -webkit-appearance: none; -moz-appearance: none; appearance: none; } //rotate @mixin rotate($deg){ -webkit-transform:rotate($deg); -moz-transform:rotate($deg); -ms-transform:rotate($deg); -o-transform:rotate($deg); transform:rotate($deg); } //translate @mixin translate(){ -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } @mixin translateY(){ -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } @mixin translateX(){ -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } @mixin translateNone(){ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; } @mixin animation($name,$time,$alternate){ animation: $name $time $alternate; -moz-animation: $name $time $alternate;  Firefox -webkit-animation: $name $time $alternate;  Safari 和 Chrome -o-animation: $name $time $alternate;  Opera } @mixin rotateSlate($deg){ -webkit-transform: translateX(-50%) rotate($deg); -moz-transform: translateX(-50%) rotate($deg); -ms-transform: translateX(-50%) rotate($deg); -o-transform: translateX(-50%) rotate($deg); transform: translateX(-50%) rotate($deg); } //scale @mixin scale($a){ -webkit-transform:scale($a); -moz-transform:scale($a); -ms-transform:scale($a); -o-transform:scale($a); transform:scale($a); } //border-radius @mixin radius($temp){ -webkit-border-radius: $temp; -moz-border-radius: $temp; border-radius: $temp; } //box-shadow @mixin shadow($info1,$info2,$info3,$info4) { -moz-box-shadow: $info1,$info2,$info3,$info4; -webkit-box-shadow:$info1,$info2,$info3,$info4; box-shadow: $info1,$info2,$info3,$info4; } @mixin box-shadow($info) { -moz-box-shadow: $info; -webkit-box-shadow:$info; box-shadow: $info; } */
.technology-banner { position: relative; }

@media only all and (max-width: 767px) { .technology-banner img { height: 230px; object-fit: cover; } }

.technology-banner .nav-link { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; background: transparent; }

.technology-banner .nav-link .container, .technology-banner .nav-link a { color: #fff; }

.technology-banner .kv-text-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.technology-banner .kv-text-box .container { height: 100%; position: relative; }

.technology-banner .kv-text-box .container .kv-text { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media only all and (max-width: 850px) { .technology-banner .kv-text-box .container .kv-text { left: 20px; top: 58%; } }

.technology-banner .kv-text-box .container .kv-text .title { font-size: 50px; font-family: 'Arial'; color: #fff; }

@media only all and (max-width: 991px) { .technology-banner .kv-text-box .container .kv-text .title { font-size: 35px; } }

@media only all and (max-width: 767px) { .technology-banner .kv-text-box .container .kv-text .title { font-size: 20px; } }

.technology-banner .kv-text-box .container .kv-text .text { margin-top: 10px; font-size: 24px; color: #fff; }

@media only all and (max-width: 991px) { .technology-banner .kv-text-box .container .kv-text .text { margin-top: 3px; font-size: 20px; } }

@media only all and (max-width: 767px) { .technology-banner .kv-text-box .container .kv-text .text { font-size: 18px; } }

.technology-text-img { padding: 80px 0; }

@media only all and (max-width: 991px) { .technology-text-img { padding: 60px 0; } }

.technology-text-img .text-img { position: relative; }

.technology-text-img .text-img .img { padding-left: 5%; }

@media only all and (max-width: 1441px) { .technology-text-img .text-img .img { width: 50%; } }

@media only all and (max-width: 1199px) { .technology-text-img .text-img .img { width: 60%; } }

@media only all and (max-width: 991px) { .technology-text-img .text-img .img { width: 55%; } }

@media only all and (max-width: 767px) { .technology-text-img .text-img .img { width: 100%; } }

.technology-text-img .text-img .text { width: 37%; position: absolute; top: 50%; right: 3%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media only all and (max-width: 1199px) { .technology-text-img .text-img .text { width: 35%; right: 2%; } }

@media only all and (max-width: 767px) { .technology-text-img .text-img .text { width: 100%; position: static; -webkit-transform: none; transform: none; margin-top: 25px; } }

.technology-text-img .text-img .text .name { font-size: 30px; font-family: 'Arial'; }

@media only all and (max-width: 767px) { .technology-text-img .text-img .text .name { font-size: 18px; } }

.technology-text-img .text-img .text .txt { margin-top: 20px; }

.technology-text-img .text-img .text .txt .list { display: block; padding-left: 20px; font-size: 16px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; background: url(../img/tip-img/red-hollow-circle.png) no-repeat 0 9px; }

@media only all and (max-width: 767px) { .technology-text-img .text-img .text .txt .list { font-size: 14px; } }

.segments { background: #fafafa; }

.segments .segments-box .img { float: right; padding-left: 0; padding-right: 1%; }

@media only all and (max-width: 767px) { .segments .segments-box .img { float: none; } }

.segments .segments-box .text { right: auto; left: 2%; }

.segment3 .segments-box .text { right: -5%; }

.space-segment { padding: 80px 0; }

.space-segment .title { font-size: 30px; font-family: 'Arial'; text-align: center; }

@media only all and (max-width: 767px) { .space-segment .title { font-size: 18px; } }

.space-segment .table { margin-top: 50px; }

@media only all and (max-width: 767px) { .space-segment .table { overflow-x: auto; }
  .space-segment .table::-webkit-scrollbar { width: 4px; border-raidus: 4px; background-color: rgba(255, 255, 255, 0.34); }
  .space-segment .table::-webkit-scrollbar-track { background: #fff; -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.22); }
  .space-segment .table::-webkit-scrollbar-thumb { background: #fff; border-radius: 4px; } }

.space-segment .table .line { height: 1px; }

@media only all and (max-width: 767px) { .space-segment .table .line { min-width: 530px; } }

.space-segment .table table { width: 100%; font-size: 0; }

@media only all and (max-width: 767px) { .space-segment .table table { min-width: 530px; } }

.space-segment .table table tr:first-child td { padding-top: 30px; }

.space-segment .table table tr:last-child td { padding-bottom: 30px; }

.space-segment .table table tr td { padding: 10px 0; text-align: center; font-size: 16px; border-right: 1px solid #e7062c; }

@media only all and (max-width: 767px) { .space-segment .table table tr td { font-size: 14px; } }

.space-segment .table table tr td:last-child { border: none; }

.space-segment .table table tr .t1 { width: 16%; }

.space-segment .table table tr .t1 img { margin: 0 auto; }

.space-segment .table table tr .t2 { width: 16%; }

.space-segment .table table tr .t3 { text-align: left; padding-left: 5%; padding-right: 5%; }

.space-segment .table table tr .t4 { width: 16%; text-align: left; padding-left: 3%; padding-right: 3%; }

.space-segment .table table tr .t5 { width: 18%; text-align: left; padding-left: 4%; padding-right: 4%; }

.segment2 { background: #e7effa; }

.segment2 .text-img .img { float: right; }

@media only all and (max-width: 767px) { .segment2 .text-img .img { float: none; } }

.segment2 .text-img .text { left: 2%; top: 40%; right: auto; }

.segment2 .text-img .link { position: absolute; bottom: 0; left: 2%; }

@media only all and (max-width: 767px) { .segment2 .text-img .link { position: static; margin-top: 15px; } }

.segment2 .text-img .link a { display: inline-block; line-height: 35px; font-size: 16px; }

@media only all and (max-width: 767px) { .segment2 .text-img .link a { font-size: 14px; } }

.segment2 .text-img .link a img { display: inline-block; vertical-align: top; margin-left: 10px; transition: all 0.4s; }

.segment2 .text-img .link a:hover { text-decoration: underline; }

.segment2 .text-img .link a:hover img { -webkit-transform: translateX(5px); transform: translateX(5px); }

.receiver { height: 610px; background: url(../img/content-img/receiver1-bg.jpg) no-repeat 50% 50%; }

@media only all and (max-width: 991px) { .receiver { height: 430px; } }

@media only all and (max-width: 767px) { .receiver { height: auto; } }

.receiver .container { height: 100%; }

.receiver .text-img { height: 100%; }

.receiver .text-img .text { left: 5%; right: auto; }

.receiver .text-img .text .name { color: #fff; }

.receiver .text-img .text .txt .list { color: #fff; }

.receiver2 { padding: 70px 0; border-bottom: 1px solid #e5e5e5; }

.receiver2 .img { margin-top: 45px; }

@media only all and (max-width: 991px) { .receiver2 .img { padding: 0 20px; } }

.receiver2 .img img { margin: 0 auto; }

.receiver2-list .text-img .text-list { position: static; -webkit-transform: none; transform: none; width: 50%; float: left; padding-left: 11%; }

@media only all and (max-width: 767px) { .receiver2-list .text-img .text-list { width: 100%; padding-left: 0%; } }

.receiver2-list .text-img .text-list .name { font-size: 24px; }

@media only all and (max-width: 767px) { .receiver2-list .text-img .text-list .name { font-size: 18px; } }

.receiver2-list .list2 { padding-top: 55px; margin-top: 55px; border-top: 1px solid #e5e5e5; position: relative; padding-bottom: 40px; text-align: center; }

.receiver2-list .list2 .text { padding-bottom: 20px; }

.receiver2-list .list2 .comm-btn { position: static; }

.receiver2-list .text { padding-bottom: 42px; position: relative; top: auto; right: auto; text-align: left; }

@media only all and (max-width: 767px) { .receiver2-list .text { padding-bottom: 20px; } }

.receiver2-list .text .txt { margin-bottom: 20px; }

.receiver2-list .comm-btn { position: absolute; bottom: 0; padding: 0 30px; border: 1px solid #e60027; background: #fff; }

@media only all and (max-width: 767px) { .receiver2-list .comm-btn { position: static; } }

.receiver2-list .comm-btn .name, .receiver2-list .comm-btn .tip { font-size: 16px !important; color: #e60027; font-family: 'Arial'; }

@media only all and (max-width: 767px) { .receiver2-list .comm-btn .name, .receiver2-list .comm-btn .tip { font-size: 14px !important; } }

.receiver2-list .comm-btn .typeface { font-family: 'Calibri' !important; }

.receiver2-list .comm-btn .tip { margin-left: 20px; }

.receiver2-list .comm-btn:hover { background: #e60027; }

.receiver2-list .comm-btn:hover .name, .receiver2-list .comm-btn:hover .tip { color: #fff; }

.sources { padding: 75px 0; background: #fafafa; }

@media only all and (max-width: 767px) { .sources { padding: 60px 0; } }

.sources .sub-title { font-size: 16px; line-height: 30px; text-align: center; }

@media only all and (max-width: 767px) { .sources .sub-title { font-size: 14px; } }

.sources .sources-list { padding-top: 15px; }

.sources .sources-list li { float: left; width: 25%; margin-top: 50px; }

@media only all and (max-width: 640px) { .sources .sources-list li { width: 33.33%; } }

.sources .sources-list li .img { height: 49px; position: relative; }

.sources .sources-list li .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0 auto; }

.sources .sources-list li .name { margin-top: 5px; text-align: center; font-size: 16px; line-height: 30px; }

@media only all and (max-width: 767px) { .sources .sources-list li .name { font-size: 14px; line-height: 24px; } }

.multi { padding: 75px 0; }

@media only all and (max-width: 640px) { .multi .comm-tab .list { width: 50%; } }

.multi .multi-box { padding-top: 90px; }

@media only all and (max-width: 991px) { .multi .multi-box { padding-top: 45px; } }

.multi .multi-box .multi-tab-content { display: none; }

.multi .multi-box .multi-tab-content:last-child { display: block; }

.multi .multi-box .multi-tab-content .img { width: 50%; float: left; }

@media only all and (max-width: 640px) { .multi .multi-box .multi-tab-content .img { width: 100%; float: none; } }

.multi .multi-box .multi-tab-content .img img { margin: 0 auto; }

.multi .multi-box .multi-tab-content .text { width: 50%; float: left; padding-left: 5%; padding-top: 5.5%; padding-right: 5%; }

@media only all and (max-width: 1199px) { .multi .multi-box .multi-tab-content .text { padding-top: 2%; } }

@media only all and (max-width: 991px) { .multi .multi-box .multi-tab-content .text { padding: 0 20px; } }

@media only all and (max-width: 640px) { .multi .multi-box .multi-tab-content .text { width: 100%; float: none; margin-top: 25px; } }

.multi .multi-box .multi-tab-content .text .title { font-size: 30px; line-height: 30px; font-family: 'Arial'; }

@media only all and (max-width: 767px) { .multi .multi-box .multi-tab-content .text .title { font-size: 18px; } }

.multi .multi-box .multi-tab-content .text .txt { margin-top: 15px; font-size: 16px; line-height: 30px; }

@media only all and (max-width: 991px) { .multi .multi-box .multi-tab-content .text .txt { line-height: 26px; margin-top: 10px; } }

@media only all and (max-width: 767px) { .multi .multi-box .multi-tab-content .text .txt { font-size: 14px; line-height: 24px; } }

.positioning2 { padding: 100px 0; background: url(../img/content-img/position-bg.jpg) no-repeat 50% 50%; background-size: cover; }

@media only all and (max-width: 991px) { .positioning2 { padding: 60px 0; } }

.positioning2 .position-text { width: 50%; margin-left: 3%; }

@media only all and (max-width: 991px) { .positioning2 .position-text { width: 100%; margin: 0; padding: 0 15px; } }

.positioning2 .position-text .title { text-align: left; color: #fff; }

.positioning2 .position-text .text { margin-top: 15px; font-size: 16px; line-height: 30px; color: #fff; }

@media only all and (max-width: 991px) { .positioning2 .position-text .text { line-height: 26px; } }

@media only all and (max-width: 767px) { .positioning2 .position-text .text { font-size: 14px; line-height: 24px; } }

.position2 .text-img .text .txt { font-size: 16px; line-height: 30px; }

@media only all and (max-width: 767px) { .position2 .text-img .text .txt { font-size: 14px; line-height: 24px; } }

@media only all and (max-width: 767px) { .position3 { padding-top: 0; } }

.position3 .text-img .img { float: right; }

@media only all and (max-width: 767px) { .position3 .text-img .img { float: none; } }

.position3 .text-img .text { left: 3%; right: auto; }

.satellite-based { padding: 100px 0; background: #fafafa; }

@media only all and (max-width: 767px) { .satellite-based { padding: 60px 0; } }

.satellite-based .sub-title { font-size: 16px; line-height: 30px; text-align: center; }

@media only all and (max-width: 767px) { .satellite-based .sub-title { font-size: 14px; line-height: 24px; } }

.satellite-based .table { margin-top: 30px; }

.satellite-based .table img { margin: 0 auto; }

.network { background: url(../img/content-img/wetwork-bg.jpg) no-repeat 50% 50%; background-size: cover; }

.network .position-text { width: 35%; }

@media only all and (max-width: 1199px) { .network .position-text { width: 50%; } }

@media only all and (max-width: 991px) { .network .position-text { width: 100%; } }

/*# sourceMappingURL=../map/technology.css.map */