@charset "UTF-8";
body,
body.index-body {
    background: #fff
}

a,
body {
    color: #222
}

body,
input {
    line-height: 22px
}

.jspPane,
.jspVerticalBar {
    right: 0;
    position: absolute
}

.u-links a,
.u-title,
.u-title-sub {
    text-align: center
}

.u-button:hover,
.u-news-button:hover,
a,
a:hover {
    text-decoration: none
}

.m-slide .ban_bd li a,
html {
    -webkit-tap-highlight-color: transparent
}

@font-face {
    font-family: iconfont;
    src: url(../iconfont/iconfont.eot?t=1600495799618);
    src: url(../iconfont/iconfont.eot?t=1600495799618#iefix) format("embedded-opentype"), url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABawAAsAAAAAKgwAABZiAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCKCAq7PK8IATYCJAOBSAtmAAQgBYRtB4NSG6giFeOYpcDGAczDr8SIKk0v+/86gZuiaF5wvrA45WblOeSJc1ZTrOWgNqkTmkMjPKH+uqAWGoSGUR71GKbZgZd2+dv7SuDrGcMYWhhBUcZuMti4+Yvu+MxQSh6+9r47b/eX3lKqcEQoxiNxHiORAom/EKOi0Nq2M3/T9A0indIIrfLz/Db/vHehHzx4YoBFOaNwGNFLTBbGhrFww+kaXboqZ+Aq1LW/1GXqKqwfZa6Sa6qlkMsrKqrrJJ918b+NfWx/MCwSetiVYXGYL7fPGWQlQVYiyFqFT80k8sWxqucy6TFpbyMEll8LvmpAXSJ9e65gKXfNk02AFgBtfp7+n4fPG8/8CXSbYrb7sovisKwr0NiisIgCjBSbmittUkCOKpAwFbbO7e7dXHaTe9jnzWOudPAEyQOpIitAXQWUfcJN8e5VkdXLgrJVpt4VytYwC/IulyQqrczUZWw6eAUmRqHOimfeUwA04M4tLPp78kRggQJ2VgAUM6wuB1ieAVTMvgAHBCO4pNlim4EODl+D38Ev/n3R7x0LkEAjYI++T4/Jh/C/Py1khQnRokqoLG7E5AoywGOgBEjNwqk4BMiaH0MQVu+kYQsz8AHhQAdh06Ao69mSc+DEjS9/geIkSpUhyxQ6hYqVKLeE0R5n/zFvdd/9O2YWfwBm9pxFii2nZPtHsnXhIzpZzmUlbXlyN/83PDBPCoPt9XE3mj09v7y+dTWsqzYVi95xPHm4v9vflqumlrZhzbTsfOifLh0lWZ2iAtsWpB90eROgYi4wJIKJgmBhINjYCg6ugotHwcNOUBgJC8yEJZ6EFZ6FGC9Cgldh3Tc3bABdwhYNQl4FwwGqLoQTYCPcUCF8qyrCH9ATgTiKWIxFXEUjEfAgUnAvUnEnMrAXWbiJKVgKHVaiEE2iGC2iBG2iHEOxBDXCiKk4ijLRiLNowkE0oy9e4OSfeXPhsRqaDsR1IFIlwP8xyIBPi1k11AF413v5CeA3QO1/mv9gKUUVpZKsD1dmmcij31ZZggYF5mpJ1DqBcsSAAHkGI9BFHAog0F323R2SinkJNlZJxmu+gZTGGC/veYWNmGMhT7kKiSVJNyaM6/iHyGZPkJCpl5kdWhxJk31KoUsNBvBV83iEcxRDBPsV6jkJtA7t5shRPCylc0qAuSYwXFiwmSQTZecttqn/8ny/E7ORzSzZbHYch8tmihJaENnwIwx131c9TwmCWqcHIqhfLHXNKRE3GU2oPGg8zUPuWVWOys8sfx3wUJFn5VeMFzkQ49FHPrN7Cbk7jyJG8bASWBUAv+PxWqnPYU6TrI7k9gAQSb9gF3X2Ue4BBYrGOggaMBF9nh+d9t46ziXwMjQbHcutA1Cm0j4YN8O5Ic/bN568caHlPQ+Os4LbaG4OIKdtd5swOtf3Qcxo2lnVKajtgxcoPeu7PTOldc5X3HFeb+a0weGi3s2vWJJ06j8t0Cfhtb5/4TDUj/u3+or3zw2YM1a1hpVRlt3dF6rT9ZNFXW2fzs3qw7XlGU2Z00q6umKUq4NDsE22o/6ll16+P7y+bXZ0YNbybhkHXMsFkH9ppW9fXNsfwiAwum2RiPLEGHatDHZdwZb1kzfSpsyIyLp2W3QyxBGwIBDxhwc/ubU/Knx/z/Sye/7gIo2auU/PpU2JSqe00/Jwkmdyt/jd/R2JruXZUG5+VBxegHcD7NYdpy12i6qTbeSoKe2gMs9k1vXu1gbHphpTnSMrlAo4gxuRp0xuJxPGwDzzqJRn9aw6AnYV5IDtTgtQKdDc87++h4grRD5+fQi/vt9TS1TSKM7SEhZ6Fwh6FtuxZZR1sr5a/5jlZl77VSHiufWV1qUl6KlMbuTq72Dhl0fXdjxGpRo5OCISxUf7F4rE+EP518d+fREBfXCR4qV5UFIg8v2hDr9erp84H0udqVM3oWxre1MIqqs79eSN0T0X7wYRLJa+uz/qKV/fg3FvtDj4coW1HezSRlMxn1eHmkwdni60LyREwByVOpx1opeRmgYPbQAQBy0IzVvUX+B5G0DEcdYLwqEIMmTihUSAWLqIFkVIhAuwBKl8MTsfjSY/unLR9XOb7Yk55jZZZ9DISES5SAK0I3w0aWjlqlIpq7WKXjU2ub1MzOnzm+1hPt4YvKLqauq2qFrSI3EwKVfh89bPHvJ/4b8Lz/s0UI6NzYk9Qmdmz5gF/z740/9TTp3t9+8lp28PzX3WmUzEGdn7LXIyaBtYJzJGyho0vJ0hn7b7AKLetHdrOU18cXlLm+1+wdqfOzCHM86WuoNRpVYPiZWU24L9QrqM4RFiM7nGmEmNIqSYxhUpx12+nDry+7ZY649r08f/2hlf+3PZwiCCkvJh1KRqwsKI8Ek7VVKN18MSx3M4eDS+RsosoN75qU6OrJhul+D2+en087HS0sxcbSVeY6JKBAVLL0fP7B2RuqXxkm9zcO3P6xL52AHnosLmrvlSy8clbQ5IPJs49ueOqDmcsQjpNyB5KGdgu3+/pn0hQbKw0K1Q35b1mL5sCOMqoebcyjtUp6PeypVr9/euaGweW2cDM5ndIF0sjsuYrDObIOFFS0vBAlOfs9BW59N9pAQ9br3lzXHIH2eH48zA5GYSVg53SE4SgjAHS2plhoMmtTAAXE8m82BgdbimRmIv3bDP88qvwX1e3tV0M7hNB6Tf3iw6eKbQkrZ/qzjywdgw/gxqUgIg/9YntB29vS6qyiCg9pdvStrTI5+v4+5lOKpi7K/x9TPLx7l4c0JH2SMRtWZEmmuk3DMghkaFdHdyCoTG88jlokwpzljPmm0QW3XBHhwxNJFQ59YZ45trSP0zyhgPBDIh9QxH/Nwckca3s931jfF60h7MGokIwhaF0QFmfDK6r3oiYO6AVyCnL/7kUXdPptVCI887hsBOc9/Ub+f1T8rd4Kp9X05BM+d+qQK3WBDr20T380te7zTZ4YtOecKRRv6jP/coFpom7t0yoR4GZa+2I0IyK5qGWxeGbv8qUNxDiRa7o951TCljhOCSzWQYBsK+FAh9AZHZY54g4LpA+qLMZPp3HvzYC/cqI908ytSMam1PM0son5YyhsesRHqrVYjNTEMLz2rBB8rvex62Q3/8GLa9NA7M8PZJuMc78t9Xznj3fBu8bYt92PKjit7+hrflBgxD7TBHB7ymaGibxr2Iqanax4uqNglXTwg0SuAtyr1cfbKuXSiS1dRBSNMK0JersyTqnlgcsULajJZIV256KalKO5jMTGywhgd2JYDrhHWBkPupSSl2EsMuhViTYqPC3fQ6mOHtKrkQ7756SBS/FXcbaOe+fx8npg0IqiO4vCnrgjhLfCHL/3iSLBnCDLSz376NwLR+WOwsEZhZnd0pzrC6nx3QrJVqIXR/w5w2fXrHOLWOqp5SMk2lt0cD1zNsv27/raAOXQe+Xxo/+naNqG5dQUdHwYJx8u3Y8RE3SjOQ9eb46be10ZoDSKMC2tHXr7F2gYIknuZY+Id+e9GTp4jpe588MdDTJ/Blnj6ljI+XeWFpI2hI8knk2lhCMh/Nv/HPr9/PFffkwLqH85Xw8MfDJkmj4HWB8/yacePWKTHf89I5l9f0YEHEgSTLpAPEbwzDrtnWKkeVIj08LF2puq+6WElG3SOVEyntHT1QpSmga8/3ucuIA8mWyQcIGMjqsR3rNgpsJwieBT4rvnogr8fxKl1p3Aej7Hpc7zfdyUlIiOJN911te0aNvEStpF/tccw7AKbqukival2Y3UF6RWTM0VwxJOPFMccaiCoFhxzxbxEx9Aq7g7qwVfksCF7GoRwXfvpWdS3B7Xiwi7p20UPoUrzwPVJwYbGLh3C3UF3cQXfu8BJAFbvUTowqfwtAGLxPbUvQJI4P0MqwMQWFqVjvWNdDQ0PVhkd+YHfCxsi0+/N8pjjFxISwzyx86zZ8loe95lGSRhOiSU2/bDvRA5/1538ELP8wg+/Na7LV9DfdTedi52RP2vZQ+HAcFTmWfPV+/MWcnUU2hknjcgvnEQyH4gm5jqMeWOJTi3qHQVWm+ennM6f/MtpLBQxfNmKLvO5pw/xfTpz5wk9Do4KCJ/Sc03sFy1ron/he2nsHRZc9C5Oub+wcHxeV9+gPCZewJmysrAQlOXvdEmdFLLDFWzcmPJ+2Mbcv7/PdHsZfr1HTfX1jXrw5OGFVTCBjoYOc7aTdeP9k0EdP0oYUIUtReZZ7pEdU9fahV9UH+TvHjcvMgLmlgb/BHA2vkFR5RLZz7qO+vJu3jfMLj4pKqyfU5dofT6BwJFqSuDhJKi3MurLjVN6eqdSnz5ddja1aPW5ZQXyn+plw35nLO5jqC/Tnt/q/uHJWTshN9rJiAUmTRf3ye19LZM67g035eV57ka2NzvpS1W73RQqLMmbC53VbtxrnWM+xDXA/nthpnd7SkhX0vdsME4kICxOl08tWtCzKXHBl8iByyGSLVdGLFzulmtknPdee83rlyqHeQ6KyLRz5CeG/EZtnWu/j0Qald6hmcTH2e8XrvbJoJGLMzdNam8/ZVdmSjt6WMoDBiGXoqe50l0yvxcpAgJAUwZrXhSAUaoR7bANyL0oAZ+BSVN52wh+CI1eJ1aPV4taB3FsO4dipjo5cpSQEXLo5fnw8a5aIgv++h6KSYYaaOWwlshpmqhnDijWVGYqqp+dKedHTLbnwbPssbjZU8dZwJsFng8NbZUR8L/62sCclRSKJSOBL6VAseWbyhvWotRWtJ5fgO1asQDv5i/D1ba2sh3Z9T7OIAmyesb4Un4fX16cbQvcsGyY2MkyXmzxGPIBhwQCOrIAlk/QQWEmGzzKymA88ZWD84oA8LOBaFPPHAegsvhCaIPTBWA/UBEMjUFXKKko/LqHJJQqBEXUZsa22023bRPSfQS1Xw88ietsIRv9FPJ74+tOaFCIFfJcTZDTZqbbT4dM5Vk7vpMvH8mIbergm/gN0SU8/9Y0NiAou5fURw5ZDJ/vka04OWQ4Ta3I7N/d28bbwX/VeA73ib+F1Mb9ZDpVsLhmy3CK1CqatKQxgigHCTA6cggMSKyx7x338p/7nn4M+5l7VzcwQ3xBIPW9rdk1SxlBm9NSgkmhmqPGh30MPYi6J4MlOBhECMnR+9b2fS6KYT/gCiYD/hEvxfuZR3MepXt5jZlQJqPdq7KW1F6TMlmgcrxUrJLV373rzhTZCvk//QK1ELrEpveD26AEwfZvcckDi80BQHUsCZZ5A//yDwCcGBJUK7yhrtWtdVaURtPE1RTPk4xdhSmwxRGAmpCGbBDEASk2KNNFer7dPlCY3eZ59kn7uJzNF2iiYOdcuaYFdol7voJEkr/YrKvZfvbOBE3y1mrnkN9LPkty/+Tmnx6qnutjTYdXBxcB0Pk0bHKQlPg0E1bFw1VQDuncPgRs6BJXeruf4lhaiy6qLMKIAf2TnywMJ8IY2bmLpXUbiwOCdn+9t2OSALIP3Jo8wxIW56A0bNgwQIAbCl4DrPxbjBw/iiRcNgFNwgWu5Jt1VF4QvflZchIP6dJss2xB8DHHhLvpNd6ZNW20pZFblT8vKWmMltKrKzt6Opxhl2j6WuoTFl1K1YqO3wW1gUb7Ji/CVtmgDALRzRll2so1bxm07yduhutjqzWWb1ewy6RmC6tRCC067Wdtmi81tZu3grZdVjxyVNtg3jjT0NvIbptxEPVySU801RSwcE9/ikNzq+p3sv9WrVt1V1CruVFacVbRvpnxhSoIxX00vjcmK+rvPLad9atGdO6hWoKCmOlmwzeAfVSfV6XVRlqA62umB/lM0sf4BmkH6Hem0c/+5U9jkpUsnYVOwJUsXhFFL/iCItks4jaJGjoSKw76wInqm9bUgt+HUoyNIMNY1xDdFsV64PhN9Qx4uQTTyW6rpMeiaNT2zyLXJkav4QhNkX+6DdaW4Hi+w3rGWRJ9xjmObNTw5Ms8rijhxfqF0ophVpAjJkkxxXLHB0TuRP1UmWnhvymyanjWcOXqyw6QMTYZ3CdqRjSeIsyOvhDEb7RiLx69jm72BLBDZLUrHmi9GSudZu3r5rdxyOeKMoj5yzkHFU8X3mt87w/P/vhmheXc4t5kIlSwRV3O6RF2cJDahieV0MSzKo+iXvPbf5/LUvXu3bPtrruR8eLaPi7O1lLwgkYNy/cJNyXxQqxYISJKvMx82L+fzBWS56aAjSR5PZ/5DVHY+I4GgzNxkDoHA2b17SilHXjh73mx16ey0gHX1AWuLZ67zT41Z6h783nWt2Ex84myXSl+hKn01qHdf7O/8uzYXtDldes+RN695glFA9lnknFxYjq3Ez1QjPYRHFN2wnzLL72qCLdm7W4EXVm/wTacmOkxUXnFouZVq1lJiDtHKGKrxO8qpq5yF6bHqSjwHn2oPrces/i1L87RIfXurNl9LyMVywixSHGm0uNR48XgKjP/USKp2shpVktGS2oQE88sTNr9x7RaEM8HRkYKXluKQlpqko3R50zRoIiFeGuPzaxCO4NN7UwPTklLLqLIWmgat3jqiEZWP1ozAy71ae7ZGicDnH5qbDW7lUcjY8ZsR1aMiaAwQqUfRF7ePzcdU/Wvd9y8b8KNH8cQGEg1IAILGABMMH02McyG+zuVL+S6eeGEid0DmrR3zIpF803JDdw5VLu/Y9/mi5Z/kNzme+Ut+gwHFJogEfkXJDFUAUMKwcxL/j7WQLQD5UvpLMu7sfmwZ8p30D5/ZhDedfhIfaAK5WbXuK/qTIKQApD14hfectBzHsLDpRyDUlciLuUjGp3fQqOW/bw3ZrXy1z5Ai00XKIpkcO0yuHZqD5FjShfHGTY8prkYe70PkQTIf5xhnQfh1MB5uWNRq5PP4UGt5hRyA1I7/RUa1Lc75RTAJgYJn24tE/z5bw5+tb3+eQga/Z/H5XuPvuovHqW/4w2oggGUVgP+aDVjnAb5MrPHUR8j7Zq9UhFS9cZ58HxTGA/tzTvQvgadTK9/dtQklgIZ8GPwHzR3U3fW4Mdr7JzlucpQEFi4lg4NHLo1+K2WI8FEq4OCrNOBVXP9NGJoLCEhjA9y3UlIIrROKgAJ/RULrrqxGdyka5gYVAw1SAvwwM8EIP8ajwuFLAMmgxekurCI0nsaDWfknLMnJ4PbxZX8hRLtTHKcnf+EPQAhFdBMvy8xshAnkxXfp8cA5EnugDRRPK/P++XAwohgmRT4bsi8BJIMWne765lYRmrPzEPj9P2FJToaYZleb/4UQ7fWLjk09IeQfOqKabYo9XpY5JswItW4gL/pOGDg5QqJd3NoGiqfWDKH9cweyN4PVp+rj/Kl3CVk2ZMz1DKekoqahpaNnYGTi24OdlY0Q5S2Ox5wFS1bEfkl9MDZs2bEnJSOnoORgFEdOnLlw5cadB08qXkZTV1+sBnrYs/o/+8Eh7KOi/d5CuIL1sv0vbVzt3Ec/ycgQuYsrJSVxKW8W+zU9VmOnuS1PcU1bGjyxpDhGu2Apta4VuQiVl9a12uJSaGKj6F5LrDxgajcrkSlVPGmuAb/WspFpb90Hu6zcbeOJmMk32+jAcBslJrFTE8DTBcpkrXaaruhI6u6cIlKxNVsqUWKBl8LcqjDcXDVHlbjQt0ZbpBSYxflc16jbE9XKUYQmUoqJmg3sUP7gKUAttKpivbYDRdqr6qo3EWRQa5YB) format("woff2"), url(../iconfont/iconfont.woff?t=1600495799618) format("woff"), url(../iconfont/iconfont.ttf?t=1600495799618) format("truetype"), url(../iconfont/iconfont.svg?t=1600495799618#iconfont) format("svg")
}

.iconfont,
.u-mycheck label:after,
.u-myradio label:after {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-video:before {
    content: "\e607"
}

.icon-icon_videoerp-copy:before {
    content: "\e601"
}

.icon-erweima:before {
    content: "\e84f"
}

.icon-kaishi2:before {
    content: "\e7c7"
}

.icon-icon-test:before {
    content: "\e6a9"
}

.icon-shoucang:before {
    content: "\e62c"
}

.icon-xin:before {
    content: "\e625"
}

.icon-shoucang1:before {
    content: "\e67d"
}

.icon-xin2:before {
    content: "\e916"
}

.icon-wushuju:before {
    content: "\e61d"
}

.icon-minus-sign:before {
    content: "\e669"
}

.icon-add:before {
    content: "\e66b"
}

.icon-colse:before {
    content: "\e670"
}

.icon-mail:before {
    content: "\e787"
}

.icon-dingwei:before {
    content: "\e61c"
}

.icon-caidan:before {
    content: "\e638"
}

.icon-menu:before {
    content: "\e6ac"
}

.icon-jiantou:before {
    content: "\e608"
}

.icon-jia2:before {
    content: "\e677"
}

.icon-jian5:before {
    content: "\e612"
}

.icon-j-top:before {
    content: "\e646"
}

.icon-j-right:before {
    content: "\e647"
}

.icon-j-bottom:before {
    content: "\e69c"
}

.icon-j-left:before {
    content: "\e616"
}

.icon-sanjiao:before {
    content: "\e600"
}

.icon-remove:before {
    content: "\e636"
}

.icon-top:before {
    content: "\e65f"
}

.icon-download:before {
    content: "\e667"
}

.icon-quanjian:before {
    content: "\e622"
}

.icon-quanjia:before {
    content: "\e628"
}

.icon-nan:before {
    content: "\e609"
}

.icon-nv:before {
    content: "\e60d"
}

.icon-fx:before,
.u-mycheck label:after {
    content: "\e658"
}

.icon-jian:before {
    content: "\e6ab"
}

.icon-fx-cut:before {
    content: "\e63a"
}

.icon-dx:before {
    content: "\e6da"
}

.icon-dx-cut:before {
    content: "\e6aa"
}

.icon-jia:before {
    content: "\e715"
}

.icon-qq:before {
    content: "\e60a"
}

.icon-weibo:before {
    content: "\e65a"
}

.icon-close:before {
    content: "\e64e"
}

.icon-sousuo:before {
    content: "\e64d"
}

.icon-weixin:before {
    content: "\e64a"
}

.icon-more-right:before {
    content: "\e60b"
}

.icon-left:before {
    content: "\e617"
}

.icon-right:before {
    content: "\e618"
}

.icon-up:before {
    content: "\e619"
}

.icon-down:before {
    content: "\e61a"
}

.icon-search:before {
    content: "\e61b"
}

.u-callout:before,
.u-scroll:after,
.u-title:after {
    content: ""
}

html {
    -webkit-text-size-adjust: none
}

html.z-index {
    overflow: hidden
}

body {
    font-family: '微软雅黑', 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal
}

body.z-index {
    overflow: hidden
}

body.index-body1 {
    background: #f8f8f8
}

.icon-icon1,
.icon-icon2 {
    background-image: url(../images/sprite.png);
    width: 27px
}

body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
select,
table,
td,
ul {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    outline-style: none;
    border: 0
}

.jspVerticalBar .jspArrow:focus,
.scroll-pane {
    outline: 0
}

a:hover {
    color: #c11405
}

input,
select,
textarea {
    font-size: inherit;
    font-family: inherit;
    color: #222;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e6e6e6;
    border-radius: 0
}

input {
    border: 0;
    padding: 0 10px
}

textarea {
    padding: 5px;
    resize: none
}

img {
    border: 0;
    display: block
}

.hidden,
.jspCap {
    display: none
}

li {
    list-style-type: none;
    vertical-align: 0
}

.visibility {
    visibility: hidden
}

.fleft {
    float: left
}

.fright {
    float: right
}

.pos-r {
    position: relative
}

.pos-a {
    position: absolute
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    overflow: hidden;
    font-size: 0
}

.full-height {
    height: 100%
}

.animate {
    transition: all .5s ease-in-out 0s
}

@font-face {
    font-family: questrial;
    src: url(../iconfont/Questrial-Regular.ttf) format("truetype")
}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0%,
    100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}

@keyframes pulse {
    0%,
    100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0)
    }
}

.swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0%,
    100% {
        transform: translateX(0)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
}

@keyframes wobble {
    0%,
    100% {
        transform: translateX(0)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0) rotate(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

.icon-icon1 {
    background-position: 0 0;
    height: 23px
}

.icon-icon2 {
    background-position: -57px 0;
    height: 22px
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspVerticalBar {
    top: 0;
    width: 3px;
    height: 100%
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px
}

.jspDrag,
.jspTrack,
.u-logo,
.u-select {
    position: relative
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    width: 1px;
    background: rgba(255, 255, 255, .3);
    left: 0
}

.jspDrag {
    width: 3px;
    height: 6px;
    background: #d70d18;
    top: 0;
    left: -1px;
    cursor: pointer
}

.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.f-in,
.f-infoot,
.f-inhead {
    margin: 0 auto;
    box-sizing: border-box
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

::-webkit-input-placeholder {
    font-size: 14px;
    color: #666
}

:-moz-placeholder {
    font-size: 14px;
    color: #666
}

::-moz-placeholder {
    font-size: 14px;
    color: #666
}

:-ms-input-placeholder {
    font-size: 14px;
    color: #666
}

.f-runtion {
    text-overflow: ellipsis;
    white-space: nowrap
}

.f-in {
    max-width: 1160px
}

.f-inhead {
    max-width: 1920px;
    padding: 0 80px
}

.f-infoot {
    max-width: 1160px
}

.f-html-hidden {
    height: 100%;
    overflow: hidden
}

.u-logo {
    width: 321px;
    height: 48px;
    float: left;
    margin-top: 23px;
    z-index: 2
}

.u-logo img {
    width: 100%;
    height: 100%
}

.u-links {
    margin: 35px 0;
    overflow: hidden
}

.u-links a {
    font-size: 16px;
    color: #666;
    height: 36px;
    line-height: 36px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    float: left;
    padding: 0 15px;
    margin-right: 12px
}

.u-links a.z-current,
.u-links a:hover {
    color: #c11405;
    border: 1px solid #c11405
}

.u-title {
    font-size: 42px;
    font-weight: 400;
    color: #333;
    line-height: 1;
    margin: 90px auto 50px
}

.u-title.title-other {
    font-size: 60px
}

.u-title.title-other:after {
    display: none
}

.u-title:after {
    width: 40px;
    height: 4px;
    background: #044567;
    margin: 20px auto 0;
    display: block
}

.u-spe-title {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    margin: 35px 0 15px
}

.u-spe-title.spe-other-title {
    border-bottom: 2px solid #9d0a10;
    padding-bottom: 15px;
    margin-bottom: 10px
}

.u-spe-title h2 {
    font-size: 26px;
    color: #c11405;
    float: left;
    background: url(../images/pic61.gif) left center no-repeat;
    padding-left: 15px
}

.u-spe-title a {
    float: right;
    color: #ababab
}

.u-spe-title a:hover {
    color: #c11405
}

.u-title-sub {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-bottom: 60px
}

.u-width {
    width: 360px;
    float: left
}

.u-index-title2 {
    height: 45px;
    line-height: 45px;
    border-bottom: 3px solid #e3e3e3
}

.u-index-title2 h2 {
    border-bottom: 3px solid #c11405;
    font-size: 22px;
    font-weight: 400;
    float: left;
    color: #555
}

.u-index-title2 h2 b {
    color: #c11405;
    font-weight: 400
}

.u-index-title2 a {
    float: right;
    color: #999
}

.u-index-title2 a:hover {
    color: #c11405
}

.u-lists li {
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    overflow: hidden
}

.u-btn-more,
.u-btn-more1,
.u-btn-more2 {
    width: 200px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    background: #033751;
    border: 1px solid #033751;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    margin: 35px auto 0
}

.u-btn-more1:hover,
.u-btn-more2:hover,
.u-btn-more:hover {
    color: #fff;
    background: #e4171c;
    border: 1px solid #e4171c
}

.u-btn-more1 {
    width: 100px;
    height: 26px;
    line-height: 26px;
    margin: 20px 0 0;
    background: #356f8d
}

.u-btn-more2 {
    width: 150px;
    height: 35px;
    line-height: 35px;
    margin: 20px 0 0
}

.u-button,
.u-news-button {
    height: 46px;
    line-height: 46px;
    text-align: center;
    display: block
}

.u-button {
    width: 160px;
    color: #fff;
    font-size: 14px;
    background: #033751;
    float: left;
    margin: 0 10px;
    border-radius: 5px
}

.u-button.button-other {
    background: #999
}

.u-button:hover {
    color: #fff;
    background: #d70d18
}

.u-news-button {
    width: 148px;
    font-size: 16px;
    border: 1px solid #aaa;
    border-radius: 5px
}

.u-input-text,
.u-textarea {
    font-size: 18px;
    box-sizing: border-box
}

.u-news-button:hover {
    color: #fff;
    border: 1px solid #982420;
    background: #982420
}

.u-input-text {
    width: 595px;
    height: 60px;
    float: left;
    padding: 0 30px;
    background: #fff;
    border: 1px solid #f7f4f4
}

.u-input-text.input-text-other {
    width: 460px
}

.u-input-text:focus {
    border: 1px solid #d70d18
}

.u-textarea {
    width: 595px;
    height: 190px;
    padding: 10px 30px;
    background: #fff;
    border: 1px solid #f7f4f4
}

.u-textarea:focus {
    border: 1px solid #d70d18
}

.u-select {
    float: left
}

.u-select:hover .select-ul {
    transform: scale(1);
    opacity: 1
}

.u-select .title {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    cursor: pointer
}

.u-select .title i {
    font-size: 14px;
    font-weight: 700;
    color: #999;
    margin-left: 5px
}

.u-select .select-ul {
    background: #fff;
    position: absolute;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
    padding: 5px 0;
    transform: scale(0);
    transform-origin: left top;
    opacity: 0
}

.u-select .select-ul li {
    line-height: 30px;
    white-space: nowrap;
    font-size: 12px
}

.u-select .select-ul li a {
    padding: 0 15px
}

.u-select .select-ul li.z-active a {
    color: #E3281E
}

.u-select-lists {
    width: 100%;
    float: left;
    font-size: 16px;
    height: 70px;
    padding: 0 45px;
    color: #666;
    background: url(../images/icon6.png) right 40px center no-repeat #f5f6f7;
    border: 0;
    box-sizing: border-box;
    margin-bottom: 20px
}

.u-input-box {
    overflow: hidden;
    padding-top: 18%
}

.u-input-box ::-webkit-input-placeholder {
    font-size: 14px;
    color: #fff
}

.u-input-box :-moz-placeholder {
    font-size: 14px;
    color: #fff
}

.u-input-box ::-moz-placeholder {
    font-size: 14px;
    color: #fff
}

.u-input-box :-ms-input-placeholder {
    font-size: 14px;
    color: #fff
}

.u-input-box .u-input-text {
    width: 48%;
    height: 30px;
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    margin: 0 1%;
    float: left
}

.u-input-box .u-button {
    clear: both;
    width: 160px;
    height: 32px;
    line-height: 32px;
    margin: 60px auto 0;
    color: #c11405;
    background: #fff
}

.u-title2,
.u-title3 {
    font-weight: 400;
    line-height: 1;
    text-align: center
}

.u-title2 {
    font-size: 36px;
    color: #555;
    margin: 0 auto 30px
}

.u-title3 {
    font-size: 24px;
    color: #044567;
    margin: 0 auto 20px
}

.u-language {
    text-decoration: underline;
    margin-left: 20px
}

.u-title-intro {
    font-size: 18px;
    color: #fff;
    text-align: center
}

.u-callout {
    position: absolute;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #636363;
    color: #fff;
    white-space: nowrap
}

.u-more,
.u-tab {
    font-size: 16px
}

.u-callout:before {
    position: absolute;
    top: 22px;
    left: 50%;
    margin-left: -3px;
    padding: 3px;
    background: inherit;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(-135deg)
}

.u-tags {
    margin-top: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #aaa;
    overflow: hidden;
    padding: 20px 0
}

.u-tags li {
    margin: 5px 15px 5px 0;
    float: left
}

.u-tags li a {
    padding: 0 15px;
    line-height: 30px;
    display: block;
    text-decoration: none
}

.u-tags li a:hover,
.u-tags li.z-current a {
    color: #fff;
    background: #c11405
}

.u-tab {
    background: #fff
}

.u-tab li {
    text-align: center;
    cursor: pointer
}

.u-tab li.z-current {
    font-weight: 700;
    color: #fff;
    background: #c11405
}

.u-tab-content {
    margin: 0
}

.u-tab-content .tab-sub {
    position: relative
}

.u-more,
.u-scroll {
    position: absolute
}

.u-tab-content .tab-more {
    position: absolute;
    right: 10px;
    top: -35px;
    color: #999
}

.u-tab-content .tab-more:hover {
    color: #c11405
}

.u-more {
    color: #fff;
    right: 0
}

.u-more i {
    font-size: 12px;
    font-weight: 700;
    margin-left: 5px
}

.u-scroll {
    width: 41px;
    height: 36px;
    left: 50%;
    margin-left: -20px;
    bottom: 30px;
    z-index: 2
}

@-webkit-keyframes move {
    0%,
    100% {
        margin-top: -10px
    }
    50% {
        margin-top: 0
    }
}

.u-scroll:after {
    width: 100%;
    height: 100%;
    background: url(../images/icon11.png) no-repeat;
    display: block;
    margin-top: -10px;
    -webkit-animation: move 1.2s infinite ease-in-out
}

.u-search-box {
    width: 266px;
    height: 50px;
    border: 1px solid #c11405;
    border-radius: 50px;
    background: #fff;
    overflow: hidden
}

.u-search-box input {
    width: 204px;
    height: 50px;
    float: left
}

.u-search-box a {
    width: 40px;
    height: 50px;
    line-height: 50px;
    float: left;
    color: #c11405
}

.u-search-box a i {
    font-size: 24px
}

.u-text-title {
    font-size: 22px;
    color: #666;
    border-left: 8px solid #c11405;
    padding-left: 20px
}

.u-cases-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 30px
}

.u-keyword {
    margin-top: 40px;
    background: #e6e6e6;
    padding: 30px 20px
}

.u-keyword .keyword-box {
    height: 144px;
    overflow: hidden
}

.u-keyword .keyword-box.z-current {
    height: auto
}

.u-keyword a {
    font-size: 16px;
    float: left;
    margin: 7px 10px;
    text-decoration: underline
}

.m-nav li>a,
.u-index-more,
.u-index-more:hover {
    text-decoration: none
}

.u-keyword .keyword-more {
    width: 78px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 20px auto 0;
    border: 1px solid #aaa;
    cursor: pointer
}

.u-keyword .keyword-more:hover {
    color: #fff;
    background: #c11405;
    border: 1px solid #c11405
}

.u-index-more {
    color: #777
}

.u-index-title {
    position: relative;
    margin: 45px 0 30px
}

.u-index-title .u-index-more {
    position: absolute;
    top: 20px;
    right: 0
}

.u-index-title h1 {
    font-size: 30px;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px
}

.u-index-title .title-sub {
    color: #7d7d7d;
    text-align: center;
    position: relative
}

.u-index-title .title-sub b {
    font-weight: 400;
    background: #fff;
    padding: 0 5%;
    position: relative;
    z-index: 2;
    text-transform: uppercase
}

.u-index-title .title-sub:after,
.u-index-title .title-sub:before {
    content: "";
    width: 23.43%;
    height: 1px;
    background: #7d7d7d;
    display: block;
    margin-top: 12px;
    position: absolute;
    z-index: 1;
    top: 0
}

.u-index-title .title-sub:before {
    margin-left: 7.81%;
    left: 0
}

.u-index-title .title-sub:after {
    margin-right: 7.81%;
    right: 0
}

.preload {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 999999;
    background: #fff;
    transition: background-color .5s;
    transform-origin: 50% 42%
}

.preload.is-loaded {
    background: 0 0
}

.preload.is-animate-out {
    transform: scale(5);
    opacity: 0;
    transition: transform 1s, opacity 1s
}

.preload.is-paused .preload__progress {
    transform: scale(0)
}

.preload.is-paused .preload__progress-inner {
    -webkit-animation: none;
    animation: none
}

.preload.is-clean {
    background: 0 0;
    z-index: -1;
    transition: none
}

.preload.is-clean .preload__bg {
    display: none
}

.preload.is-clean .preload__progress {
    background: rgba(0, 0, 0, .5);
    top: 50%
}

.preload.is-clean .preload__progress-inner {
    background: #35373b
}

.preload.is-clean-paused .preload__progress-inner {
    -webkit-animation: none;
    animation: none
}

.preload__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.preload__progress {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin: -1px 0 0 -100px;
    height: 1px;
    background: rgba(255, 255, 255, .15);
    transition: .3s
}

.load-bg,
.preload__progress-inner {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.preload__progress-inner {
    position: absolute;
    background: #fff;
    -webkit-animation: preloadLine 1.6s both infinite;
    animation: preloadLine 1.6s both infinite
}

@-webkit-keyframes preloadLine {
    2% {
        transform-origin: 100% 50%;
        transform: scaleX(1)
    }
    48% {
        transform-origin: 100% 50%;
        transform: scaleX(0)
    }
    52% {
        transform-origin: 0 50%;
        transform: scaleX(0)
    }
    98% {
        transform-origin: 0 50%;
        transform: scaleX(1)
    }
}

@keyframes preloadLine {
    2% {
        transform-origin: 100% 50%;
        transform: scaleX(1)
    }
    48% {
        transform-origin: 100% 50%;
        transform: scaleX(0)
    }
    52% {
        transform-origin: 0 50%;
        transform: scaleX(0)
    }
    98% {
        transform-origin: 0 50%;
        transform: scaleX(1)
    }
}

.load-bg {
    position: fixed;
    overflow: hidden;
    z-index: 999999
}

.load-bg .top {
    height: 50%;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

.load-bg .top i {
    display: block;
    width: 200px;
    height: 1px;
    background-color: #555;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -100px;
    transition: .5s
}

.m-alert,
.m-head .head-m-search .head-search-box input,
.m-head .head-search input,
.m-nav li .nav-subs {
    transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s
}

.load-bg .top i.on {
    left: 0;
    margin-left: 0;
    width: 100%
}

.load-bg .bot {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 50%;
    background-color: #fff
}

.m-pages {
    text-align: center;
    margin: 50px auto;
    display: table;
    color: #333
}

.m-pages a,
.m-pages input {
    margin: 0 3px;
    height: 28px;
    float: left
}

.m-pages a {
    width: 28px;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    background: #fff;
    border-radius: 3px;
    position: relative
}

.m-pages a.a_cut,
.m-pages a.page_cut,
.m-pages a:hover {
    background: #c11405;
    border: 1px solid #c11405;
    color: #fff
}

.m-pages .next,
.m-pages .p_first,
.m-pages .p_last,
.m-pages .p_next,
.m-pages .p_prev,
.m-pages .prev {
    width: 60px
}

.m-pages .next i,
.m-pages .p_first i,
.m-pages .p_last i,
.m-pages .p_next i,
.m-pages .p_prev i,
.m-pages .prev i {
    font-size: 20px;
    font-weight: 700
}

.m-pages .next:hover,
.m-pages .p_first:hover,
.m-pages .p_last:hover,
.m-pages .p_next:hover,
.m-pages .p_prev:hover,
.m-pages .prev:hover {
    background: #c11405;
    border: 1px solid #c11405
}

.m-pages .p_first,
.m-pages .p_last {
    width: 40px
}

.m-pages input {
    padding: 0 5px;
    width: 40px;
    line-height: 28px\9;
    border-radius: 3px;
    border: 1px solid #e5e5e5
}

.m-pages input:focus {
    border: 1px solid #c11405
}

.m-pages span {
    line-height: 28px;
    float: left;
    padding: 0 5px;
    color: #999
}

.m-pages .pages-text,
.m-pages .pages-text1 {
    margin-left: 10px
}

.m-pages .pages-text1 {
    margin-left: 0;
    margin-right: 10px
}

.m-pages .p_go,
.m-pages .page-go {
    width: 40px;
    height: 28px;
    line-height: 28px;
    float: left;
    border: 1px solid #e5e5e5;
    background: #fff
}

.view-more {
    height: 45px;
    margin: 35px 0 0;
    color: #c11405;
    display: none
}

.view-more .loaded,
.view-more .view-btn {
    width: 200px;
    height: 45px;
    line-height: 45px;
    background: #fff;
    margin: 0 auto;
    font-size: 14px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center
}

.view-more .view-btn {
    border: 1px solid #c11405;
    border-radius: 3px
}

.view-more .view-btn:hover {
    color: rgba(193, 20, 5, .8);
    border: 1px solid rgba(193, 20, 5, .8)
}

.view-more .loaded {
    border: 1px solid #c11405;
    border-radius: 3px
}

.view-more .loaded img {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.m-slide,
.m-slide .index_banner {
    width: 100%
}

.m-slide .index_banner:hover .ban_hd .circle1,
.view-more .z-hidden {
    display: none
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes spin {
    100% {
        transform: rotate(-360deg)
    }
}

.m-slide {
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    box-sizing: border-box
}

.m-slide .ban_hd {
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    right: 0
}

.m-slide .ban_hd .circle1 {
    display: none;
    -webkit-animation: lineMove 6.5s ease-out infinite;
    animation: lineMove 6.5s ease-out infinite
}

@-webkit-keyframes lineMove {
    0% {
        stroke-dasharray: 0, 144
    }
    100% {
        stroke-dasharray: 144, 144
    }
}

@keyframes lineMove {
    0% {
        stroke-dasharray: 0, 144
    }
    100% {
        stroke-dasharray: 144, 144
    }
}

.m-slide .ban_hd ul {
    display: table;
    margin: 0 auto
}

.m-slide .ban_hd ul li {
    width: 10px;
    height: 10px;
    float: left;
    margin: 0 5px;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.m-slide .ban_hd ul li svg {
    position: relative;
    z-index: 2
}

.m-slide .ban_hd ul li .li-sub {
    width: 10px;
    height: 10px;
    display: block;
    background: rgba(255, 255, 255, .6);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    text-indent: -9999px
}

.m-slide .ban_hd ul li.on .li-sub {
    background: #fff
}

.m-slide .ban_hd ul li.on .circle1 {
    display: block
}

.m-slide .ban_bd {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.m-slide .ban_bd li {
    position: relative;
    width: 100%;
    height: auto
}

.m-slide .ban_bd li a {
    height: 100%;
    display: block;
    overflow: hidden
}

.m-slide .ban_bd li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-slide .ban_bd li h3 {
    font-size: 28px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    color: #222;
    font-weight: 400
}

.m-slide .ban_bd li p {
    color: #222;
    font-size: 16px;
    line-height: 30px;
    max-height: 90px;
    overflow: hidden
}

.m-slide .ban_bd li span {
    font-size: 18px;
    color: #c11405;
    float: right;
    margin-top: 10px
}

.m-slide .nextbtn i,
.m-slide .prevbtn i {
    font-size: 34px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: block;
    font-weight: 700
}

.m-slide .prevbtn {
    width: 50px;
    height: 100%;
    line-height: 100%;
    position: absolute;
    left: -50px;
    bottom: 0;
    color: #333;
    cursor: pointer;
    z-index: 2;
    text-align: center
}

.m-slide .prevbtn i {
    width: 100%;
    height: 50px;
    line-height: 50px
}

.m-slide .prevbtn:hover {
    color: #c11405
}

.m-slide .nextbtn {
    width: 50px;
    height: 100%;
    line-height: 100%;
    position: absolute;
    right: -50px;
    bottom: 0;
    color: #333;
    cursor: pointer;
    z-index: 2;
    text-align: center
}

.m-slide .nextbtn i {
    width: 100%;
    height: 50px;
    line-height: 50px
}

.m-slide .nextbtn:hover {
    color: #c11405
}

.m-slide .pageState {
    color: #999;
    padding: 0 10px;
    line-height: 24px;
    font-size: 18px;
    font-family: Arial;
    position: absolute;
    right: 57px;
    bottom: 10px;
    z-index: 2
}

.m-slide .pageState span {
    font-size: 24px;
    color: #c11405
}

.m-slide.slide--pub {
    padding-bottom: 70px
}

.m-slide.slide--pub .ban_hd {
    height: 30px
}

.m-slide.slide--pub .ban_hd ul li {
    width: 25px;
    height: 5px
}

.m-slide.slide--pub .ban_hd ul li .li-sub {
    width: 25px;
    height: 5px;
    border-radius: 0
}

.m-slide.slide--pub .ban_bd li a {
    display: block
}

.m-slide.slide--pub .ban_bd li img {
    width: 95%;
    margin: 0 auto
}

.m-slide.slide--pub .nextbtn,
.m-slide.slide--pub .prevbtn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #b0b0b0;
    bottom: 50%;
    margin-bottom: 25px;
    border-radius: 50%
}

.m-slide.slide--pub .nextbtn i,
.m-slide.slide--pub .prevbtn i {
    font-weight: 700
}

.m-slide.slide--pub .nextbtn:hover,
.m-slide.slide--pub .prevbtn:hover {
    background: #c11405;
    color: #fff
}

.m-slide.slide--pub .prevbtn {
    left: -5%
}

.m-slide.slide--pub .nextbtn {
    right: -5%
}

.m-slide.expo--slide .ban_hd {
    bottom: 30px
}

.m-slide.expo--slide .ban_hd ul {
    margin: 0 0 0 50px
}

.m-slide.expo--slide .ban_hd ul li {
    background-size: cover;
    border-radius: 50%;
    margin: 0 10px
}

.m-slide.expo--slide .ban_hd ul li.on .li-sub {
    background: rgba(0, 0, 0, .2)
}

.m-slide.expo--slide .ban_hd ul li .li-sub {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: rgba(0, 0, 0, .5);
    text-indent: 0;
    color: #fff
}

.m-slide.expo--slide .ban_bd li .img-mb {
    display: none
}

.m-slide.slide--news {
    margin: 0 auto;
    max-width: 1920px;
    padding-bottom: 0
}

.m-slide.slide--news .ban_hd {
    width: 50%;
    height: 5px;
    right: 50%;
    bottom: 20px
}

.m-slide.slide--news .ban_hd ul {
    float: right;
    margin-right: 40px
}

.m-slide.slide--news .ban_hd ul li {
    width: 27px;
    height: 5px
}

.m-slide.slide--news .ban_hd ul li .li-sub {
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: rgba(255, 255, 255, .3)
}

.m-slide.slide--news .ban_hd ul li.on .li-sub {
    background: #fff
}

.m-slide.slide--news .ban_bd li {
    background: url(../images/s-bg.jpg)
}

.m-slide.slide--news .ban_bd li a {
    margin: 0;
    height: 100%
}

.m-slide.slide--news .ban_bd li .news-img {
    width: 50%;
    height: 0;
    padding-bottom: 27.5%;
    float: left;
    position: relative;
    overflow: hidden
}

.m-slide.slide--news .ban_bd li img {
    width: 100%;
    height: auto;
    margin-right: 0;
    float: none
}

.m-slide.slide--news .ban_bd li .news-box {
    background: url(../images/s-bg.jpg);
    height: 100%;
    padding: 8% 10% 0 4%;
    box-sizing: border-box;
    overflow: hidden
}

.u-mycheck label,
.u-myradio label {
    padding-left: 25px;
    cursor: pointer;
    box-sizing: border-box
}

.m-slide.slide--news .ban_bd li .news-data {
    width: 118px;
    height: 106px;
    float: left;
    color: #fff;
    background: url(../images/ty-img.png) no-repeat;
    overflow: hidden
}

.m-slide.slide--news .ban_bd li .news-data .day {
    font-size: 30px;
    font-family: Arial;
    font-weight: 400;
    line-height: 1;
    display: block;
    margin: 25px 0 5px 20px
}

.m-slide.slide--news .ban_bd li .news-data .month,
.m-slide.slide--news .ban_bd li .news-data .year {
    width: 100px;
    display: block;
    font-size: 22px;
    font-family: Arial;
    line-height: 24px;
    margin-left: 20px;
    font-weight: 400
}

.m-slide.slide--news .ban_bd li .news-text {
    margin-left: 150px
}

.m-slide.slide--news .ban_bd li h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    height: 70px;
    overflow: hidden;
    color: #333;
    margin: 10px 0 20px
}

.m-slide.slide--news .ban_bd li p {
    font-size: 15px;
    line-height: 25px;
    max-height: 75px;
    color: #222;
    overflow: hidden;
    text-align: justify
}

.m-slide.slide--news .ban_bd li span {
    font-size: 16px;
    color: #c11405;
    margin-top: 40px;
    display: block;
    float: none
}

.m-slide.slide--news .ban_bd li span i {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 5px
}

.u-mycheck {
    position: relative;
    color: #999
}

.u-mycheck a,
.u-mycheck input[type=checkbox]:checked+label {
    color: #666
}

.u-mycheck input[type=checkbox] {
    display: none
}

.u-mycheck label {
    width: 100%;
    display: block
}

.u-mycheck label:after {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px
}

.u-mycheck input[type=checkbox]:checked+label:after {
    content: "\e63a";
    color: #666
}

.u-myradio {
    position: relative;
    color: #999
}

.u-myradio a,
.u-myradio input[type=radio]:checked+label {
    color: #666
}

.u-myradio input[type=radio] {
    display: none
}

.u-myradio label {
    width: 100%;
    display: block
}

.u-myradio label:after {
    content: "\e6da";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px
}

.u-myradio input[type=radio]:checked+label:after {
    content: "\e6aa";
    color: #666
}

.m-certification .cer-lists ul:after,
.m-honor .honor-lists:before,
.m-news ul:after,
.m-news-other ul:after,
.m-side .side-box .side-ul:before,
.m-text ul:after {
    content: ""
}

.m-alert {
    width: 100%;
    height: 100%;
    color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    display: table;
    z-index: 99999;
    opacity: 0;
    transform: scale(0)
}

.m-alert.z-show,
.m-nav li.z-current .nav-subs {
    transform: scale(1);
    opacity: 1
}

.m-alert.ind-alert .alert-colse {
    color: #666;
    background: 0 0;
    top: 30px;
    right: 60px
}

.m-alert.ind-alert .alert-colse i {
    font-size: 34px
}

.m-alert .alert-colse {
    color: rgba(255, 255, 255, .6);
    position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: 10px;
    cursor: pointer;
    z-index: 2;
    background: rgba(0, 0, 0, .5)
}

.m-alert .alert-colse i {
    font-size: 26px;
    display: block;
    text-align: center
}

.m-alert .alert-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 5
}

.m-head,
.m-head .f-in,
.m-head .head-search {
    position: relative
}

.m-alert .alert-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.m-alert .alert-text-content {
    text-align: left;
    min-width: 300px;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    z-index: 8;
    border-radius: 0
}

.m-alert .alert-text-content img {
    width: 100%;
    display: block
}

.m-alert .alert-text-content video {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.m-alert .btns .cancel-btn,
.m-alert .btns .submit-btn {
    height: 40px;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    display: inline-block;
    margin: 10px 10px 0;
    border-radius: 3px;
    cursor: pointer;
    width: 150px
}

.m-alert .btns {
    text-align: center
}

.m-alert .btns .cancel-btn {
    background: #9b9b9b
}

.m-alert .btns .submit-btn {
    background: #c11405
}

.m-alert .btns .submit-btn:hover {
    background: #982420
}

.m-alert .ind-sub-img {
    display: none !important
}

.m-alert .ind-alert-cont {
    max-width: 1060px;
    margin: 0 auto;
    background: #fff;
    padding: 60px 60px 80px;
    display: block
}

.m-alert .ind-alert-cont .ind-alert-left {
    width: 150px;
    float: left
}

.m-alert .ind-alert-cont .ind-alert-left img {
    width: 100%
}

.m-alert .ind-alert-cont .ind-alert-right {
    margin-left: 200px
}

.m-alert .ind-alert-cont .ind-alert-right h2 {
    font-size: 24px;
    font-weight: 400;
    color: #222;
    margin-bottom: 20px
}

.m-alert .ind-alert-cont .ind-alert-right .ind-p {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    text-align: justify
}

.m-head {
    background: #fff;
    z-index: 9999
}

.m-head ::-webkit-input-placeholder {
    font-size: 14px;
    color: #999
}

.m-head :-moz-placeholder {
    font-size: 14px;
    color: #999
}

.m-head ::-moz-placeholder {
    font-size: 14px;
    color: #999
}

.m-head :-ms-input-placeholder {
    font-size: 14px;
    color: #999
}

.m-head .head-bottom {
    height: 93px
}

.m-head .head-right {
    float: right;
    margin-top: 42px
}

.m-head .head-search {
    float: left;
    height: 45px
}

.m-head .head-search:hover input {
    width: 250px;
    padding: 0 10px;
    border: 1px solid #e6e6e6
}

.m-head .head-search input {
    width: 0;
    line-height: 43px;
    padding: 0;
    float: left;
    position: absolute;
    right: 50px;
    background: #fff;
    border: 0 solid transparent;
    font-size: 14px
}

.m-head .head-search a {
    width: 50px;
    line-height: 45px;
    float: left;
    text-align: center
}

.m-head .head-m-search,
.m-head .m-menu {
    float: right;
    display: none
}

.m-head .head-search .icon-sousuo {
    font-size: 22px;
    font-weight: 700
}

.m-head .m-menu {
    height: 50px;
    line-height: 50px;
    padding: 0 2.5%;
    color: #373737;
    position: relative;
    z-index: 1000
}

.m-head .m-menu.z-current i {
    color: #fff
}

.m-head .m-menu i {
    font-size: 24px
}

.m-head .head-m-search .search-btn {
    line-height: 50px;
    padding: 0 15px;
    color: #373737
}

.m-foot,
.m-foot a,
.m-foot a:hover {
    color: #fff
}

.m-head .head-m-search .search-btn i {
    font-size: 22px;
    font-weight: 700
}

.m-head .head-m-search .head-search-box {
    width: 108%;
    position: absolute;
    border-top: 1px solid #e6e6e6;
    left: -4%;
    top: 50px;
    padding: 10px 5%;
    box-sizing: border-box;
    background: #fff;
    display: none
}

.m-foot,
.m-nav li,
.m-nav li>a {
    position: relative
}

.m-head .head-m-search .head-search-box.z-show,
.m-nav li>a,
.m-nav li>a b {
    display: block
}

.m-head .head-m-search .head-search-box input {
    width: 88%;
    line-height: 33px;
    padding: 0 10px;
    float: left;
    background: #fff;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    box-sizing: border-box
}

.m-head .head-m-search .head-search-box input:focus {
    border: 1px solid #c11405
}

.m-head .head-m-search .head-search-box a {
    width: 12%;
    line-height: 33px;
    float: right;
    text-align: center
}

.m-head .head-m-search .head-search-box .icon-sousuo {
    font-size: 22px;
    font-weight: 700
}

.m-foot {
    width: 100%;
    overflow: hidden
}

.m-foot .foot-top {
    height: 56px;
    background: #77150f
}

.m-foot .foot-link {
    line-height: 33px;
    margin-top: 12px;
    float: left
}

.m-foot .foot-link a {
    float: left;
    color: #222;
    background: url(../images/icon.png) 15px center no-repeat #fff;
    padding: 0 15px 0 40px;
    margin-right: 17px;
    font-size: 13px
}

.m-foot .foot-link a:hover {
    background: url(../images/icon.png) 15px center no-repeat rgba(255, 255, 255, .8)
}

.m-foot .foot-select {
    width: 220px;
    height: 33px;
    float: right;
    margin-top: 12px;
    background: url(../images/icon1.png) right center no-repeat rgba(255, 255, 255, .2)
}

.m-foot .foot-select select {
    width: 100%;
    height: 100%;
    border: 0;
    color: #fff;
    background: 0 0;
    box-sizing: border-box;
    padding: 0 15px
}

.m-foot .foot-select option {
    color: #666
}

.m-foot .foot-bottom {
    padding: 50px 0;
    overflow: hidden;
    background: url(../images/pic13.jpg) center top no-repeat;
    background-size: cover
}

.m-foot .bottom-left {
    float: left;
    margin-top: 20px
}

.m-foot .bottom-left img {
    width: 282px;
    height: 47px
}

.m-foot .bottom-right {
    float: right;
    font-size: 12px
}

.m-crumbs h2,
.m-foot .bottom-right .foot-address,
.m-nav,
.m-nav li,
.m-side {
    float: left
}

.m-foot .bottom-right .foot-ewm {
    float: left;
    text-align: center;
    margin-right: 45px
}

.m-foot .bottom-right .foot-ewm img {
    width: 85px;
    height: 85px;
    margin-bottom: 5px
}

.m-nav li.z-current .nav-title:after,
.m-nav li.z-select .nav-title:after,
.m-nav li>a:hover:after {
    width: 100%;
    margin-left: 0
}

.m-nav {
    height: 45px;
    box-sizing: border-box
}

.m-nav li {
    font-size: 16px
}

.m-nav li>a {
    color: #333;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0 20px
}

.m-nav li>a b {
    font-weight: 400
}

.m-nav li>a i {
    display: none
}

.m-nav li>a:hover {
    color: #c11405
}

.m-nav li.z-current .nav-title,
.m-nav li.z-select .nav-title {
    color: #fff;
    background: #c11405;
    border-radius: 4px 4px 0 0;
    display: block
}

.m-nav li.z-current .nav-title:before {
    opacity: 1
}

.m-nav li .nav-subs {
    width: 200px;
    position: absolute;
    left: 0;
    transform: scale(0);
    transform-origin: center top;
    background: #fff;
    overflow: hidden;
    z-index: 9999;
    opacity: 0;
    padding: 10px 0;
    box-sizing: border-box;
    box-shadow: 0 0 32px rgba(62, 62, 62, .09)
}

.m-manpower .manp-sub .manp-img img,
.m-news li .news-img img,
.m-news-other li .news-img img,
.m-quality .quality-img img {
    transition: all .6s cubic-bezier(.4, 0, .2, 1) 0s
}

.m-nav li .nav-subs dl {
    display: block
}

.m-nav li .nav-subs dd a {
    font-size: 16px;
    line-height: 49px;
    color: #222;
    display: block;
    position: relative;
    padding: 0 10px 0 20px
}

.m-nav li .nav-subs dd a:hover {
    color: #c11405;
    background: #f7f7f7;
    font-weight: 400
}

.m-nav li .nav-subs dd:last-child {
    border-bottom: 0
}

.m-banner-text {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.m-banner-text .banner-pc {
    width: 1920px;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.m-banner-text .banner-mb {
    display: none
}

.m-banner-text .banner-text {
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 15%;
    box-sizing: border-box;
    text-align: left;
    padding-left: 5%;
    display: none
}

.m-banner-text .banner-text h2 {
    display: table;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    background: rgba(166, 13, 0, .6)
}

.m-banner-text .banner-text .banner-p {
    max-width: 1280px;
    margin: 15px auto 0
}

.m-banner-text .banner-text p {
    width: 530px;
    font-size: 18px;
    color: #fff;
    line-height: 30px
}

.m-side {
    width: 260px;
    margin-top: -94px;
    margin-bottom: 50px
}

.m-side .title {
    background: rgba(166, 13, 0, .78);
    padding: 4px
}

.m-side .title h1 {
    height: 84px;
    line-height: 84px;
    font-size: 32px;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .3)
}

.m-side .side-box {
    min-height: 556px;
    background: #f7f7f7;
    line-height: 54px;
    padding-bottom: 50px
}

.m-side .side-box .side-ul {
    position: relative;
    padding: 10px 0
}

.m-side .side-box .side-ul:before {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-left: 5px solid #d0cece;
    z-index: 0
}

.m-side .side-box .side-ul li {
    position: relative
}

.m-side .side-box .side-ul li.z-current a {
    color: #c11405;
    background: #eae4e3;
    border-left: 12px solid #c11405;
    padding-left: 28px
}

.m-side .side-box .side-ul li a {
    font-size: 18px;
    height: 54px;
    overflow: hidden;
    display: block;
    padding: 0 30px 0 40px
}

.m-side .side-box .side-ul li a:hover {
    color: #c11405;
    background: #eae4e3;
    border-left: 12px solid #c11405;
    padding-left: 28px
}

.m-crumbs {
    height: 70px;
    line-height: 67px;
    background: #fff;
    border-bottom: 3px solid #e5e5e5;
    color: #4c4c4c;
    box-sizing: border-box;
    margin-top: 12px
}

.m-crumbs h2 {
    font-size: 28px;
    border-bottom: 3px solid #c11405
}

.m-crumbs .crumbs-right {
    float: right;
    font-size: 14px;
    color: #888
}

.m-crumbs .crumbs-right b {
    float: left;
    font-weight: 400
}

.m-crumbs .crumbs-right a {
    float: left;
    color: #888
}

.m-crumbs .crumbs-right a:hover {
    color: #c11405
}

.m-crumbs .crumbs-right span {
    float: left;
    margin: 0 5px
}

.m-content {
    font-size: 16px;
    color: #222;
    min-height: 300px;
    margin: 60px 0
}

.m-news,
.m-text {
    min-height: 500px
}

.m-content.content-other {
    margin: 40px 0 60px
}

.m-content h1 {
    font-size: 32px;
    text-align: center;
    line-height: 1.3;
    color: #000;
    font-weight: 400;
    margin-bottom: 30px
}

.m-content .content-sub {
    font-size: 13px;
    line-height: 34px;
    color: grey;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative
}

.m-content .sub-left {
    float: left
}

.m-content .sub-center {
    width: 150px;
    margin: 0 auto;
    display: block;
    text-align: center
}

.m-content .sub-right {
    float: right
}

.m-content table {
    margin: 0 auto !important
}

.m-content .content-box {
    line-height: 35px
}

.m-content .content-box p {
    margin-bottom: 20px;
    text-align: justify;
    text-indent: 2em
}

.m-content .content-box img {
    max-width: 100%;
    margin: 0 auto
}

.m-content .content-link {
    color: #015093;
    width: 48%;
    line-height: 34px;
    height: 36px;
    display: block;
    overflow: hidden;
    background: #f8fafb;
    border: 1px solid #e1ebf4;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 2px
}

.m-content .content-link:hover {
    border: 1px solid #c11405
}

.m-content .content-link b {
    width: 80%;
    font-weight: 400;
    float: left;
    overflow: hidden
}

.m-content .content-link span {
    width: 20%;
    overflow: hidden;
    float: right;
    text-align: right
}

.m-content .content-link.c-left {
    float: left
}

.m-content .content-link.c-right {
    float: right
}

.m-content .content-text {
    padding: 25px;
    border-top: 1px dotted #b2b2b2
}

.m-content .content-text h2 {
    font-size: 18px;
    color: #c11405;
    line-height: 1.3;
    margin-bottom: 20px
}

.m-content .content-text h3 {
    font-size: 16px;
    color: #333;
    line-height: 1.3;
    margin: 10px 0
}

.m-content .content-text p {
    font-size: 16px;
    line-height: 40px;
    text-align: justify
}

.m-news {
    padding-bottom: 50px;
    margin-top: 15px
}

.m-news ul:after {
    display: block;
    clear: both
}

.m-news li {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px dashed #e1e1e1;
    overflow: hidden
}

.m-news li a {
    display: block;
    box-sizing: border-box;
    overflow: hidden
}

.m-news li:hover .news-img img {
    transform: scale(1.1)
}

.m-news li:hover h2 {
    color: #c11405
}

.m-news li:hover .news-left {
    color: #c11405;
    font-weight: 700
}

.m-news li .news-img {
    width: 199px;
    height: 140px;
    float: right;
    overflow: hidden
}

.m-news li .news-img img {
    width: 100%;
    transform: scale(1);
    height: 100%
}

.m-news-other li a:hover .news-img img,
.m-quality li:hover .quality-img img {
    transform: scale(1.1)
}

.m-news li .news-box {
    width: 590px;
    float: left;
    overflow: hidden;
    line-height: 30px
}

.m-news li .news-data {
    font-size: 14px;
    color: #7d7c7c;
    margin-top: 5px
}

.m-news li h2 {
    font-size: 22px;
    height: 30px;
    overflow: hidden;
    color: #333;
    font-weight: 400;
    margin: 0 0 10px
}

.m-news li .news-p {
    color: #555;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    text-align: justify
}

.m-news-other li .news-img h2,
.m-news-other.news-spe h2 {
    line-height: 43px;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden
}

.m-lead {
    margin: 48px 60px;
    overflow: hidden
}

.m-lead li {
    width: 240px;
    margin: 0 auto 30px
}

.m-lead li.lead-first {
    width: 100%
}

.m-lead .lead-img {
    width: 130px;
    height: 175px;
    margin: 0 auto 10px
}

.m-lead .lead-img img {
    width: 100%;
    height: 100%
}

.m-lead .lead-title {
    font-size: 16px;
    color: #333;
    text-align: center
}

.m-news-other {
    padding-bottom: 50px
}

.m-news-other.news-spe {
    padding-bottom: 20px;
    margin-top: -25px
}

.m-news-other.news-spe li {
    height: auto;
    margin-top: 25px
}

.m-news-other.news-spe h2 {
    width: 100%;
    height: 43px;
    text-align: center
}

.m-news-other ul:after {
    display: block;
    clear: both
}

.m-news-other li {
    width: 260px;
    height: 188px;
    margin: 35px 30px 0 0;
    float: left
}

.m-news-other li:nth-child(3n) {
    margin-right: 0
}

.m-news-other li a {
    display: block
}

.m-news-other li .news-img {
    position: relative;
    overflow: hidden
}

.m-news-other li .news-img img {
    width: 260px;
    height: 188px
}

.m-news-other li .news-img h2 {
    width: 100%;
    height: 43px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    background: rgba(0, 0, 0, .42);
    text-align: center
}

.m-text {
    padding-bottom: 50px;
    margin-top: 35px
}

.m-text.text-spe {
    padding-bottom: 20px;
    margin-top: 0;
    min-height: auto
}

.m-text.text-spe li {
    border-bottom: 1px dashed #ccc;
    height: 50px;
    line-height: 50px;
    padding: 0
}

.m-text.text-spe li b {
    height: 50px
}

.m-text.text-spe li b i {
    top: 22px
}

.m-text.text-spe li:nth-child(2n-1) {
    background: #fff
}

.m-text.text-spe1 {
    padding-bottom: 80px
}

.m-text.text-spe1 li b {
    width: 100%;
    box-sizing: border-box
}

.m-text ul:after {
    display: block;
    clear: both
}

.m-text li {
    height: 60px;
    line-height: 60px;
    padding: 0 12px
}

.m-text li:nth-child(2n-1) {
    background: #f9f9f9
}

.m-text li b {
    width: 80%;
    height: 60px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    padding-left: 20px
}

.m-text li b i {
    width: 6px;
    height: 6px;
    background: #dedede;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 5px;
    top: 27px
}

.m-text li span {
    float: right;
    font-size: 14px;
    color: #ababab
}

.m-quality {
    margin-top: 35px;
    padding-bottom: 50px
}

.m-quality li {
    background: #f7f7f7;
    margin-bottom: 25px;
    overflow: hidden
}

.m-quality li:nth-child(2n) .quality-img {
    float: right
}

.m-quality li:nth-child(2n) .quality-box {
    float: left
}

.m-quality .quality-img {
    width: 367px;
    height: 217px;
    float: left;
    overflow: hidden
}

.m-quality .quality-img img {
    width: 100%;
    height: 100%
}

.m-quality .quality-box {
    width: 478px;
    height: 217px;
    float: left;
    text-align: justify;
    position: relative
}

.m-quality .quality-box .quality-text {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 60px 0 42px;
    box-sizing: border-box
}

.m-quality .quality-box .quality-text h2 {
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 15px
}

.m-quality .quality-box .quality-text p {
    font-size: 14px;
    line-height: 25px
}

.m-manpower {
    padding-bottom: 50px
}

.m-manpower .manp-sub:hover .manp-img img {
    transform: scale(1.1)
}

.m-manpower .manp-sub .manp-img {
    width: 100%;
    height: 225px;
    overflow: hidden
}

.m-manpower .manp-sub .manp-img img {
    width: 100%;
    height: 100%;
object-fit:cover;
}

.m-manpower .manp-sub .manp-text {
    padding: 25px 20px
}

.m-manpower .manp-sub .manp-text h2 {
    font-size: 22px;
    font-weight: 400;
    color: #1f1f1f;
    margin-bottom: 15px
}

.m-manpower .manp-sub .manp-text h2:before {
    content: "";
    width: 4px;
    height: 15px;
    background: #c11405;
    display: block;
    float: left;
    margin: 4px 10px 0 0
}

.m-manpower .manp-sub .manp-text p {
    font-size: 16px;
    line-height: 25px;
    color: #2c2c2c;
    text-align: justify;
    margin-bottom: 20px
}

.m-certification .cer-lists {
    margin-top: 45px;
    padding-bottom: 50px
}

.m-certification .cer-lists ul:after {
    display: block;
    clear: both
}

.m-certification .cer-lists li {
    background: #fff;
    width: 265px;
    float: left;
    margin-right: 25px
}

.m-certification .cer-lists li:nth-child(3n) {
    margin-right: 0
}

.m-certification .cer-lists li a {
    display: block
}

.m-certification .cer-lists li a:hover .cer-img {
    box-shadow: 0 0 10px rgba(193, 20, 5, .2)
}

.m-certification .cer-lists .cer-img {
    width: 245px;
    height: 165px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(155, 155, 155, .2);
    transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s;
    overflow: hidden
}

.m-certification .cer-lists .cer-img img {
    width: 100%;
    height: 100%
}

.m-certification .cer-lists .cer-text {
    font-size: 16px;
    text-align: center;
    padding: 0 20px;
    height: 50px;
    line-height: 25px;
    margin: 15px 0 25px;
    overflow: hidden
}

.m-certification .view-more {
    display: block;
    margin-top: 10px
}

.m-honor .honor-lists {
    position: relative;
    margin: 65px 0
}

.m-honor .honor-lists:before {
    height: 100%;
    position: absolute;
    left: 112px;
    border-left: 1px solid #d6d7d6
}

.m-honor .honor-lists li {
    padding: 15px 0
}

.m-honor .honor-lists .honor-year {
    width: 119px;
    float: left;
    background: url(../image/icon2.png) right center no-repeat;
    position: relative;
    font-size: 28px;
    color: #555;
    margin-right: 35px
}

.m-honor .honor-lists dl {
    width: 650px;
    overflow: hidden
}

.m-honor .honor-lists dl dd {
    width: 298px;
    float: left;
    margin: 0 20px 20px 0
}

.m-honor .honor-lists dl .honor-img {
    width: 298px;
    height: 199px
}

.m-honor .honor-lists dl .honor-img img {
    width: 100%;
    height: 100%
}

.m-honor .honor-lists dl .honor-text {
    width: 100%;
    font-size: 16px;
    height: 22px;
    overflow: hidden;
    text-align: center;
    margin: 10px 0 0
}

.m-honor .view-more {
    display: block;
    margin-top: 10px;
    margin-left: 90px
}

.m-index .index-first .m-slide .ban_hd {
    bottom: 15px;
    height: 15px
}

.m-index .index-first .m-slide .ban_hd li {
    width: 15px;
    height: 15px
}

.m-index .index-first .m-slide .ban_hd li .li-sub {
    width: 15px;
    height: 15px;
    background: #fff
}

.m-index .index-first .m-slide .ban_hd li.on .li-sub {
    background: #e63323
}

.m-index .index-first .m-slide .nextbtn,
.m-index .index-first .m-slide .prevbtn,
.m-index .index-first .m-slide .slide-mb {
    display: none
}

.m-index .index-sencond {
    overflow: hidden
}

.m-index .index-sencond .sencond-img {
    margin: 25px 0
}

.m-index .index-sencond .sencond-img img {
    width: 100%
}

.m-index .index-sencond .sencond-link {
    width: 100%;
    height: 100px;
    background: url(../images/pic39.png) 25px center no-repeat #f6f6f6;
    border: 1px solid #eeebeb;
    padding: 12px 25px 0 145px;
    box-sizing: border-box;
    margin-bottom: 40px
}

.m-index .index-sencond .sencond-link a {
    width: 420px;
    margin-right: 20px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    float: left;
    color: #111;
    font-size: 16px
}

.m-index .index-sencond .sencond-link a:hover {
    color: #c11405
}

.m-index .index-sencond .sencond-link i {
    width: 6px;
    height: 6px;
    background: #b0b0b0;
    float: left;
    border-radius: 50%;
    margin-top: 15px;
    margin-right: 10px
}

.m-index .index-sencond .m-slide {
    width: 566px;
    height: 373px;
    float: left
}

.m-index .index-sencond .m-slide .ban_hd {
    bottom: 60px;
    height: 13px
}

.m-index .index-sencond .m-slide .ban_hd li {
    width: 13px;
    height: 13px
}

.m-index .index-sencond .m-slide .ban_hd li .li-sub {
    width: 13px;
    height: 13px;
    background: rgba(255, 255, 255, .8)
}

.m-index .index-sencond .m-slide .ban_hd li.on .li-sub {
    background: #e63323
}

.m-index .index-sencond .m-slide .ban_bd li {
    position: relative
}

.m-index .index-sencond .m-slide .ban_bd li img {
    height: 373px
}

.m-index .index-sencond .m-slide .ban_bd h2 {
    background: rgba(86, 7, 0, .73);
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 20px;
    overflow: hidden;
    box-sizing: border-box
}

.m-index .index-sencond .m-slide .nextbtn,
.m-index .index-sencond .m-slide .prevbtn {
    width: 40px;
    height: 74px;
    line-height: 74px;
    color: #fff;
    left: 0;
    bottom: auto;
    top: 50%;
    margin-top: -37px;
    background: rgba(0, 0, 0, .5)
}

.m-index .index-sencond .m-slide .nextbtn:hover,
.m-index .index-sencond .m-slide .prevbtn:hover {
    background: rgba(0, 0, 0, .7)
}

.m-index .index-sencond .m-slide .nextbtn i,
.m-index .index-sencond .m-slide .prevbtn i {
    font-weight: 400
}

.m-index .index-sencond .m-slide .nextbtn {
    left: auto;
    right: 0
}

.m-index .index-sencond .sencond-tab {
    width: 555px;
    float: right
}

.m-index .index-sencond .sencond-tab .u-tab {
    height: 40px;
    line-height: 40px;
    border-bottom: 3px solid #e3e3e3
}

.m-index .index-sencond .sencond-tab .u-tab li {
    font-size: 22px;
    float: left;
    color: #555;
    background: url(../images/pic53.png) right center no-repeat;
    padding-right: 20px;
    margin-right: 12px
}

.m-index .index-sencond .sencond-tab .u-tab li:last-child {
    background: 0 0;
    padding-right: 0;
    margin-right: 0
}

.m-index .index-sencond .sencond-tab .u-tab li b {
    font-weight: 400;
    display: block;
    border-bottom: 3px solid #e3e3e3
}

.m-index .index-sencond .sencond-tab .u-tab li.z-current {
    color: #c11405;
    background: url(../images/pic53.png) right center no-repeat
}

.m-index .index-sencond .sencond-tab .u-tab li.z-current b {
    border-bottom: 3px solid #c11405;
    font-weight: 400;
    display: block
}

.m-index .index-sencond .sencond-tab .tab-more {
    position: absolute;
    right: 0;
    top: -60px;
    color: #999
}

.m-index .index-sencond .sencond-tab .tab-more:hover {
    color: #c11405
}

.m-index .index-sencond .sencond-tab .tab-title h2 {
    font-size: 24px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    margin: 25px 0 15px
}

.m-index .index-sencond .sencond-tab .tab-title p {
    font-size: 15px;
    color: #606060
}

.m-index .index-sencond .sencond-tab .tab-link {
    margin-top: 10px
}

.m-index .index-sencond .sencond-tab .tab-link li {
    height: 42px;
    line-height: 42px
}

.m-index .index-sencond .sencond-tab .tab-link li i {
    width: 6px;
    height: 6px;
    background: #bd5957;
    border-radius: 50%;
    float: left;
    margin: 18px 10px 0 0
}

.m-index .index-sencond .sencond-tab .tab-link li b {
    width: 460px;
    height: 42px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    float: left
}

.m-index .index-sencond .sencond-tab .tab-link li span {
    font-size: 14px;
    color: #999;
    float: right
}

.m-index .index-third {
    overflow: hidden
}

.m-index .index-third .u-width {
    margin-right: 40px
}

.m-index .index-third .u-width:last-child {
    margin-right: 0
}

.m-index .index-third .u-index-title2 {
    margin-top: 25px;
    margin-bottom: 10px
}

.m-index .index-fourth {
    overflow: hidden
}

.m-index .index-fourth .u-width {
    margin-right: 40px
}

.m-index .index-fourth .u-width:last-child {
    margin-right: 0
}

.m-index .index-fourth .u-width .u-index-title2 {
    margin-bottom: 10px;
    margin-top: 6px
}

.m-index .index-fourth .u-index-title2 {
    margin-top: 25px;
    margin-bottom: 20px
}

.m-index .index-fourth .four-left {
    width: 760px;
    margin-right: 40px;
    float: left
}

.m-index .index-fourth .four-link a {
    width: 374px;
    height: 93px;
    display: block;
    float: left;
    margin-bottom: 10px
}

.m-index .index-fourth .four-link a img {
    width: 100%
}

.m-index .index-fourth .four-link a:last-child {
    float: right
}

.m-index .index-fourth .four-link .link-one {
    width: 760px;
    float: none
}

.m-index .index-fourth .four-right {
    width: 360px;
    float: right
}

.m-index .index-fourth .four-news-lists li {
    height: 103px;
    margin-bottom: 20px
}

.m-index .index-fourth .four-news-lists li a {
    height: 100%;
    display: block;
    background: #f5f4f4
}

.landscape,
.m-index .index-fiveth .five-slide .m-slide .ban_hd,
.m-index .index-fiveth .u-index-title2 {
    display: none
}

.m-index .index-fourth .four-news-lists li a:hover {
    color: #fff;
    background: #c11405
}

.m-index .index-fourth .four-news-lists li img {
    width: 120px;
    height: 103px;
    float: left
}

.m-index .index-fourth .four-news-lists li h3 {
    width: 210px;
    float: left;
    padding: 0 15px;
    font-size: 16px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    font-weight: 400;
    margin-top: 23px
}

.m-index .index-fiveth {
    margin: 20px 0 40px
}

.m-index .index-fiveth .f-in {
    border: 12px solid #ededed;
    border-left: 0;
    overflow: hidden
}

.m-index .index-fiveth .five-title {
    float: left;
    width: 70px;
    height: 225px
}

.m-index .index-fiveth .five-title img {
    width: 100%;
    height: 100%
}

.m-index .index-fiveth .five-slide {
    width: 1032px;
    margin: 18px 23px;
    float: left;
    overflow: hidden
}

.m-index .index-fiveth .five-slide .m-slide {
    width: 1056px
}

.m-index .index-fiveth .five-slide .m-slide .ban_bd a {
    margin-right: 24px
}

.m-index .index-fiveth .five-slide .m-slide .ban_bd a:hover h3 {
    color: #c11405
}

.m-index .index-fiveth .five-slide .m-slide .ban_bd .five-img {
    width: 240px;
    height: 158px
}

.m-index .index-fiveth .five-slide .m-slide .ban_bd h3 {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    margin-top: 10px;
    text-align: center
}

.m-index .index-fiveth .five-slide .m-slide .nextbtn,
.m-index .index-fiveth .five-slide .m-slide .prevbtn {
    width: 40px;
    height: 74px;
    line-height: 74px;
    color: #fff;
    left: 0;
    bottom: auto;
    top: 50%;
    margin-top: -50px;
    background: rgba(0, 0, 0, .4)
}

.m-index .index-fiveth .five-slide .m-slide .nextbtn:hover,
.m-index .index-fiveth .five-slide .m-slide .prevbtn:hover {
    background: rgba(0, 0, 0, .7)
}

.m-index .index-fiveth .five-slide .m-slide .nextbtn i,
.m-index .index-fiveth .five-slide .m-slide .prevbtn i {
    font-weight: 400
}

.m-index .index-fiveth .five-slide .m-slide .nextbtn {
    left: auto;
    right: 24px
}

.landscape {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    color: #fff;
    background: #666;
    z-index: 999999
}

.landscape .landscape-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center
}

@-webkit-keyframes twinkling {
    10%,
    100% {
        transform: rotate(90deg)
    }
    40%,
    70% {
        transform: rotate(0)
    }
}

.landscape .landscape-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC);
    display: inline-block;
    width: 50px;
    height: 81px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -webkit-animation: twinkling infinite 1.5s ease-in-out;
    animation: twinkling infinite 1.5s ease-in-out;
    background-size: 50px;
    margin-bottom: 10px
}

.g-main,
.g-wrap {
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width:1024px) and (min-aspect-ratio:12 / 7) {
    .landscape {
        display: block
    }
}

.g-wrap {
    min-width: 1160px;
    overflow: hidden
}

.g-main {
    max-width: 1160px;
    position: relative;
    z-index: 2
}

.g-main.main-other {
    margin-top: 0
}

.g-right-cont {
    width: 845px;
    float: right
}

.g-crumbs {
    height: 80px
}

.bshare-custom {
    display: inline-block;
    position: relative;
    top: -3px
}

.slide-news-box .m-slide .ban_hd,
.slide-news-box .m-slide .nextbtn.z-hide,
.slide-news-box .m-slide .prevbtn.z-hide {
    display: none
}

.bshare-custom a {
    padding-left: 0 !important
}

.bshare-custom .bshare-qqmb {
    background: url(../images/icon3.png) no-repeat !important
}

.bshare-custom .bshare-sinaminiblog {
    background: url(../images/icon4.png) no-repeat !important
}

.bshare-custom .bshare-weixin {
    background: url(../images/icon5.png) no-repeat !important
}

.slide-news-box {
    margin: 35px 0 30px
}

.slide-news-box .m-slide {
    padding-right: 70px;
    box-sizing: border-box
}

.slide-news-box .m-slide .ban_bd li {
    float: left;
    width: auto
}

.slide-news-box .m-slide .ban_bd li.z-slide-cut a {
    color: #c11405;
    border: 1px solid #c11405
}

.slide-news-box .m-slide .ban_bd li a {
    font-size: 16px;
    color: #666;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    float: left;
    padding: 0 15px;
    margin-right: 12px
}

.slide-news-box .m-slide .ban_bd li a:hover {
    color: #c11405;
    border: 1px solid #c11405
}

.slide-news-box .m-slide .nextbtn,
.slide-news-box .m-slide .prevbtn {
    width: 25px;
    right: 0;
    color: #8a8a8a
}

.slide-news-box .m-slide .nextbtn:hover,
.slide-news-box .m-slide .prevbtn:hover {
    color: #e10000
}

.slide-news-box .m-slide .nextbtn i,
.slide-news-box .m-slide .prevbtn i {
    font-size: 22px
}

.slide-news-box .m-slide .prevbtn {
    left: auto;
    right: 25px
}

@media (max-width:750px) {
    .f-in,
    .g-main {
        margin: 0 auto
    }
    .m-head .m-nav,
    .m-head .m-nav li .nav-subs {
        opacity: 0;
        transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s
    }
    .g-wrap {
        min-width: auto
    }
    .g-main {
        padding-bottom: 30px
    }
    .g-right-cont {
        width: 100%;
        float: none
    }
    .g-crumbs {
        height: 50px
    }
    .f-in {
        width: 94%
    }
    .m-pages {
        display: none
    }
    .view-more {
        margin-top: 20px;
        height: 35px;
        display: block
    }
    .view-more .loaded,
    .view-more .view-btn {
        width: 120px;
        height: 35px;
        line-height: 35px
    }
    .u-title {
        margin: 40px auto 25px;
        font-size: 22px
    }
    .u-title2,
    .u-title3 {
        font-size: 18px
    }
    .u-title:after {
        width: 25px;
        height: 3px;
        margin-top: 10px
    }
    .u-title3 {
        line-height: 1.3
    }
    .u-title-sub {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 20px
    }
    .u-btn-more {
        width: 120px;
        height: 35px;
        line-height: 35px;
        margin-top: 10px
    }
    .u-btn-more1 {
        width: 80px;
        margin-top: 10px
    }
    .u-btn-more2 {
        width: 100px;
        margin-top: 10px
    }
    .u-input-text {
        width: 100%;
        height: 40px;
        font-size: 14px;
        padding: 0 10px
    }
    .u-input-text.input-text-other {
        width: 70%
    }
    .u-textarea {
        width: 100%;
        height: 100px;
        font-size: 14px;
        padding: 10px
    }
    .u-links {
        margin: 20px 0
    }
    .u-links a {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        padding: 0 10px;
        margin-bottom: 10px
    }
    .u-logo {
        margin-top: 12px;
        width: 180px;
        height: 27px
    }
    .slide-news-box {
        margin: 25px -3% 10px
    }
    .slide-news-box .m-slide {
        padding-right: 0;
        box-sizing: border-box;
        padding-left: 3%
    }
    .slide-news-box .m-slide .slide-box {
        overflow-x: auto;
        overflow-y: hidden
    }
    .slide-news-box .m-slide .ban_bd li {
        float: left;
        width: auto
    }
    .slide-news-box .m-slide .ban_bd li.z-slide-cut a {
        color: #c11405;
        border: 1px solid #c11405
    }
    .slide-news-box .m-slide .ban_bd li a {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        margin-right: 10px
    }
    .slide-news-box .m-slide .nextbtn,
    .slide-news-box .m-slide .prevbtn {
        display: none
    }
    .m-head {
        height: 50px
    }
    .m-head .head-bottom {
        width: 100%;
        height: 50px;
        background: #fff;
        position: fixed
    }
    .m-head .head-right {
        margin-top: 0
    }
    .m-head .m-menu {
        display: block
    }
    .m-head .head-search {
        display: none
    }
    .m-head .head-m-search {
        display: block
    }
    .m-head .m-nav {
        position: fixed;
        left: 0;
        top: -20px;
        width: 100%;
        height: 100vh;
        float: none;
        z-index: 999;
        transform: scale(0);
        transform-origin: center top;
        box-sizing: border-box
    }
    .m-head .m-nav .nav-box {
        overflow-y: auto;
        height: 100%;
        padding-top: 50px;
        box-sizing: border-box;
        background: #c11405;
        -webkit-overflow-scrolling: touch
    }
    .m-head .m-nav ul {
        float: none
    }
    .m-head .m-nav li {
        width: 100%;
        padding: 0;
        font-size: 16px;
        float: none;
        text-align: left
    }
    .m-head .m-nav li .nav-title {
        position: relative;
        border-bottom: 1px dotted rgba(255, 255, 255, .2);
        margin: 0;
        padding: 0 25px
    }
    .m-head .m-nav li .nav-title:before {
        display: none
    }
    .m-head .m-nav li .nav-title i {
        position: absolute;
        right: 15px;
        top: 0
    }
    .m-head .m-nav li.z-current {
        background: rgba(255, 255, 255, .1)
    }
    .m-head .m-nav li.z-current .nav-subs,
    .m-head .m-nav li>a:hover {
        background: 0 0
    }
    .m-head .m-nav li>a {
        color: #fff;
        height: 50px;
        line-height: 50px;
        display: block;
        text-align: left
    }
    .m-head .m-nav li>a:after {
        display: none
    }
    .m-head .m-nav li>a i {
        float: right;
        font-size: 16px;
        font-weight: 700;
        vertical-align: middle;
        height: 50px;
        line-height: 50px;
        display: inline-block;
        padding: 0 10px
    }
    .m-head .m-nav li .nav-subs {
        width: 100%;
        position: static;
        height: 0;
        top: 0;
        display: block;
        margin: 0 auto;
        padding: 0;
        transform: translateX(0);
        text-align: left;
        background: rgba(255, 255, 255, .1)
    }
    .m-head .m-nav li .nav-subs .nav-img {
        display: none
    }
    .m-head .m-nav li .nav-subs dl {
        width: 100%;
        float: none;
        display: block
    }
    .m-head .m-nav li .nav-subs dd {
        float: none;
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0;
        margin: 0 25px;
        border: 0
    }
    .m-head .m-nav li .nav-subs dd a {
        color: #fff;
        font-size: 14px;
        position: relative;
        line-height: 40px;
        background-size: 5px;
        padding: 0
    }
    .m-head .m-nav li .nav-subs dd a i {
        position: absolute;
        right: 10px;
        height: 30px;
        line-height: 30px;
        font-size: 20px
    }
    .m-head .m-nav li .nav-subs dd a:hover {
        color: #fff;
        background: 0 0
    }
    .m-head .m-nav li .nav-subs dd a:hover i {
        display: inline-block
    }
    .m-head .m-nav li.z-select .nav-title {
        color: #fff;
        background: 0 0
    }
    .m-head .m-nav li.z-current {
        height: auto;
        display: block
    }
    .m-head .m-nav li.z-current .nav-title {
        color: #fff;
        background: 0 0
    }
    .m-head .m-nav li.z-current .nav-subs {
        height: auto;
        opacity: 1;
        padding: 15px 0
    }
    .m-head .m-nav.z-nav-current {
        top: 0;
        transform: scale(1);
        opacity: 1
    }
    .m-banner-text .banner-pc {
        width: 1000px
    }
    .m-banner-text .banner-text {
        display: block
    }
    .m-foot .foot-top,
    .m-side .side-box .side-ul:before,
    .m-side .title {
        display: none
    }
    .m-side {
        width: 106%;
        float: none;
        height: 47px;
        margin: 0 -3%;
        overflow-x: auto;
        overflow-y: hidden
    }
    .m-side .side-box {
        min-height: auto;
        height: 45px;
        line-height: 45px;
        padding-bottom: 0;
        background: 0 0;
        border-bottom: 2px solid #e5e5e5
    }
    .m-side .side-box .side-ul {
        padding: 0
    }
    .m-side .side-box .side-ul li {
        float: left;
        margin: 0 20px
    }
    .m-side .side-box .side-ul li a {
        height: 45px;
        padding: 0;
        font-size: 18px
    }
    .m-side .side-box .side-ul li a:hover {
        color: #333;
        background: 0 0;
        border: 0;
        padding-left: 0
    }
    .m-side .side-box .side-ul li.z-current {
        border-bottom: 2px solid #c11405
    }
    .m-side .side-box .side-ul li.z-current a {
        color: #333;
        border: 0;
        background: 0 0;
        padding-left: 0;
        font-weight: 700
    }
    .m-foot,
    .m-foot .bottom-right .foot-address a {
        color: rgba(255, 255, 255, .6)
    }
    .m-foot .foot-bottom {
        padding: 30px 0
    }
    .m-foot .bottom-left {
        float: none;
        margin: 0 auto;
        display: table
    }
    .m-foot .bottom-left img {
        width: 220px;
        height: 37px
    }
    .m-foot .bottom-right {
        float: none;
        margin-top: 20px
    }
    .m-foot .bottom-right .foot-ewm {
        margin: 0 auto;
        float: none;
        display: none
    }
    .m-foot .bottom-right .foot-ewm img {
        margin: 0 auto
    }
    .m-news li .news-p:before,
    .m-news li h2 {
        margin-bottom: 10px
    }
    .m-foot .bottom-right .foot-address {
        width: 100%;
        text-align: center
    }
    .m-crumbs {
        height: 45px;
        line-height: 43px;
        font-size: 14px;
        border-width: 2px;
        display: none
    }
    .m-crumbs h2 {
        font-size: 22px;
        border-width: 2px
    }
    .m-crumbs .crumbs-right {
        display: none
    }
    .m-news {
        padding-bottom: 0;
        margin-top: 10px
    }
    .m-news li {
        padding: 15px 0 10px
    }
    .m-news li .news-img {
        width: 100%;
        height: auto;
        float: none;
        position: relative;
        overflow: hidden;
        margin-bottom: 10px
    }
    .m-news li .news-img img {
        height: auto
    }
    .m-news li .news-box {
        width: 100%;
        float: none;
        margin-left: 0
    }
    .m-news li h2 {
        font-size: 16px;
        font-weight: 400;
        line-height: 25px;
        height: auto;
        float: none
    }
    .m-news li .news-p {
        font-size: 14px;
        line-height: 22px;
        height: auto;
        max-height: none
    }
    .m-news li .news-data {
        font-size: 14px;
        line-height: 20px;
        float: none;
        padding-bottom: 5px
    }
    .m-content,
    .m-content.content-other {
        margin: 20px auto 0
    }
    .m-content .content-box p,
    .m-content h1 {
        margin-bottom: 15px
    }
    .m-content h1 {
        font-size: 18px
    }
    .m-content .content-box {
        font-size: 14px;
        line-height: 22px
    }
    .m-content .content-box img {
        height: auto !important
    }
    .m-content .content-sub {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 20px
    }
    .m-content .sub-center,
    .m-content .sub-left,
    .m-content .sub-right {
        margin: 0
    }
    .m-content .sub-center {
        width: 120px;
        text-align: center;
        margin: 0 auto;
        display: none
    }
    .m-content table {
        width: auto !important
    }
    .m-lead {
        margin: 30px 0 0

    }
    .m-lead li {
        width: 31.33%;
        margin: 0 1% 20px
    }
    .m-lead li.lead-first .lead-img {
        width: 130px;
        height: 175px;
        padding-bottom: 0
    }
    .m-lead .lead-img {
        width: 100%;
        height: 0;
        padding-bottom: 135%
    }
    .m-lead .lead-img img {
        height: auto
    }
    .m-lead .lead-title {
        font-size: 14px
    }
    .u-spe-title {
        margin: 20px 0 10px;
        height: 22px;
        line-height: 22px
    }
    .u-spe-title.spe-other-title {
        padding-bottom: 10px
    }
    .u-spe-title h2 {
        font-size: 18px;
        padding-left: 10px;
        background-size: 3px auto
    }
    .m-news-other {
        margin-top: 10px;
        padding-bottom: 0
    }
    .m-news-other.news-spe {
        margin-top: -10px;
        padding-bottom: 0
    }
    .m-news-other.news-spe li {
        margin-top: 10px
    }
    .m-news-other.news-spe li .news-img {
        padding-bottom: 70%
    }
    .m-news-other.news-spe li h2 {
        height: 35px;
        line-height: 35px;
        font-size: 14px
    }
    .m-news-other li {
        width: 49%;
        height: auto;
        margin-right: 2%;
        margin-top: 10px
    }
    .m-news-other li:nth-child(3n) {
        margin-right: 2%
    }
    .m-news-other li:nth-child(2n) {
        margin-right: 0
    }
    .m-news-other li .news-img {
        height: 0;
        padding-bottom: 72%;
        overflow: hidden
    }
    .m-text,
    .m-text.text-spe {
        padding-bottom: 0
    }
    .m-news-other li .news-img img {
        width: 100%;
        height: auto
    }
    .m-news-other li .news-img h2 {
        height: 35px;
        line-height: 35px;
        font-size: 14px
    }
    .m-text li,
    .m-text.text-spe li {
        line-height: 40px;
        height: 40px
    }
    .m-text {
        margin-top: 20px;
        min-height: 300px
    }
    .m-text.text-spe li b {
        height: 40px
    }
    .m-text.text-spe li b i {
        top: 17px
    }
    .m-text li {
        padding: 0 10px
    }
    .m-text li b {
        width: 70%;
        height: 40px;
        font-size: 14px;
        padding-left: 10px
    }
    .m-text li b i {
        width: 5px;
        height: 5px;
        left: 0;
        top: 17px
    }
    .m-text li span {
        font-size: 12px
    }
    .m-quality {
        padding-bottom: 0;
        margin-top: 20px
    }
    .m-quality .quality-img {
        width: 100%;
        height: 0;
        float: none;
        padding-bottom: 59%
    }
    .m-quality .quality-img img {
        height: auto
    }
    .m-quality .quality-box {
        width: 100%;
        height: auto;
        float: none
    }
    .m-quality .quality-box .quality-text {
        position: static;
        top: 0;
        transform: translateY(0);
        padding: 20px
    }
    .m-quality .quality-box .quality-text h2 {
        font-size: 20px;
        margin-bottom: 0
    }
    .m-quality .quality-box .quality-text p {
        margin-top: 10px
    }
    .m-manpower {
        padding-bottom: 0
    }
    .m-manpower .manp-sub .manp-img {
        width: 100%;
        height: 0;
        padding-bottom: 26%
    }
    .m-manpower .manp-sub .manp-img img {
        height: auto
    }
    .m-manpower .manp-sub .manp-text {
        padding: 20px 15px
    }
    .m-manpower .manp-sub .manp-text h2 {
        font-size: 20px;
        margin-bottom: 10px
    }
    .m-manpower .manp-sub .manp-text p {
        font-size: 14px;
        margin-bottom: 10px
    }
    .m-certification .cer-lists {
        margin-top: 20px;
        padding-bottom: 0
    }
    .m-certification .cer-lists li {
        width: 49%;
        margin-right: 2%
    }
    .m-certification .cer-lists li:nth-child(3n) {
        margin-right: 2%
    }
    .m-certification .cer-lists li:nth-child(2n) {
        margin-right: 0
    }
    .m-certification .cer-lists .cer-img {
        width: 100%;
        box-sizing: border-box;
        padding: 5px 5px 66%;
        height: 0
    }
    .m-certification .cer-lists .cer-img img {
        height: auto
    }
    .m-certification .cer-lists .cer-text {
        font-size: 14px;
        padding: 0 10px;
        margin: 10px 0 15px
    }
    .m-honor .honor-lists {
        margin: 30px 0 0
    }
    .m-honor .honor-lists:before {
        left: 5px
    }
    .m-honor .honor-lists li {
        padding-bottom: 0
    }
    .m-honor .honor-lists .honor-year {
        font-size: 20px;
        float: none;
        background-position: left center;
        background-size: 11px auto;
        padding-left: 20px;
        margin-bottom: 10px
    }
    .m-honor .honor-lists dl {
        width: 100%;
        position: relative
    }
    .m-honor .honor-lists dl dd {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px
    }
    .m-honor .honor-lists dl dd:nth-child(2n) {
        margin-right: 0
    }
    .m-honor .honor-lists dl dd .honor-img {
        width: 100%;
        height: 0;
        padding-bottom: 67%
    }
    .m-honor .honor-lists dl dd .honor-img img {
        height: auto
    }
    .u-index-title2,
    .u-lists li {
        height: 30px;
        line-height: 30px
    }
    .m-honor .honor-lists dl dd .honor-text {
        font-size: 14px;
        margin-top: 5px
    }
    .m-honor .honor-lists .view-more {
        margin-left: 0
    }
    .u-index-title2 h2 {
        font-size: 18px
    }
    .u-width {
        width: 100%;
        float: none
    }
    .u-lists li {
        font-size: 14px
    }
    .m-index .index-first .m-slide .slide-mb {
        display: block
    }
    .m-index .index-first .m-slide .slide-pc {
        display: none
    }
    .m-index .index-first .m-slide .ban_hd {
        height: 10px;
        bottom: 10px
    }
    .m-index .index-first .m-slide .ban_hd li,
    .m-index .index-first .m-slide .ban_hd li .li-sub {
        width: 10px;
        height: 10px
    }
    .m-index .index-sencond .sencond-img {
        margin: 15px 0
    }
    .m-index .index-sencond .sencond-link {
        height: auto;
        padding: 10px 15px 10px 70px;
        margin-bottom: 20px;
        background-size: 45px auto;
        background-position: 10px 10px
    }
    .m-index .index-sencond .sencond-link a {
        width: 100%;
        float: none;
        display: block;
        line-height: 25px;
        height: 25px;
        font-size: 14px
    }
    .m-index .index-sencond .sencond-link i {
        width: 4px;
        height: 4px;
        margin-top: 10px;
        margin-right: 5px
    }
    .m-index .index-sencond .m-slide {
        width: 100%;
        float: none;
        height: auto
    }
    .m-index .index-sencond .m-slide .ban_hd {
        bottom: 45px;
        height: 10px
    }
    .m-index .index-sencond .m-slide .ban_hd li,
    .m-index .index-sencond .m-slide .ban_hd li .li-sub {
        width: 10px;
        height: 10px
    }
    .m-index .index-sencond .m-slide .ban_bd li a {
        height: 0;
        padding-bottom: 64%
    }
    .m-index .index-sencond .m-slide .ban_bd li img {
        height: auto
    }
    .m-index .index-sencond .m-slide .ban_bd li h2 {
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }
    .m-index .index-sencond .m-slide .nextbtn,
    .m-index .index-sencond .m-slide .prevbtn {
        width: 30px;
        height: 50px;
        line-height: 50px;
        margin-top: -25px
    }
    .m-index .index-sencond .sencond-tab .tab-link li,
    .m-index .index-sencond .sencond-tab .u-tab {
        height: 35px;
        line-height: 35px
    }
    .m-index .index-sencond .m-slide .nextbtn i,
    .m-index .index-sencond .m-slide .prevbtn i {
        font-size: 24px
    }
    .m-index .index-sencond .sencond-tab {
        width: 100%;
        float: none;
        margin-top: 15px
    }
    .m-index .index-sencond .sencond-tab .u-tab li {
        font-size: 18px
    }
    .m-index .index-sencond .sencond-tab .tab-more {
        top: -55px
    }
    .m-index .index-sencond .sencond-tab .tab-title h2 {
        font-size: 18px;
        margin: 15px 0 10px
    }
    .m-index .index-sencond .sencond-tab .tab-title p {
        font-size: 14px
    }
    .m-index .index-sencond .sencond-tab .tab-link li i {
        width: 5px;
        height: 5px;
        margin: 14px 5px 0 0
    }
    .m-index .index-sencond .sencond-tab .tab-link li b {
        width: 80%;
        height: 35px;
        font-size: 14px
    }
    .m-index .index-sencond .sencond-tab .tab-link li span {
        font-size: 12px
    }
    .m-index .index-third .u-index-title2 {
        margin: 10px 0 5px
    }
    .m-index .index-third .u-width {
        margin-right: 0
    }
    .m-index .index-fourth .u-index-title2 {
        margin: 10px 0
    }
    .m-index .index-fourth .u-width {
        margin-right: 0
    }
    .m-index .index-fourth .four-left {
        width: 100%;
        margin-right: 0;
        float: none
    }
    .m-index .index-fourth .four-link a {
        width: 100%;
        height: auto;
        float: none;
        display: block;
        margin-bottom: 5px
    }
    .m-index .index-fourth .four-link a:last-child {
        float: none
    }
    .m-index .index-fourth .four-link .link-one {
        width: 100%
    }
    .m-index .index-fourth .four-right {
        width: 100%;
        float: none
    }
    .m-index .index-fourth .four-news-lists li {
        height: auto;
        margin-bottom: 10px
    }
    .m-index .index-fourth .four-news-lists li a {
        overflow: hidden
    }
    .m-index .index-fourth .four-news-lists li img {
        width: 100px;
        height: 86px
    }
    .m-index .index-fourth .four-news-lists li h3 {
        font-size: 14px;
        width: auto;
        float: none;
        line-height: 25px;
        height: 50px;
        margin-top: 18px
    }
    .m-index .index-fiveth {
        margin: 10px 0 20px
    }
    .m-index .index-fiveth .f-in {
        background: #fff;
        border: 0
    }
    .m-index .index-fiveth .u-index-title2 {
        display: block;
        margin-bottom: 10px
    }
    .m-index .index-fiveth .five-title {
        width: 50px;
        height: 161px;
        display: none
    }
    .m-index .index-fiveth .five-slide {
        width: auto;
        float: none;
        margin: 0
    }
    .m-index .index-fiveth .five-slide .m-slide {
        width: auto;
        background: #fff
    }
    .m-index .index-fiveth .five-slide .m-slide .ban_bd li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
        float: left;
        position: relative
    }
    .m-index .index-fiveth .five-slide .m-slide .ban_bd li:nth-child(2n) {
        margin-right: 0
    }
    .m-index .index-fiveth .five-slide .m-slide .ban_bd .five-img {
        width: 100%;
        height: 0;
        padding-bottom: 65%;
        overflow: hidden
    }
    .m-index .index-fiveth .five-slide .m-slide .ban_bd .five-img img {
        height: auto
    }
    .m-index .index-fiveth .five-slide .m-slide .ban_bd h3 {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 35px;
        line-height: 35px;
        padding: 0 10px;
        box-sizing: border-box;
        color: #fff;
        background: rgba(0, 0, 0, .42)
    }
    .m-index .index-fiveth .five-slide .m-slide .ban_bd a {
        width: 100%;
        margin: 0 auto
    }
    .m-index .index-fiveth .five-slide .m-slide .nextbtn,
    .m-index .index-fiveth .five-slide .m-slide .prevbtn {
        width: 30px;
        height: 50px;
        line-height: 50px;
        margin-top: -40px;
        display: none
    }
    .m-index .index-fiveth .five-slide .m-slide .nextbtn i,
    .m-index .index-fiveth .five-slide .m-slide .prevbtn i {
        font-size: 24px
    }
    .m-index .index-fiveth .five-slide .m-slide .nextbtn {
        right: 0
    }
    .m-alert .alert-text-content {
        width: 90%
    }
    .m-alert.ind-alert .alert-colse {
        top: 20px;
        right: 20px
    }
    .m-alert .ind-alert-cont {
        padding: 30px 20px
    }
    .m-alert .ind-alert-cont .ind-alert-left {
        width: 100%;
        float: none
    }
    .m-alert .ind-alert-cont .ind-alert-left img {
        width: 40%;
        margin: 0 auto
    }
    .m-alert .ind-alert-cont .ind-alert-left .u-btn-more2 {
        margin: 20px auto
    }
    .m-alert .ind-alert-cont .ind-alert-right {
        max-height: 400px;
        overflow-y: auto;
        margin-left: 0
    }
    .m-alert .ind-alert-cont .ind-alert-right h2 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .m-alert .ind-alert-cont .ind-alert-right .ind-p {
        font-size: 14px;
        line-height: 25px
    }
}