/*!
 * Created by 赫连勃格 on 2023/01/01.
 * 微信:18900220083
 * QQ:215611388
 * next.UICUT.com
 */ /*!
* -----------------------------------------------------------------------------------------------------------------------------------------------------
* --------------------------------------------- 				样式分为：共用样式 + 各页面样式				   ----------------------------------------
* --------------------------------------------- 		  此文件别改，方便后期配合开发新页面或维护修改 			   ----------------------------------------
* ---------------------------------------------   可把要修改的那一行或那一块复制到别的文件里修改，放到引入文件最后   ----------------------------------------
* -----------------------------------------------------------------------------------------------------------------------------------------------------
*/

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0 ;
    line-height:unset;
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: rgba(0,0,0,0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica,Verdana,"微软雅黑","Hiragino Sans GB","Hiragino Sans GB W3","宋体",Arial,sans-serif;
    -webkit-text-size-adjust: none
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    font-size: 14px;
    color: #333;
    background: #f5f6f6;
    min-height: 100vh;
    outline: none
}

    body::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: rgba(0,0,0,0);
        border-radius: 6px
    }

    body::-webkit-scrollbar-track {
        border-radius: 5px;
        background-color: rgba(0,0,0,0)
    }

    body::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: rgba(132,98,49,.6)
    }

        body::-webkit-scrollbar-thumb:hover {
            background: rgba(132,98,49,.6);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out
        }

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: inherit
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, progress, video, body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ul, li, ol {
    list-style: none;
    line-height: normal
}

i, address, cite, dfn, em, var {
    font-style: normal
}

input[type=date] {
    outline: none;
    border: none
}

a {
    text-decoration: none;
    color: #333;
    background-color: rgba(0,0,0,0);
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    a:active, a:hover, a:focus {
        color: #846231;
        outline-width: 0
    }

video {
    border: none;
    outline: none;
    display: block;
    width: 100%
}

img, input[type=text], input[type=submit], input[type=password], textarea, select, button, footer, header {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

input[type=file] {
    cursor: pointer
}

::-moz-selection {
    background: #846231;
    color: #fff
}

::selection {
    background: #846231;
    color: #fff
}

::-moz-selection {
    background: #846231;
    color: #fff
}

.uc-content {
    width: 100%;
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

img {
    width: auto;
    max-width: 100%;
    -ms-interpolation-mode: bicubic
}

.uc-show {
    display: block !important
}

.uc-bg {
    background-color: #fff
}

.uc-b {
    font-weight: bold
}

.uc-small {
    font-size: .875em
}

.uc-big {
    font-size: 1.25em
}

.uc-ma {
    margin-left: auto;
    margin-right: auto
}

.uc-mla {
    margin-left: auto
}

.uc-mra {
    margin-right: auto
}

.uc-del {
    text-decoration: line-through;
    color: #999;
    margin-left: 20px
}

    .uc-del:first-child {
        margin-left: 0
    }

.animate, .uc-animate, .uc-revealOnScroll {
    opacity: 0
}

.uc-black {
    color: #000 !important
}

.uc-blue {
    color: #1684f3 !important
}

.uc-coffee {
    color: #846231 !important
}

.uc-orange {
    color: #ff7e3d !important
}

.uc-gray {
    color: #999 !important
}

.uc-icon16 {
    width: 16px !important;
    height: 16px !important
}

.uc-icon20 {
    width: 20px !important;
    height: 20px !important
}

.uc-icon24 {
    width: 24px !important;
    height: 24px !important
}

.uc-icon28 {
    width: 28px !important;
    height: 28px !important
}

.uc-icon32 {
    width: 32px !important;
    height: 32px !important
}

.uc-icon36 {
    width: 36px !important;
    height: 36px !important
}

.uc-icon40 {
    width: 40px !important;
    height: 40px !important
}

.uc-icon44 {
    width: 44px !important;
    height: 44px !important
}

.uc-icon48 {
    width: 48px !important;
    height: 48px !important
}

.uc-icon50 {
    width: 50px !important;
    height: 50px !important
}

.uc-icon64 {
    width: 64px !important;
    height: 64px !important
}

.uc-icon70 {
    width: 70px !important;
    height: 70px !important
}

.uc-icon80 {
    width: 80px !important;
    height: 80px !important
}

.uc-icon90 {
    width: 90px !important;
    height: 90px !important
}

.uc-icon100 {
    width: 100px !important;
    height: 100px !important
}

.uc-icon120 {
    width: 120px !important;
    height: 120px !important
}

.uc-icon150 {
    width: 150px !important;
    height: 150px !important
}

.uc-icon200 {
    width: 200px !important;
    height: 200px !important
}

@font-face {
    font-family: "uc-font";
    src: url("../fonts/uicut-font.eot?t=1645078740157");
    src: url("../fonts/uicut-font.eot?t=1645078740157#iefix") format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA3IAAsAAAAAGuAAAA15AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACHCgqiAJteATYCJAN0CzwABCAFhFsHglwbwBYzo7aTs/JN9n9KkHaYxvlQbIaSlFQW2upyunDLeUe9dQNm+47vwmeinzmX+5W4j2EYRriFFuZp28bdxB2mGUoJUb8Xt3f3/ktt1fY2PoGui0QRY+gOFIpEKIQJkUeT3TE8bfMfoSMPwUIEg7Py4Iv5RTijwDgOK4FFYySYYxmwan5av1aRH9dNADRAAEHrobwy0zopDsFlD1xW0OKovsjMd6bPSbLgMaiAoDLNt6mW2r+VY1jsfBizftvrToSwCWD5ZZzS5ucD/xtAYOBfAwIYsEbYBjrsGpz/W0ttJnkTnQLwLwt3qkZWVsg/uxv4C92bLc5diaa8KRBaBleWQdgrgru6CFlwlUDOVcvKCuOrc5pCPPbRgsQ5ji3D6cLMoOYBqr79/iIIkE6vabqYloOB7LNq/SRQLkCPFHBXlrOx2mqQehxDEDQTUkfHuHWGXLnAAfSpJwE8Mz+9/AApFZTEoA+1alLrwKUNjI7MuBFg13TltxmUrUACGNBZs7HaLp4pjZhNnaaTjiUD//xUu30XmS62on7DKxVSm2wavQ4GvTbZ7ndDLo+WN9TI7cCBzSVm7DDewwazS3cODQuduvWy2P18kA2zcYOsq5SrkEbSHko5/DdeiSKpFCiWJ18WhTLIJpJJqTKVcsiFROiKmQByCgsr4UDthYADFNwFUA53BVTA/QBp4GGABDwcYOBKQDp4ISAFXA0I4JMBJfBpgCK4HpAK3gEogBsAxfAeQB68F5AP3wTIAt8OKIT/DsgAH5Rk390hkERwLwMgE76UAkrxpQxQhi/lgEp8GZLkmO4IrEMugCq9jnEwiWQJkFIB9a63vrLJqaTYngDZ3VCTSvBvhk6U/Ey+gYcJYm95d0Z6eUVReoakp4+VN6alHZa7imUxJy8np6woS81ycwvjMcRSkllTVxTfpyrJPpcoFgZUyPcrSJO4vl4i6SeLsQkNuiig9C6EEhRWj3WJ7e2TJe1UETKgyRSTaNoxUIh9QaPVY0lo+lUVQF5hgaE1FBogliXECCUBjA1vwBMAztFqcje4DLbXvZx3k0ri9E1JMvdy0d0KKc4iJdkMGhGWzQCEcJxiuVFdijc8odG3EM407RF8wCxPAejBwvjt6uFo0pMMAZj1QOd62KJOpQXiZVZt4qYXy4xGERPenwzewOg2cwmFLUttpYhtt8Ux120Lo44TaiNGKD23jMJPPtDok29El89Ae9oaVXFtnrsgJbihGIATnZ8s3rQziUi3PvePe+Ugp6957i64HeINPlmeOrkRY2ryacZt/RD5jTyFiCQzeByO0VGsQgWNSKNMS8Zh5BvzhWNODxq7h7MrFRpZFkUkdNei/Q0PaOQ40YUoc2+s7M/LzHm3rkICcGlQHWZ88+0a+mSxUmYJjfjoSMNIHsFi4g35xpb7wmRIlBBziqRYPQIGVypBHbIL0FYMOk75TyfZNoP9qp9RMberSlGF3+551b9G5byj3ChKzBQQ6XRsyHHopuVsfEOVLMtsCzTQE+npQzNSAcN5iksPAlqAsPE0FZcR727iEkHu5iYxwQUngdSD+lsLrnpqLxtdJgv+cb8qCOac29U5z63VRujZ8kcrRwIsP7aaD4VerZ+Gq/OCKbyuy4bejQiGj390dI4qjHtHfwZ1MVEWpxOYYms2sGO+R6uf+fZLU0hJeb0S4m95PIbnVh2f9PAgV64K5mu/OgenB/V5iWTzWBLQ7n4yyFVEDOiaT70yNyp0oejwmL0jdsgcKWzt18VhNGJae2tv7cW+uuaBaG803IMMMBmamFtt09heci71iOTtk4dJRIkho47V58xejjZZnPqSpNGzlqSxRoX89s3MfZ6vH/XPFrFTkmWN+E5MtsaFIvQPTIX/3wTF/qXmz0Wo0EWIOCQHlQq6a6aiCqiowlzkdkE6hY2vLxWhH2988u3Pvfz9Xq7od7/OR2ORgUgHxQbnJYvsAVFNBbQxiDQSg8Ak0YnMtsRtIThWTvERFk81bg1NXr7ZVaXuhnC4mYupzC09I+pwtpPYRVoDCOwTUtXSETJ35s7cIaNPLtRoC+qma/Lq6/JLWQC61GXZsskFw5dttW2FuYcDOuGtaY9/H4r+F4Mg+n71IbrTLJ3WwrdUyCyQC6wKeo9WgZipw1hivpiFQSgfBXb63KKVQItv52OiRamgY4H5ECqQQ3KIv1dAIghno2xF5ALKay4nfchMoZPHwCo6KvlEAZRH0839JOAQc+HTZK81aAWF7kHF6I6IEEuVpmtEmBAN5CZEOdJRqgedTg6s1RACG1yn95AbzXIbxYH6SBLfkmYFqELiIOZg8nQO9zUXxPpLpeRNZGAYW+i78IKN7/3JCZthTmnhZrV9vTwOuE7v7RoYIBTFm69uBuEOBYyR1dzsluTrRaR3JIo37/KVPWxFuY0/JOeEAh+SUVcRWBowd25AaWDFWWHf+Ny5pQEVgWeRNz2wdsU9x0t5Tdu8E874+UwI4bX7+J0JZUPbtErbh9emmxRFXM/vhDyZaZJSBmSTa40ZhPw1PXEURSFZhow5GSXs3Aglc7ZO0q970ZzQiHlsRnGw06GmOv8/ggodtxArGlzXKy8/qrWi0/v9U0KyZs/ODJH5awPR7Y1z/hdnALmB+pzznMpkclR2zhTI7vmDn8xLhihzy/XnNGU/5jTQmUPSUGl0ExEaC4Pd08tTymKTS8aLU+LqgtGstYO02FJErBK5l+RBJfn0B3AgR1IaLlaUC3uiRFyWqSsiA6ZLS7d1QpW8Sk8Wj8XUW2m3OLdojNo0ygAAyW+GNHwN5LJUsOyi3VRZsgTdSOgM+RiSrDjyAzzsLmsKL87H8t+cpXA3EhxhfXz0n6IZ8V5lsqjU1jQ8OiMqvSBYFVJXrBTm+oxvZGWQe7VhyqzQCkSSNI62LjFd05I4ryXBqRWaSkKGy5L7oyQwZlP5cXIwopaUIme9bLtl1VL4/zeL3em+xPGCVEWjHEbhPMKz8lpTbI460y9DuGp3ZkdnkSzepaHAZUUwl/8qC2Ye9nCdGWQO9gjyAMxT0WEvVammzoWNPG+Heh2FNu9g+Fjp0Ou7O4D9hvFZ+ujY1gdkcl3I1k2EKVMIU1fZXm5vGrs/UWj385YMFC+uc8psPFWT5fn9x440jxhdpjMi3kPtlzIdUzRHRqfGLNOi9mFu9CIkv+efKSDwzT3Oi5M1o386SffpY9Yb52/68vVrwdMbCHZrzpmBD59oX/a8d5PGuAkIXf6iVKv6/3N5tdj134fh+Heps7VoYJnbOMvKm6ee3zgSG9vzgPMU2Em2RKxGELW45LzQ42pk7v38uSrHxWNri/1xv74+P9y/+LCj47027lfsfxg5acBeJxtlkRDHUZTNmWmSy4E22anJKSoX+Oxwd9+hffFg3r+yWBYUCSW56KlMIfQzJGRSwR73OEcXg0fhnbmii3bsMeqKRTiC4KLis7p+BMeRYtHZ0GqBBrFIrRbpgO3r7D+xoLuC+D+NOMyG1VETRUtpO2gh3/17J1YGz7Zaj7lwTByXVXPmxEhOwCa269GEjYBYkhHAi4JhAAcvgrdFeYl4z54VFy9ahCC7CCD9oenUSO4Ndq4Khzq1ndUAGVABgCu/ByBnJ2qEwjtvr9li3TM+dHdfuGN7JhRq0IKM/5+FF3QDKVDVMOK376tl3DRutr4mrio2tjKudjSuJrbq4pw3WhtXGQuE1GdzI8quff92zL9wQrkiIjcsLDdC8W+EMizH0Ob9q4zICQMCnwLFLzq6BvqYEwy61ImMDDBgKMszDezZY7QnAT8RnaBP1mHzjx9fv7SYlvg2F5u8vW+7ApcXXewpYJepqltBO4JuCWDircAT5/1Bk93+yf4u5KQkxq7bhX5J2c0YgD3ONBRsdB6GroD/h9tR8kgWs5lmANBX7mt+pXs72RxR6gTldSTBnkAW4IZcbBbY5d8rM61D35IjRvSj6Ax95zGYZLOEslqsEeWT7xDRf3fW5OJJYx3zxN+f0zZ0zo1I2BTtIUN7jfySqShPCiS0kbLO48PR7OTZ/242hKoB4ZsaExF/n2C7kJg16FHlA4pWIJ0dBv/bTM13U0+vILahU4rPOjDl5cx4HQu8tVdCBj0UMT7eK50Oc/VnUOCsYUhIA5o9gl5CNs+Z8vfM+BUL/FOvhGKfKQL/2Sud7SYhWgbN7ci3wKgiarE7CwtUGM2INSTGil+Y1V6xLxfK+0OuLBVik76EFn9igZy8muqQyRiNMExBfBwfDr0nUTLtEWKax1hu12uDVZMChcYro4p6v1rYnYe3QIVZNdaQ+D7eF2a1V4xvBdb9Q67sMSls/lzbiph9OkWcrdYgXB0ySXQ0QkWsSEH4SKfQswUklHhpe4SYylPocmtN9mbiOmnbvLAoHKbaNmmKVbWkphumZSvHb4A373q+pZULl65cu3Hrzr0Hj548R6fAU+yUjIfW/39bdcouKO9l/4j2ZAvZM+1OxOebQ47gdnRKwDJ4XPnrTqiYKGY6JmyzPMrxaapHswOajoUcFROplANW2lIip2v5y9w2piIpvbLFILT7OLrKTsCibiutu+Cpwp4uUwz5qKjdx1W4S49R14Cjwv3hLmg0AAAA") format("woff2"),url("../fonts/uicut-font.woff?t=1645078740157") format("woff"),url("../fonts/uicut-font.ttf?t=1645078740157") format("truetype"),url("../fonts/uicut-font.svg?t=1645078740157#uc-font") format("svg")
}

.uc-font {
    font-family: "uc-font" !important;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.uc-checkbox-circle:before {
    content: ""
}

.uc-checkbox-circle-on:before {
    content: ""
}

.uc-checkbox:before {
    content: ""
}

.uc-checkbox-on:before {
    content: ""
}

.uc-checkbox-on-plain:before {
    content: ""
}

.uc-radio-on:before {
    content: ""
}

.uc-radio:before {
    content: ""
}

.uc-arrow-left:before {
    content: ""
}

.uc-arrow-right:before {
    content: ""
}

.uc-arrow-down:before {
    content: ""
}

.uc-arrow-top:before {
    content: ""
}

.uc-arrow-right2:before {
    content: ""
}

.uc-arrow-left2:before {
    content: ""
}

.uc-arrow-down2:before {
    content: ""
}

.uc-arrow-top2:before {
    content: ""
}

.uc-next:before {
    content: ""
}

.uc-prev:before {
    content: ""
}

.uc-add:before {
    content: ""
}

.uc-reduce:before {
    content: ""
}

.uc-menu:before {
    content: ""
}

.uc-close:before {
    content: ""
}

.uc-search:before {
    content: ""
}

.uc-qq:before {
    content: ""
}

.uc-qq2:before {
    content: ""
}

.uc-call2:before {
    content: ""
}

.uc-weixin2:before {
    content: ""
}

.uc-weixin:before {
    content: ""
}

.uc-call:before {
    content: ""
}

.uc-arrow {
    position: relative;
    padding-right: 30px
}

    .uc-arrow:after {
        content: "";
        font-family: "uc-font";
        font-size: 1.4em;
        right: -10px;
        opacity: .5;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.uc-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .uc-flex.start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uc-flex.end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .uc-flex.center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.uc-flex-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .uc-flex-col.start {
        -ms-flex-line-pack: start;
        align-content: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uc-flex-col.end {
        -ms-flex-line-pack: end;
        align-content: end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .uc-flex-col.center {
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.g-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .g-main .main-left {
        float: left
    }

    .g-main .main-right {
        float: right
    }

    .g-main .w850 {
        width: 850px
    }

    .g-main .w330 {
        width: 330px
    }

    .g-main .w900 {
        width: 900px
    }

    .g-main .w280 {
        width: 280px
    }

    .g-main .w950 {
        width: 950px
    }

    .g-main .w240 {
        width: 240px
    }

    .g-main .w870 {
        width: 870px
    }

    .g-main .w310 {
        width: 310px
    }

textarea {
    min-height: 120px;
    height: auto;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 100%
}

.uc-phColor {
    color: #aaa
}

input:-moz-placeholder {
    color: #aaa
}

::-webkit-input-placeholder {
    color: #aaa
}

input[type=text], input[type=password] {
    -webkit-appearance: none
}

[type=submit] {
    outline: none
}

    [type=submit]:hover {
        opacity: .8
    }

button {
    margin: 0;
    padding: 0;
    background: none;
    line-height: inherit;
    font-size: inherit;
    border: none;
    color: inherit;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}

    button:after {
        display: none
    }

.uc-input, .uc-select, .uc-button, .uc-textarea {
    width: 100%;
    border: #e9e9e9 1px solid;
    outline: none;
    height: 30px;
    line-height: 28px;
    border-radius: 4px;
    padding: 0 10px
}

    .uc-input:hover, .uc-input:focus, .uc-select:hover, .uc-select:focus, .uc-button:hover, .uc-button:focus, .uc-textarea:hover, .uc-textarea:focus {
        border-color: #846231
    }

.uc-btn {
    cursor: pointer;
    outline: none;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    border-radius: 4px;
    padding: 0 10px
}

    .uc-btn img {
        margin-right: 10px
    }

    .uc-btn:hover {
        opacity: .8
    }

    .uc-btn.black {
        background-color: #000;
        border: #000 1px solid;
        color: #fff
    }

    .uc-btn.black-linear {
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.7)), to(#000));
        background: -o-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, #000 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, #000 100%);
        color: #fff
    }

    .uc-btn.black-plain {
        color: #000;
        border: #000 1px solid
    }

        .uc-btn.black-plain:hover {
            opacity: 1;
            background-color: #000;
            color: #fff
        }

    .uc-btn.black-light {
        background-color: rgba(0,0,0,.1);
        color: #000
    }

    .uc-btn.black-shadow {
        -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.3);
        box-shadow: 0 6px 10px 0 rgba(0,0,0,.3)
    }

    .uc-btn.blue {
        background-color: #1684f3;
        border: #1684f3 1px solid;
        color: #fff
    }

    .uc-btn.blue-linear {
        background: -webkit-gradient(linear, left top, right top, from(rgba(22, 132, 243, 0.7)), to(#1684F3));
        background: -o-linear-gradient(left, rgba(22, 132, 243, 0.7) 0%, #1684F3 100%);
        background: linear-gradient(to right, rgba(22, 132, 243, 0.7) 0%, #1684F3 100%);
        color: #fff
    }

    .uc-btn.blue-plain {
        color: #1684f3;
        border: #1684f3 1px solid
    }

        .uc-btn.blue-plain:hover {
            opacity: 1;
            background-color: #1684f3;
            color: #fff
        }

    .uc-btn.blue-light {
        background-color: rgba(22,132,243,.1);
        color: #1684f3
    }

    .uc-btn.blue-shadow {
        -webkit-box-shadow: 0 6px 10px 0 rgba(22,132,243,.3);
        box-shadow: 0 6px 10px 0 rgba(22,132,243,.3)
    }

    .uc-btn.coffee {
        background-color: #846231;
        border: #846231 1px solid;
        color: #fff
    }

    .uc-btn.coffee-linear {
        background: -webkit-gradient(linear, left top, right top, from(rgba(132, 98, 49, 0.7)), to(#846231));
        background: -o-linear-gradient(left, rgba(132, 98, 49, 0.7) 0%, #846231 100%);
        background: linear-gradient(to right, rgba(132, 98, 49, 0.7) 0%, #846231 100%);
        color: #fff
    }

    .uc-btn.coffee-plain {
        color: #846231;
        border: #846231 1px solid
    }

        .uc-btn.coffee-plain:hover {
            opacity: 1;
            background-color: #846231;
            color: #fff
        }

    .uc-btn.coffee-light {
        background-color: rgba(132,98,49,.1);
        color: #846231
    }

    .uc-btn.coffee-shadow {
        -webkit-box-shadow: 0 6px 10px 0 rgba(132,98,49,.3);
        box-shadow: 0 6px 10px 0 rgba(132,98,49,.3)
    }

    .uc-btn.orange {
        background-color: #ff7e3d;
        border: #ff7e3d 1px solid;
        color: #fff
    }

    .uc-btn.orange-linear {
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 126, 61, 0.7)), to(#FF7E3D));
        background: -o-linear-gradient(left, rgba(255, 126, 61, 0.7) 0%, #FF7E3D 100%);
        background: linear-gradient(to right, rgba(255, 126, 61, 0.7) 0%, #FF7E3D 100%);
        color: #fff
    }

    .uc-btn.orange-plain {
        color: #ff7e3d;
        border: #ff7e3d 1px solid
    }

        .uc-btn.orange-plain:hover {
            opacity: 1;
            background-color: #ff7e3d;
            color: #fff
        }

    .uc-btn.orange-light {
        background-color: rgba(255,126,61,.1);
        color: #ff7e3d
    }

    .uc-btn.orange-shadow {
        -webkit-box-shadow: 0 6px 10px 0 rgba(255,126,61,.3);
        box-shadow: 0 6px 10px 0 rgba(255,126,61,.3)
    }

    .uc-btn.gray {
        background-color: #999;
        border: #999 1px solid;
        color: #fff
    }

    .uc-btn.gray-linear {
        background: -webkit-gradient(linear, left top, right top, from(rgba(153, 153, 153, 0.7)), to(#999999));
        background: -o-linear-gradient(left, rgba(153, 153, 153, 0.7) 0%, #999999 100%);
        background: linear-gradient(to right, rgba(153, 153, 153, 0.7) 0%, #999999 100%);
        color: #fff
    }

    .uc-btn.gray-plain {
        color: #999;
        border: #999 1px solid
    }

        .uc-btn.gray-plain:hover {
            opacity: 1;
            background-color: #999;
            color: #fff
        }

    .uc-btn.gray-light {
        background-color: #eee;
        color: #aaa
    }

    .uc-btn.gray-shadow {
        -webkit-box-shadow: 0 6px 10px 0 rgba(153,153,153,.3);
        box-shadow: 0 6px 10px 0 rgba(153,153,153,.3)
    }

    .uc-btn img {
        margin-right: 10px
    }

.uc-radio, .uc-checkbox, .uc-checkbox-circle {
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    color: #999
}

    .uc-radio:after, .uc-checkbox:after, .uc-checkbox-circle:after {
        content: "";
        font-family: "uc-font";
        font-size: 16px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .uc-radio.on:after, .uc-checkbox.on:after, .uc-checkbox-circle.on:after {
        content: "";
        color: #333
    }

    .uc-radio:before, .uc-checkbox:before, .uc-checkbox-circle:before {
        display: none
    }

    .uc-checkbox:after {
        content: ""
    }

    .uc-checkbox.on:after {
        content: ""
    }

    .uc-checkbox-circle:after {
        content: ""
    }

    .uc-checkbox-circle.on:after {
        content: ""
    }

.uc-prvNxt {
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .uc-prvNxt .item {
        min-width: 40px;
        height: 28px;
        display: inline-block;
        border: #c4c6cf 1px solid;
        line-height: 26px;
        margin: 0 4px;
        text-align: center;
        color: #333;
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 2px
    }

        .uc-prvNxt .item:hover, .uc-prvNxt .item.on {
            background-color: #000;
            border-color: #000;
            color: #fff
        }

    .uc-prvNxt .uc-gray {
        color: #dcdee3 !important
    }

    .uc-prvNxt span.item {
        border: none;
        background: none;
        margin: 0;
        padding: 0
    }

    .uc-prvNxt .skip {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 1em
    }

    .uc-prvNxt .uc-input {
        width: 40px;
        border-radius: 2px;
        margin: 0 5px;
        background-color: #fff
    }

    .uc-prvNxt .ml20 {
        margin-left: 20px
    }

    .uc-prvNxt .number {
        margin: 0 10px
    }

.uc-tag {
    display: inline-block;
    border-radius: 3px;
    padding: 0 5px
}

    .uc-tag:empty {
        display: none
    }

    .uc-tag.black {
        background-color: #000;
        color: #fff
    }

    .uc-tag.blue {
        background-color: #1684f3;
        color: #fff
    }

    .uc-tag.coffee {
        background-color: #846231;
        color: #fff
    }

    .uc-tag.orange {
        background-color: #ff7e3d;
        color: #fff
    }

    .uc-tag.gray {
        background-color: rgba(153,153,153,.4);
        color: #fff
    }

.uc-alert {
    position: fixed;
    z-index: 888;
    left: 0;
    width: 100vw;
    top: 0;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left)
}

    .uc-alert .box {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 9;
        border-radius: 4px;
        background-color: #fff
    }

    .uc-alert .btn-close {
        font-size: 20px;
        position: absolute;
        right: 10px;
        top: 10px;
        opacity: .5
    }

        .uc-alert .btn-close:hover {
            opacity: .8
        }

    .uc-alert .over-close {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        cursor: pointer
    }

.uc-alert {
    display: none
}

.uc-alert-login .box {
    width: 400px;
    padding: 20px 25px;
    min-height: 430px
}

.uc-alert-login .filter {
    border-bottom: #e9e9e9 1px solid;
    line-height: 70px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .uc-alert-login .filter .item {
        padding: 0 10px;
        font-size: 16px;
        font-weight: bold;
        color: #999;
        margin-right: 30px
    }

        .uc-alert-login .filter .item.on {
            position: relative;
            color: #333
        }

            .uc-alert-login .filter .item.on:after {
                content: "";
                width: 100%;
                height: 3px;
                background-color: #000;
                position: absolute;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                bottom: 0
            }

.uc-alert-login .tab-con {
    display: none
}

    .uc-alert-login .tab-con:first-child {
        display: block
    }

.uc-alert-login .tips-box {
    min-height: 36px;
    margin-bottom: 10px
}

.uc-alert-login .tips {
    background-color: #fff2ef;
    border-radius: 4px;
    padding: 5px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 26px
}

    .uc-alert-login .tips img {
        display: block;
        margin-right: 10px
    }

.uc-alert-login .form li {
    height: 45px;
    position: relative;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.uc-alert-login .form .uc-input {
    height: 45px;
    border-radius: 4px;
    padding: 0 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.uc-alert-login .form .uc-select {
    border-radius: 4px 0 0 4px;
    border-right: none;
    width: 90px;
    height: 45px;
    background-color: #f4f4f4
}

    .uc-alert-login .form .uc-select + .uc-input {
        border-radius: 0 4px 4px 0
    }

.uc-alert-login .form .btn-yzm {
    width: 120px;
    border-radius: 4px;
    height: 45px;
    margin-left: 10px;
    border: none
}

.uc-alert-login .select-simulate {
    position: relative;
    width: 90px;
    height: 45px
}

    .uc-alert-login .select-simulate .hd {
        background: #f4f4f4 url("images/arrow.png") no-repeat right center;
        background-size: 24px 24px;
        display: block;
        cursor: pointer;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: #e9e9e9 1px solid;
        border-right: none;
        width: 90px;
        border-radius: 4px 0 0 4px;
        height: 45px;
        line-height: 43px;
        font-size: 14px
    }

        .uc-alert-login .select-simulate .hd.blur {
            color: #ccc
        }

    .uc-alert-login .select-simulate .bd {
        width: 100%;
        height: auto;
        background: #fff;
        border: 1px solid #dfdfdf;
        border-bottom: none;
        clear: both;
        position: absolute;
        left: 0;
        top: 45px;
        z-index: 3;
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .uc-alert-login .select-simulate .bd li {
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #dfdfdf;
            padding: 0 10px;
            cursor: pointer;
            margin: 0
        }

            .uc-alert-login .select-simulate .bd li:hover {
                background: #eee
            }

                .uc-alert-login .select-simulate .bd li:hover a {
                    color: #846231
                }

    .uc-alert-login .select-simulate + .uc-input {
        border-radius: 0 4px 4px 0
    }

.uc-alert-login .operate .uc-btn {
    height: 45px;
    width: 100%
}

.uc-alert-login .other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

    .uc-alert-login .other .r {
        color: #aaa
    }

    .uc-alert-login .other .btn {
        margin: 0 10px;
        color: #999
    }

        .uc-alert-login .other .btn:last-child {
            margin-right: 0
        }

.uc-alert-login .agree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .uc-alert-login .agree .uc-font {
        margin-right: 5px
    }

.uc-alert-service .box {
    width: 620px;
    padding: 40px 20px 50px 40px;
    min-height: 430px
}

.uc-alert-service .form li {
    position: relative;
    margin-bottom: 20px;
    padding-right: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.uc-alert-service .form .txt {
    min-width: 5em;
    text-align: right;
    margin-right: 5px;
    line-height: 45px
}

.uc-alert-service .form .uc-input {
    height: 45px;
    border-radius: 4px;
    padding: 0 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.uc-alert-service .form .btn-yzm {
    width: 120px;
    border-radius: 4px;
    height: 45px;
    margin-left: 10px;
    border: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.uc-alert-service .form .uc-textarea {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.uc-alert-service .select-simulate {
    position: relative;
    width: 90px;
    height: 45px
}

    .uc-alert-service .select-simulate .hd {
        background: #f4f4f4 url("images/arrow.png") no-repeat right center;
        background-size: 24px 24px;
        display: block;
        cursor: pointer;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: #e9e9e9 1px solid;
        border-right: none;
        width: 90px;
        border-radius: 4px 0 0 4px;
        height: 45px;
        line-height: 43px;
        font-size: 14px
    }

        .uc-alert-service .select-simulate .hd.blur {
            color: #ccc
        }

    .uc-alert-service .select-simulate .bd {
        width: 100%;
        height: auto;
        background: #fff;
        border: 1px solid #dfdfdf;
        border-bottom: none;
        clear: both;
        position: absolute;
        left: 0;
        top: 45px;
        z-index: 3;
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .uc-alert-service .select-simulate .bd li {
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #dfdfdf;
            padding: 0 10px;
            cursor: pointer;
            margin: 0
        }

            .uc-alert-service .select-simulate .bd li:hover {
                background: #eee
            }

                .uc-alert-service .select-simulate .bd li:hover a {
                    color: #846231
                }

    .uc-alert-service .select-simulate + .uc-input {
        border-radius: 0 4px 4px 0
    }

.uc-alert-service .operate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 60px
}

    .uc-alert-service .operate .uc-btn {
        width: 150px;
        border-radius: 4px;
        height: 40px;
        margin: 0 5px
    }

.g-classFilter {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 20px
}

    .g-classFilter .part, .g-classFilter .left, .g-classFilter .right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .g-classFilter .part {
        padding: 5px 0;
        line-height: 28px
    }

        .g-classFilter .part span {
            margin: 5px
        }

        .g-classFilter .part a {
            padding: 0 10px;
            line-height: 28px;
            border-radius: 4px;
            display: inline-block;
            margin: 5px;
            -webkit-transition: all .3s linear;
            -o-transition: all .3s linear;
            transition: all .3s linear
        }

            .g-classFilter .part a.on, .g-classFilter .part a:hover {
                background-color: #000;
                color: #fff
            }

            .g-classFilter .part a:last-child {
                margin-right: 0
            }

        .g-classFilter .part .hasMore {
            position: relative
        }

            .g-classFilter .part .hasMore:after {
                content: "";
                font-family: "uc-font";
                opacity: .6;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: -6px
            }

            .g-classFilter .part .hasMore.on, .g-classFilter .part .hasMore:hover {
                background: none;
                color: #2683f7
            }

                .g-classFilter .part .hasMore.on:after {
                    content: ""
                }

                .g-classFilter .part .hasMore.on:before {
                    content: "";
                    font-family: "uc-font";
                    color: #f5f7fa;
                    font-size: 1.4em;
                    position: absolute;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                    bottom: -22px
                }

    .g-classFilter .right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0
    }

    .g-classFilter .mr05 {
        margin-right: .5em
    }

    .g-classFilter .e3 {
        min-width: 3em;
        display: inline-block
    }

    .g-classFilter .e5 {
        min-width: 5em;
        display: inline-block
    }

    .g-classFilter .e8 {
        min-width: 8em;
        display: inline-block
    }

    .g-classFilter .part2 {
        display: none
    }

    .g-classFilter .operate {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px
    }

    .g-classFilter .btn2 {
        display: none
    }

    .g-classFilter .more-filter {
        background-color: #f5f7fa;
        border-radius: 8px;
        padding: 10px;
        margin-bottom: 10px
    }

        .g-classFilter .more-filter li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            display: none
        }

            .g-classFilter .more-filter li:first-child {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

        .g-classFilter .more-filter .l, .g-classFilter .more-filter .r {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .g-classFilter .more-filter a {
            margin: 5px 15px 5px 5px;
            padding: 0 5px;
            color: #667280;
            display: inline-block;
            line-height: 24px
        }

            .g-classFilter .more-filter a.on, .g-classFilter .more-filter a:hover {
                color: #2683f7;
                background-color: #dfebfa;
                border-radius: 4px
            }

        .g-classFilter .more-filter .r {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0
        }

footer {
    background-color: #000;
    color: #fff;
    text-align: center
}

    footer .uc-content {
        padding: 35px 200px;
        font-size: 12px;
        line-height: 18px
    }

    footer a {
        color: #fff
    }

        footer a:hover {
            color: #846231
        }

    footer span, footer a {
        margin: 0 3px;
        display: inline-block
    }

body {
    padding-top: 160px
}

header {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0
}

.hd-center .uc-content {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hd-center img {
    display: block
}

.hd-center .slogan {
    font-size: 20px;
    margin-left: 20px;
    margin-right: auto
}

.hd-center .search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 50px
}

.hd-center .uc-input {
    width: 145px;
    border-radius: 0px;
    height: 30px;
    border: #000 1px solid
}

.hd-center .uc-select {
    width: 80px;
    border-radius: 0px;
    height: 30px;
    border: #000 1px solid;
    margin-right: 10px
}

.hd-center .uc-btn {
    width: 60px;
    border-radius: 0px;
    height: 30px
}

.hd-center .btn {
    margin-right: 20px;
    font-size: 12px
}

.hd-center .select-simulate {
    position: relative;
    height: 30px;
    font-size: 12px
}

    .hd-center .select-simulate .hd {
        width: 100%;
        height: 30px;
        line-height: 30px;
        display: block;
        float: left;
        cursor: pointer;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: right;
        background: url("images/select-arrow.png") right center no-repeat;
        padding-right: 10px
    }

        .hd-center .select-simulate .hd.blur {
            color: #ccc
        }

    .hd-center .select-simulate .bd {
        width: 100%;
        height: auto;
        background: #fff;
        border: 1px solid #dfdfdf;
        border-bottom: none;
        clear: both;
        position: absolute;
        left: 0;
        top: 30px;
        z-index: 3;
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .hd-center .select-simulate .bd li {
            height: 30px;
            line-height: 30px;
            border-bottom: 1px solid #dfdfdf;
            padding: 0 10px;
            cursor: pointer
        }

            .hd-center .select-simulate .bd li:hover {
                background: #eee
            }

                .hd-center .select-simulate .bd li:hover a {
                    color: #846231
                }

.hd-menu {
    background-color: #000
}

    .hd-menu .uc-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .hd-menu .uc-content li {
            line-height: 60px
        }

            .hd-menu .uc-content li.on, .hd-menu .uc-content li:hover {
                background-color: #846231
            }

                .hd-menu .uc-content li.on a, .hd-menu .uc-content li:hover a {
                    font-weight: bold
                }

        .hd-menu .uc-content a {
            padding: 0 24px;
            color: #fff;
            font-size: 16px;
            display: inline-block;
            -webkit-transition: all .3s linear;
            -o-transition: all .3s linear;
            transition: all .3s linear
        }

.g-titleLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    position: relative;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold
}

    .g-titleLine .uc-arrow {
        font-size: 24px;
        color: #999
    }

        .g-titleLine .uc-arrow:hover {
            color: #846231
        }

    .g-titleLine:after {
        content: "";
        width: 4px;
        height: 20px;
        background-color: #333;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0px
    }

    .g-titleLine .more {
        font-size: 13px;
        color: #999
    }

        .g-titleLine .more:hover {
            color: #846231
        }

.productDetailBanner {
    height: 570px;
    overflow: hidden;
    width: 100%;
    position: relative
}

    .productDetailBanner .hd {
        z-index: 1;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        height: 100px;
        width: 100%
    }

        .productDetailBanner .hd ul {
            overflow: hidden;
            zoom: 1;
            width: 100%;
            text-align: center;
            height: 100px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .productDetailBanner .hd li {
            text-align: center;
            background: #fff;
            cursor: pointer;
            width: 100px;
            height: 100px;
            overflow: hidden;
            border: #e9e9e9 1px solid
        }

            .productDetailBanner .hd li.on {
                border-color: #846231
            }

    .productDetailBanner .bd {
        position: relative
    }

        .productDetailBanner .bd li {
            zoom: 1;
            vertical-align: middle;
            width: 460px;
            height: 460px
        }

            .productDetailBanner .bd li img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

        .productDetailBanner .bd a {
            display: block;
            width: 100%;
            height: 100%
        }

    .productDetailBanner .prev, .productDetailBanner .next {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
        opacity: .8
    }

        .productDetailBanner .prev:hover, .productDetailBanner .next:hover {
            opacity: 1
        }

    .productDetailBanner .prev {
        left: 50%;
        margin-left: -600px
    }

    .productDetailBanner .next {
        right: 50%;
        margin-right: -600px
    }

.uc-register {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-register .uc-content {
        background-color: #fff;
        padding: 10px 0 20px
    }

    .uc-register .filter {
        border-bottom: #e9e9e9 1px solid;
        line-height: 50px;
        margin-bottom: 24px;
        text-transform: uppercase;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .uc-register .filter .item {
            padding: 0 10px;
            font-size: 16px;
            color: #999;
            margin-right: 30px
        }

            .uc-register .filter .item:last-child {
                margin-right: 0
            }

            .uc-register .filter .item.on {
                position: relative;
                font-weight: bold;
                color: #333
            }

                .uc-register .filter .item.on:after {
                    content: "";
                    width: 100%;
                    height: 3px;
                    background-color: #000;
                    position: absolute;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                    bottom: 0
                }

    .uc-register .tab-con {
        display: none;
        padding: 0 285px
    }

        .uc-register .tab-con:first-child {
            display: block
        }

    .uc-register .tips-box {
        min-height: 36px;
        margin-bottom: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .uc-register .tips {
        background-color: #fefaf7;
        border-radius: 4px;
        padding: 5px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 26px;
        color: #f87330
    }

        .uc-register .tips img {
            display: block;
            margin-right: 10px
        }

    .uc-register .form {
        padding-bottom: 40px
    }

        .uc-register .form.mb0 {
            padding-bottom: 0
        }

        .uc-register .form li {
            position: relative;
            margin-bottom: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .uc-register .form .txt {
            min-width: 9em;
            text-align: right;
            margin-right: 10px;
            line-height: 45px
        }

        .uc-register .form .uc-input {
            height: 45px;
            border-radius: 4px;
            padding: 0 20px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0
        }

            .uc-register .form .uc-input.bl {
                border-radius: 4px 0 0 4px
            }

        .uc-register .form .uc-textarea {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0;
            padding: 10px 20px;
            line-height: 25px
        }

        .uc-register .form .uc-select {
            border-radius: 4px 0 0 4px;
            border-right: none;
            width: 90px;
            height: 45px;
            background-color: #f4f4f4
        }

            .uc-register .form .uc-select + .uc-input {
                border-radius: 0 4px 4px 0
            }

        .uc-register .form .con {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .uc-register .form .btn-country {
            width: 90px;
            border-radius: 0 4px 4px 0;
            height: 45px;
            background-color: #f4f4f4;
            text-align: center;
            line-height: 45px;
            border: #e9e9e9 1px solid;
            border-left: none;
            cursor: pointer
        }

    .uc-register .country-choose {
        width: 100%;
        height: auto;
        background: #fff;
        border: 1px solid #dfdfdf;
        border-bottom: none;
        clear: both;
        position: absolute;
        left: 0;
        top: 45px;
        z-index: 3;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: none
    }

        .uc-register .country-choose li {
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #dfdfdf;
            padding: 0 10px;
            cursor: pointer;
            margin: 0
        }

            .uc-register .country-choose li:hover {
                background: #eee
            }

                .uc-register .country-choose li:hover a {
                    color: #846231
                }

    .uc-register .select-simulate {
        position: relative;
        width: 90px;
        height: 45px
    }

        .uc-register .select-simulate .hd {
            background: #f4f4f4 url("images/arrow.png") no-repeat right center;
            background-size: 24px 24px;
            display: block;
            cursor: pointer;
            padding-left: 20px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: #e9e9e9 1px solid;
            border-right: none;
            width: 90px;
            border-radius: 4px 0 0 4px;
            height: 45px;
            line-height: 43px;
            font-size: 14px
        }

            .uc-register .select-simulate .hd.blur {
                color: #ccc
            }

        .uc-register .select-simulate .bd {
            width: 100%;
            height: auto;
            background: #fff;
            border: 1px solid #dfdfdf;
            border-bottom: none;
            clear: both;
            position: absolute;
            left: 0;
            top: 45px;
            z-index: 3;
            display: none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .uc-register .select-simulate .bd li {
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #dfdfdf;
                padding: 0 10px;
                cursor: pointer;
                margin: 0
            }

                .uc-register .select-simulate .bd li:hover {
                    background: #eee
                }

                    .uc-register .select-simulate .bd li:hover a {
                        color: #846231
                    }

        .uc-register .select-simulate + .uc-input {
            border-radius: 0 4px 4px 0
        }

    .uc-register .operate {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 0 20px 120px
    }

        .uc-register .operate .uc-btn {
            width: 150px;
            border-radius: 4px;
            height: 40px;
            font-size: 16px
        }

.uc-registerPerson {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-registerPerson .uc-content {
        background-color: #fff;
        padding: 10px 0 20px
    }

    .uc-registerPerson .form-box {
        padding: 0 285px
    }

    .uc-registerPerson .form {
        padding-bottom: 40px
    }

        .uc-registerPerson .form.mb0 {
            padding-bottom: 0
        }

        .uc-registerPerson .form li {
            position: relative;
            margin-bottom: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding-right: 130px
        }

        .uc-registerPerson .form .txt {
            min-width: 9em;
            text-align: right;
            margin-right: 10px;
            line-height: 45px
        }

        .uc-registerPerson .form .uc-input {
            height: 45px;
            border-radius: 4px;
            padding: 0 20px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0
        }

            .uc-registerPerson .form .uc-input.bl {
                border-radius: 4px 0 0 4px
            }

        .uc-registerPerson .form .con {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .uc-registerPerson .form .btn-yzm1, .uc-registerPerson .form .btn-yzm2 {
            width: 120px;
            border-radius: 4px;
            height: 45px;
            margin-left: 10px;
            border: none;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0
        }

    .uc-registerPerson .select-simulate {
        position: relative;
        width: 90px;
        height: 45px
    }

        .uc-registerPerson .select-simulate .hd {
            background: #f4f4f4 url("images/arrow.png") no-repeat right center;
            background-size: 24px 24px;
            display: block;
            cursor: pointer;
            padding-left: 20px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: #e9e9e9 1px solid;
            border-right: none;
            width: 90px;
            border-radius: 4px 0 0 4px;
            height: 45px;
            line-height: 43px;
            font-size: 14px
        }

            .uc-registerPerson .select-simulate .hd.blur {
                color: #ccc
            }

        .uc-registerPerson .select-simulate .bd {
            width: 100%;
            height: auto;
            background: #fff;
            border: 1px solid #dfdfdf;
            border-bottom: none;
            clear: both;
            position: absolute;
            left: 0;
            top: 45px;
            z-index: 3;
            display: none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .uc-registerPerson .select-simulate .bd li {
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #dfdfdf;
                padding: 0 10px;
                cursor: pointer;
                margin: 0
            }

                .uc-registerPerson .select-simulate .bd li:hover {
                    background: #eee
                }

                    .uc-registerPerson .select-simulate .bd li:hover a {
                        color: #846231
                    }

        .uc-registerPerson .select-simulate + .uc-input {
            border-radius: 0 4px 4px 0
        }

    .uc-registerPerson .operate {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px
    }

        .uc-registerPerson .operate .uc-btn {
            width: 150px;
            border-radius: 4px;
            height: 40px;
            font-size: 16px
        }

.uc-companyList {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-companyList .main-right {
        background-color: #fff;
        padding: 20px 15px 5px
    }

        .uc-companyList .main-right .uc-btn {
            font-size: 13px;
            font-weight: bold
        }

    .uc-companyList .list li {
        padding: 20px;
        margin-bottom: 20px;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .uc-companyList .list .img {
        width: 260px;
        height: 200px;
        overflow: hidden;
        margin-right: 20px;
        overflow: hidden
    }

        .uc-companyList .list .img img {
            width: 100%;
            height: 100%;
            display: block;
            -o-object-fit: cover;
            object-fit: cover
        }

        .uc-companyList .list .img img {
            -webkit-transition: all .3s linear;
            -o-transition: all .3s linear;
            transition: all .3s linear
        }

        .uc-companyList .list .img:hover img {
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1)
        }

    .uc-companyList .list .right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        height: 200px
    }

    .uc-companyList .list .name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px
    }

        .uc-companyList .list .name .icon {
            display: block;
            margin-left: 10px
        }

    .uc-companyList .list .n {
        font-size: 21px;
        font-weight: bold;
        line-height: 24px;
        max-width: 300px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .uc-companyList .list .addr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #999;
        font-size: 12px;
        margin-left: 10px
    }

        .uc-companyList .list .addr img {
            display: block
        }

    .uc-companyList .list .con {
        font-size: 14px;
        line-height: 24px;
        height: 96px;
        overflow: hidden;
        margin-bottom: 10px
    }

    .uc-companyList .list .txt {
        font-size: 14px;
        line-height: 20px;
        color: #666;
        margin-bottom: 10px
    }

    .uc-companyList .list .tags {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .uc-companyList .list .tags .uc-tag {
            background-color: #f7f7f7;
            border-radius: 4px;
            padding: 0 10px;
            margin-right: 10px;
            line-height: 22px;
            color: #596789;
            margin-top: 5px
        }

    .uc-companyList .list2 {
        margin-top: -5px
    }

        .uc-companyList .list2 .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 20px;
            overflow: hidden
        }

            .uc-companyList .list2 .item img {
                -webkit-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear
            }

            .uc-companyList .list2 .item:hover img {
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

        .uc-companyList .list2 .img {
            width: 36px;
            border-radius: 100%;
            height: 36px;
            overflow: hidden
        }

            .uc-companyList .list2 .img img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

        .uc-companyList .list2 .right {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0;
            margin-left: 10px
        }

        .uc-companyList .list2 h3 {
            font-size: 14px;
            line-height: 18px;
            overflow: hidden;
            margin-bottom: 5px;
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .uc-companyList .list2 .txt {
            font-size: 12px;
            color: #999;
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

.uc-product {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-product .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .uc-product .list li {
            width: 230px;
            margin-right: 10px;
            margin-bottom: 15px;
            background-color: #fff;
            overflow: hidden;
            -webkit-transition: all .3s linear;
            -o-transition: all .3s linear;
            transition: all .3s linear
        }

            .uc-product .list li:nth-child(4n) {
                margin-right: 0
            }

            .uc-product .list li img {
                -webkit-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear
            }

            .uc-product .list li:hover .img  img{
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

            .uc-product .list li:hover {
                -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
                box-shadow: 0 5px 15px 0 rgba(0,0,0,.1)
            }

        .uc-product .list .img {
            width: 100%;
            height: 160px;
            overflow: hidden
        }

            .uc-product .list .img img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

        .uc-product .list .btm {
            padding: 10px 15px
        }

        .uc-product .list h3 {
            font-size: 14px;
            line-height: 18px;
            height: 36px;
            overflow: hidden;
            margin-bottom: 10px
        }

        .uc-product .list .con {
            font-size: 12px;
            line-height: 15px;
            height: 45px;
            overflow: hidden;
            color: #666;
            margin-bottom: 10px
        }

        .uc-product .list .txt {
            font-size: 14px;
            line-height: 18px;
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            margin-bottom: 10px
        }

        .uc-product .list .other {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .uc-product .list .other img {
                display: block;
                margin-left: 10px
            }

                .uc-product .list .other img:first-child {
                    margin-left: 0
                }

    .uc-product .list2 .item {
        background-color: #fff;
        margin-bottom: 10px;
        display: block
    }

    .uc-product .list2 .img {
        width: 100%;
        height: 240px;
        overflow: hidden
    }

        .uc-product .list2 .img img {
            width: 100%;
            height: 100%;
            display: block;
            -o-object-fit: cover;
            object-fit: cover
        }

        .uc-product .list2 .img img {
            -webkit-transition: all .3s linear;
            -o-transition: all .3s linear;
            transition: all .3s linear
        }

        .uc-product .list2 .img:hover img {
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1)
        }

    .uc-product .list2 .btm {
        line-height: 40px;
        padding: 0 10px
    }

.uc-activity {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-activity .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .uc-activity .list li {
            width: 290px;
            margin-right: 13px;
            margin-bottom: 13px;
            background-color: #fff;
            overflow: hidden;
            -webkit-transition: all .3s linear;
            -o-transition: all .3s linear;
            transition: all .3s linear
        }

            .uc-activity .list li:nth-child(3n) {
                margin-right: 0
            }

            .uc-activity .list li img {
                -webkit-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear
            }

            .uc-activity .list li:hover img {
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

            .uc-activity .list li:hover {
                -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
                box-shadow: 0 5px 15px 0 rgba(0,0,0,.1)
            }

        .uc-activity .list .img {
            width: 100%;
            height: 160px;
            overflow: hidden
        }

            .uc-activity .list .img img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

        .uc-activity .list .con {
            padding: 10px 15px
        }

        .uc-activity .list .btm {
            border-top: #e9e9e9 1px solid;
            height: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0 15px;
            color: #596789
        }

            .uc-activity .list .btm img {
                display: block;
                margin-right: 10px
            }

        .uc-activity .list h3 {
            font-size: 16px;
            line-height: 22px;
            height: 44px;
            overflow: hidden;
            margin-bottom: 10px;
            font-weight: bold
        }

        .uc-activity .list .time-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .uc-activity .list time {
            color: #999;
            font-size: 15px
        }

        .uc-activity .list .time {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #999;
            font-size: 15px;
            font-weight: lighter
        }

            .uc-activity .list .time img {
                margin-right: 10px
            }

        .uc-activity .list .uc-btn {
            width: 90px;
            border-radius: 2px;
            height: 28px;
            font-size: 12px
        }

            .uc-activity .list .uc-btn.gray {
                background-color: #ccc;
                border-color: #ccc
            }

    .uc-activity .main-right {
        background-color: #fff;
        padding: 20px 15px 5px
    }

        .uc-activity .main-right .uc-btn {
            font-size: 13px;
            font-weight: bold
        }

    .uc-activity .list2 {
        margin-top: -5px
    }

        .uc-activity .list2 .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 10px;
            padding-bottom: 10px;
            overflow: hidden;
            border-bottom: #e9e9e9 1px solid
        }

            .uc-activity .list2 .item img {
                -webkit-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear
            }

            .uc-activity .list2 .item:hover img {
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

            .uc-activity .list2 .item:last-child {
                margin-bottom: 8px
            }

        .uc-activity .list2 .img {
            width: 50px;
            height: 50px;
            overflow: hidden
        }

            .uc-activity .list2 .img img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

        .uc-activity .list2 .right {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0;
            margin-left: 10px
        }

        .uc-activity .list2 h3 {
            font-size: 14px;
            line-height: 18px;
            height: 36px;
            overflow: hidden;
            margin-bottom: 5px
        }

        .uc-activity .list2 .time {
            font-size: 12px;
            color: #999
        }

.uc-forum-banner {
    margin-bottom: 20px
}

    .uc-forum-banner .swiper-slide {
        width: 100%;
        height: 628px;
        position: relative
    }

        .uc-forum-banner .swiper-slide img {
            width: 100%;
            height: 100%;
            display: block;
            -o-object-fit: cover;
            object-fit: cover
        }

    .uc-forum-banner .box {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 1200px;
        color: #fff;
        text-align: center
    }

        .uc-forum-banner .box h2 {
            font-size: 60px;
            font-weight: bold;
            line-height: 1.25em
        }

        .uc-forum-banner .box h3 {
            font-size: 32px;
            line-height: 1.5em
        }

        .uc-forum-banner .box p {
            font-size: 24px;
            line-height: 1.5em
        }

        .uc-forum-banner .box .tags {
            font-size: 24px;
            margin-bottom: 1em
        }

        .uc-forum-banner .box .uc-btn {
            width: 200px;
            border-radius: 50px;
            height: 50px;
            line-height: 50px;
            margin: 30px auto 0;
            font-size: 30px
        }

    .uc-forum-banner .swiper-pagination {
        bottom: 20px
    }

    .uc-forum-banner .swiper-pagination-bullet {
        background-color: #fff;
        opacity: 1
    }

    .uc-forum-banner .swiper-pagination-bullet-active {
        background-color: #fff;
        width: 1.5em;
        border-radius: 1.15em
    }

.uc-forum {
    padding-bottom: 40px
}

    .uc-forum .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .uc-forum .list li {
            width: 290px;
            height: 270px;
            margin-right: 13px;
            margin-bottom: 13px;
            background-color: #fff;
            overflow: hidden;
            -webkit-transition: all .3s linear;
            -o-transition: all .3s linear;
            transition: all .3s linear
        }

            .uc-forum .list li:nth-child(4n) {
                margin-right: 0
            }

            .uc-forum .list li img {
                -webkit-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear
            }

            .uc-forum .list li:hover img {
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

            .uc-forum .list li:hover {
                -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
                box-shadow: 0 5px 15px 0 rgba(0,0,0,.1)
            }

        .uc-forum .list .img {
            width: 100%;
            height: 160px;
            overflow: hidden
        }

            .uc-forum .list .img img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

        .uc-forum .list .btm {
            border: #e9e9e9 1px solid;
            border-top: none;
            height: 110px;
            padding: 15px
        }

        .uc-forum .list h3 {
            font-size: 16px;
            line-height: 22px;
            height: 44px;
            overflow: hidden;
            margin-bottom: 10px;
            font-weight: bold
        }

        .uc-forum .list .time {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #999;
            font-size: 15px;
            font-weight: lighter
        }

            .uc-forum .list .time img {
                margin-right: 10px
            }

.uc-companyDetail, .uc-productDetail {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-companyDetail .uc-content, .uc-productDetail .uc-content {
        background-color: #fff
    }

    .uc-companyDetail .filter, .uc-productDetail .filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: #e9e9e9 1px solid
    }

        .uc-companyDetail .filter .item, .uc-productDetail .filter .item {
            line-height: 40px;
            padding: 0 35px;
            color: #666;
            font-size: 21px;
            display: block
        }

            .uc-companyDetail .filter .item.on, .uc-productDetail .filter .item.on {
                position: relative;
                font-weight: bold
            }

                .uc-companyDetail .filter .item.on:after, .uc-productDetail .filter .item.on:after {
                    content: "";
                    width: 100%;
                    height: 3px;
                    background-color: #000;
                    position: absolute;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                    bottom: 0
                }

.uc-productDetail-1 {
    padding: 30px 25px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .uc-productDetail-1 .left-box {
        position: relative;
        width: 460px;
        overflow: hidden
    }

    .uc-productDetail-1 .right-box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        margin-left: 20px
    }

        .uc-productDetail-1 .right-box h1 {
            font-size: 21px;
            line-height: 24px;
            font-weight: bold;
            margin-bottom: 15px
        }

    .uc-productDetail-1 .intro {
        line-height: 24px;
        padding: 10px 20px;
        background-color: #f5f7fa;
        margin-bottom: 20px
    }

    .uc-productDetail-1 .info .e2 {
        margin-right: 2em
    }

    .uc-productDetail-1 .info li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0;
        margin-bottom: 5px
    }

    .uc-productDetail-1 .info .item {
        margin-right: 2em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .uc-productDetail-1 .info .item:last-child {
            margin-right: 0
        }

        .uc-productDetail-1 .info .item img {
            display: block;
            margin-right: 5px
        }

    .uc-productDetail-1 .operate {
        padding: 10px 0
    }

        .uc-productDetail-1 .operate .uc-btn {
            width: 110px;
            border-radius: 4px;
            height: 34px
        }

.uc-productDetail-2 {
    padding: 40px 100px
}

    .uc-productDetail-2 table {
        width: 100%;
        border: #e9e9e9 1px solid
    }

        .uc-productDetail-2 table td {
            border: #e9e9e9 1px solid;
            padding: 5px 10px;
            line-height: 30px
        }

        .uc-productDetail-2 table .name {
            width: 12%;
            text-align: right;
            background-color: #f5f6f6
        }

        .uc-productDetail-2 table .more {
            display: none
        }

    .uc-productDetail-2 .operate {
        border: #e9e9e9 1px solid;
        border-top: none;
        padding: 5px 10px;
        line-height: 30px;
        margin-bottom: 40px
    }

        .uc-productDetail-2 .operate .btn2 {
            display: none
        }

    .uc-productDetail-2 article img {
        display: block;
        margin: 0 auto;
        width: 100%
    }

.uc-productDetail-3 {
    padding: 20px 100px 40px
}

    .uc-productDetail-3 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .uc-productDetail-3 .list li {
            width: 235px;
            margin-right: 20px;
            margin-bottom: 20px
        }

            .uc-productDetail-3 .list li:nth-child(4n) {
                margin-right: 0
            }

        .uc-productDetail-3 .list .img {
            width: 235px;
            height: 235px;
            overflow: hidden;
            overflow: hidden;
            margin-bottom: 10px
        }

            .uc-productDetail-3 .list .img img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

            .uc-productDetail-3 .list .img img {
                -webkit-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear
            }

            .uc-productDetail-3 .list .img:hover img {
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

        .uc-productDetail-3 .list h3 {
            font-size: 15px;
            font-weight: bold;
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .uc-productDetail-3 .list .con {
            font-size: 14px;
            line-height: 20px;
            height: 40px;
            overflow: hidden;
            color: #999;
            margin-top: 5px
        }

.uc-productDetail-4 {
    padding: 20px 100px 40px
}

    .uc-productDetail-4 .intro {
        font-size: 14px;
        line-height: 26px;
        text-align: justify;
        text-indent: 2em
    }

.uc-companyDetail .filter {
    background: none
}

.uc-companyDetail-1 {
    margin-bottom: 30px;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .uc-companyDetail-1 .img-box {
        width: 800px;
        height: 590px;
        overflow: hidden;
        position: relative
    }

        .uc-companyDetail-1 .img-box img {
            width: 100%;
            height: 100%;
            display: block;
            -o-object-fit: cover;
            object-fit: cover
        }

        .uc-companyDetail-1 .img-box:hover .over {
            opacity: 1
        }

    .uc-companyDetail-1 video {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #000;
        -o-object-fit: cover;
        object-fit: cover
    }

    .uc-companyDetail-1 .over {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: rgba(0,0,0,.5);
        color: #fff;
        padding: 10px;
        text-align: center;
        opacity: 0;
        line-height: 1.5em;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .uc-companyDetail-1 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 390px
    }

        .uc-companyDetail-1 .list li {
            width: 190px;
            height: 190px;
            overflow: hidden;
            margin-top: 10px;
            position: relative
        }

            .uc-companyDetail-1 .list li img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

            .uc-companyDetail-1 .list li:nth-child(1), .uc-companyDetail-1 .list li:nth-child(2) {
                margin-top: 0
            }

            .uc-companyDetail-1 .list li:hover .over {
                opacity: 1
            }

.uc-companyDetail-2 {
    padding: 20px;
    margin-bottom: 30px
}

    .uc-companyDetail-2 .intro {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px
    }

    .uc-companyDetail-2 .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px
    }

        .uc-companyDetail-2 .title img {
            display: block;
            margin-right: 5px
        }

        .uc-companyDetail-2 .title .n {
            font-size: 24px;
            line-height: 33px;
            font-weight: bold;
            margin-right: 5px
        }

        .uc-companyDetail-2 .title .addr {
            color: #999;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

    .uc-companyDetail-2 table {
        width: 100%;
        border: #e9e9e9 1px solid
    }

        .uc-companyDetail-2 table td {
            border: #e9e9e9 1px solid;
            padding: 5px 10px;
            line-height: 30px
        }

        .uc-companyDetail-2 table .name {
            width: 10%;
            background-color: #f5f6f6;
            text-align: center;
            color: #797979;
            font-weight: bold
        }

        .uc-companyDetail-2 table .more {
            display: none
        }

        .uc-companyDetail-2 table .uc-btn {
            margin-left: 20px
        }

        .uc-companyDetail-2 table .e05 {
            margin-right: .5em
        }

        .uc-companyDetail-2 table .uc-tag {
            line-height: 22px;
            border-radius: 4px;
            margin-right: 5px;
            background-color: #f7f7f7;
            display: inline-block;
            font-size: 14px;
            color: #596789;
            padding: 0 10px
        }

            .uc-companyDetail-2 table .uc-tag:last-child {
                margin-right: 0
            }

.uc-companyDetail-3 {
    margin-bottom: 30px;
  /*  background: none !important*/
}

    .uc-companyDetail-3 .g-titleLine {
        margin-left: 20px;
        padding-right: 20px
    }

    .uc-companyDetail-3 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .uc-companyDetail-3 .list li {
            width: 290px;
            margin-right: 10px;
            margin-bottom: 10px;
            background-color: #fff;
            overflow: hidden;
            -webkit-transition: all .3s linear;
            -o-transition: all .3s linear;
            transition: all .3s linear
        }

            .uc-companyDetail-3 .list li:nth-child(4n) {
                margin-right: 0
            }

            .uc-companyDetail-3 .list li img {
                -webkit-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear
            }

            .uc-companyDetail-3 .list li:hover img {
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

            .uc-companyDetail-3 .list li:hover {
                -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
                box-shadow: 0 5px 15px 0 rgba(0,0,0,.1)
            }

        .uc-companyDetail-3 .list .img {
            width: 100%;
            height: 160px;
            overflow: hidden
        }

            .uc-companyDetail-3 .list .img img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

        .uc-companyDetail-3 .list .con {
            padding: 10px 15px
        }

        .uc-companyDetail-3 .list .btm {
            border-top: #e9e9e9 1px solid;
            height: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0 15px;
            color: #596789
        }

            .uc-companyDetail-3 .list .btm img {
                display: block;
                margin-right: 10px
            }

        .uc-companyDetail-3 .list h3 {
            font-size: 16px;
            line-height: 22px;
            height: 44px;
            overflow: hidden;
            margin-bottom: 10px;
            font-weight: bold
        }

        .uc-companyDetail-3 .list .time-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .uc-companyDetail-3 .list time {
            color: #999;
            font-size: 15px
        }

        .uc-companyDetail-3 .list .time {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #999;
            font-size: 15px;
            font-weight: lighter
        }

            .uc-companyDetail-3 .list .time img {
                margin-right: 10px
            }

        .uc-companyDetail-3 .list .uc-btn {
            width: 90px;
            border-radius: 2px;
            height: 28px;
            font-size: 12px
        }

            .uc-companyDetail-3 .list .uc-btn.gray {
                background-color: #ccc;
                border-color: #ccc
            }

.uc-companyDetail-4 {
    padding: 20px;
    margin-bottom: 30px
}

    .uc-companyDetail-4 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .uc-companyDetail-4 .list li {
            width: 220px;
            margin-right: 15px;
            margin-bottom: 15px
        }

            .uc-companyDetail-4 .list li:nth-child(5n) {
                margin-right: 0
            }

        .uc-companyDetail-4 .list .img {
            width: 220px;
            height: 220px;
            overflow: hidden;
            overflow: hidden;
            margin-bottom: 10px
        }

            .uc-companyDetail-4 .list .img img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

            .uc-companyDetail-4 .list .img img {
                -webkit-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear
            }

            .uc-companyDetail-4 .list .img:hover img {
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

        .uc-companyDetail-4 .list h3 {
            font-size: 15px;
            font-weight: bold;
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .uc-companyDetail-4 .list .con {
            font-size: 14px;
            line-height: 20px;
            height: 40px;
            overflow: hidden;
            color: #999;
            margin-top: 5px
        }

.uc-companyDetail-5 {
    padding: 20px
}

    .uc-companyDetail-5 .intro {
        font-size: 14px;
        line-height: 26px;
        text-align: justify;
        text-indent: 2em
    }

.uc-activityDetail, .uc-forumDetail {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-activityDetail .card, .uc-forumDetail .card {
        background-color: #fff;
        margin-bottom: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: unset;
        flex-direction:unset;
    }

        .uc-activityDetail .card .img, .uc-forumDetail .card .img {
            width: 680px;
            height: 370px;
            overflow: hidden;
            position: relative;
            overflow: hidden
        }

            .uc-activityDetail .card .img img, .uc-forumDetail .card .img img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

            .uc-activityDetail .card .img img, .uc-forumDetail .card .img img {
                -webkit-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear
            }

            .uc-activityDetail .card .img:hover img, .uc-forumDetail .card .img:hover img {
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

            .uc-activityDetail .card .img:hover .over, .uc-forumDetail .card .img:hover .over {
                opacity: 1
            }

        .uc-activityDetail .card .right, .uc-forumDetail .card .right {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0;
            height: 370px;
            padding: 20px;
            position: relative
        }

        .uc-activityDetail .card h1, .uc-forumDetail .card h1 {
            font-size: 21px;
            line-height: 24px;
            max-height: 48px;
            overflow: hidden;
            font-weight: bold;
            margin-bottom: 10px
        }

        .uc-activityDetail .card .con, .uc-forumDetail .card .con {
            background-color: #f5f7fa;
            padding: 15px;
            font-size: 14px;
            line-height: 24px;
            text-align: justify;
            color: #3e454d
        }

        .uc-activityDetail .card .uc-btn, .uc-forumDetail .card .uc-btn {
            position: absolute;
            right: 20px;
            bottom: 30px;
            font-size: 16px;
            width: 150px;
            border-radius: 4px;
            height: 40px
        }

    .uc-activityDetail .over, .uc-forumDetail .over {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
        color: #fff;
        text-align: center;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        opacity: 0;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .uc-activityDetail .over h3, .uc-forumDetail .over h3 {
            margin-bottom: 10px;
            font-size: 16px
        }

        .uc-activityDetail .over .txt, .uc-forumDetail .over .txt {
            line-height: 1.5em
        }

    .uc-activityDetail .info li, .uc-forumDetail .info li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px
    }

    .uc-activityDetail .info img, .uc-forumDetail .info img {
        display: block;
        margin-right: 5px
    }

    .uc-activityDetail .info .r, .uc-forumDetail .info .r {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        color: #666
    }

    .uc-activityDetail .info .txt, .uc-forumDetail .info .txt {
        color: #333
    }

    .uc-activityDetail article, .uc-forumDetail article {
        display: block;
        background-color: #fff
    }

        .uc-activityDetail article .g-titleLine, .uc-forumDetail article .g-titleLine {
            margin: 0 20px;
            height: 60px
        }

        .uc-activityDetail article .box img, .uc-forumDetail article .box img {
            display: block
        }

.uc-newsDetail {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-newsDetail .main-left {
        background-color: #fff;
        padding: 40px 30px
    }

        .uc-newsDetail .main-left h1 {
            text-align: center;
            font-size: 21px;
            line-height: 24px;
            font-weight: bold;
            margin-bottom: 10px
        }

        .uc-newsDetail .main-left .time {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #999
        }

            .uc-newsDetail .main-left .time img {
                display: block;
                margin-right: 5px
            }

    .uc-newsDetail .box {
        padding: 30px;
        border-top: #e9e9e9 1px solid;
        margin-top: 20px;
        font-size: 16px;
        line-height: 36px;
        text-align: justify
    }

        .uc-newsDetail .box p {
            text-indent: 2em
        }

        .uc-newsDetail .box > img {
            display: block;
            max-width: 700px;
            margin: 0 auto 20px
        }

    .uc-newsDetail table {
        width: 100%;
        margin-top: 20px;
        color: #3e454d
    }

        .uc-newsDetail table th {
            background-color: #f9fbff;
            font-weight: bold;
            font-size: 16px
        }

        .uc-newsDetail table th, .uc-newsDetail table td {
            height: 50px;
            padding: 0 10px;
            text-align: center;
            border: #e9e9e9 1px solid
        }

        .uc-newsDetail table img {
            margin: 0 5px 0 0;
            display: block
        }

        .uc-newsDetail table td {
            font-size: 14px
        }

            .uc-newsDetail table td:first-child {
                font-size: 16px
            }

    .uc-newsDetail .main-right {
        background-color: #fff;
        padding: 20px 15px 25px
    }

    .uc-newsDetail .list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 40px
    }

        .uc-newsDetail .list li:nth-child(1) .number, .uc-newsDetail .list li:nth-child(2) .number, .uc-newsDetail .list li:nth-child(3) .number {
            color: #c90908
        }

    .uc-newsDetail .list a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        margin-right: 10px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .uc-newsDetail .list time {
        color: #999
    }

    .uc-newsDetail .list .number {
        font-size: 15px;
        font-weight: bold;
        min-width: 24px;
        color: #ff7e3d
    }

.uc-home-banner .swiper-slide {
    width: 100%;
    height: 650px;
    overflow: hidden;
    position: relative
}

    .uc-home-banner .swiper-slide img {
        width: 100%;
        height: 100%;
        display: block;
        -o-object-fit: cover;
        object-fit: cover
    }

    .uc-home-banner .swiper-slide:hover .over {
        opacity: 1
    }

.uc-home-banner .swiper-pagination {
    bottom: 20px
}

.uc-home-banner .swiper-pagination-bullet {
    background-color: #fff;
    opacity: .8
}

.uc-home-banner .swiper-pagination-bullet-active {
    background-color: #846231;
    width: 2em;
    border-radius: 1.15em
}

.uc-home-banner .over {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    padding: 10px;
    text-align: center;
    opacity: 0;
    line-height: 1.5em;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

    .uc-home-banner .over h2 {
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 36px;
        line-height: 1.5em
    }

    .uc-home-banner .over h3 {
        margin-bottom: 10px;
        line-height: 1.5em;
        font-size: 18px
    }

    .uc-home-banner .over .con {
        line-height: 1.5em;
        text-align: center
    }

.uc-home-banner .uc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.uc-home-2 {
    background-color: #fff
}

    .uc-home-2 .uc-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .uc-home-2 .btn img {
        display: block;
        cursor: pointer
    }

    .uc-home-2 .swiper-box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        overflow: hidden;
        padding: 60px 0
    }

    .uc-home-2 .item {
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0 auto
    }

        .uc-home-2 .item img {
            display: block;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%
        }

        .uc-home-2 .item:hover {
            -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
            box-shadow: 0 5px 15px 0 rgba(0,0,0,.1)
        }

            .uc-home-2 .item:hover .over {
                background-color: rgba(0,0,0,.5)
            }

            .uc-home-2 .item:hover .over1 {
                opacity: 0
            }

            .uc-home-2 .item:hover .over2 {
                opacity: 1
            }

    .uc-home-2 .over {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        color: #fff;
        padding: 10px;
        text-align: center;
        line-height: 1.5em;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .uc-home-2 .over h3 {
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 36px
        }

        .uc-home-2 .over p {
            font-size: 18px;
            line-height: 1.5em
        }

        .uc-home-2 .over small {
            font-size: 18px
        }

        .uc-home-2 .over .con {
            line-height: 1.5em;
            text-align: center
        }

    .uc-home-2 .over2 {
        opacity: 0
    }

    .uc-home-2 .swiper-container {
        width: 100%;
        height: 100%
    }

    .uc-home-2 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    .uc-home-2 .swiper-slide-active, .uc-home-2 .swiper-slide-duplicate-active {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.uc-home-3 {
    padding-bottom: 60px;
    background-color: #fff
}

    .uc-home-3 .total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uc-home-3 .name {
        width: 170px;
        line-height: 34px;
        background-color: #000;
        color: #fff;
        text-align: center;
        font-size: 18px;
        margin-right: 50px;
        margin-top: 20px
    }

    .uc-home-3 .part {
        margin-right: 50px;
        text-align: center
    }

        .uc-home-3 .part p {
            font-size: 14px;
            line-height: 1.5em;
            color: #666
        }

        .uc-home-3 .part .uc-blue {
            color: #3b9cc7
        }

    .uc-home-3 .number {
        font-size: 46px
    }

.uc-home-4 {
    background-color: #000
}

    .uc-home-4 img {
        display: block
    }

    .uc-home-4 .list1 {
        height: 396px;
        position: relative
    }

        .uc-home-4 .list1 li {
            position: absolute;
            overflow: hidden
        }

        .uc-home-4 .list1 img {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%
        }

        .uc-home-4 .list1 .li1, .uc-home-4 .list1 .li2, .uc-home-4 .list1 .li3, .uc-home-4 .list1 .li4, .uc-home-4 .list1 .li5 {
            top: 0
        }

        .uc-home-4 .list1 .li8 {
            top: 118px
        }

        .uc-home-4 .list1 .li6, .uc-home-4 .list1 .li7, .uc-home-4 .list1 .li9, .uc-home-4 .list1 .li10 {
            bottom: 0
        }

        .uc-home-4 .list1 .li1 {
            width: 310px;
            height: 216px
        }

        .uc-home-4 .list1 .li4 .over-small {
          
            width:60%;
        }
        .uc-home-4 .list1 .li5 .over-small {
            width:56%;
        }


        .uc-home-4 .list1 .li8 .over-small {
            width: 90%;
        }

        .uc-home-4 .list1 .li9 .over-small {
            width: 80%;
        }



        .uc-home-4 .list1 .li2 {
            width: 297px;
            height: 160px
        }

        .uc-home-4 .list1 .li3 {
            width: 190px;
            height: 98px
        }

        .uc-home-4 .list1 .li4 {
            width: 168px;
            height: 216px
        }

        .uc-home-4 .list1 .li5 {
            width: 166px;
            height: 216px
        }

        .uc-home-4 .list1 .li6 {
            width: 310px;
            height: 160px
        }

        .uc-home-4 .list1 .li7 {
            width: 297px;
            height: 216px
        }

        .uc-home-4 .list1 .li8 {
            width: 190px;
            height: 98px
        }

        .uc-home-4 .list1 .li9 {
            width: 190px;
            height: 160px
        }

        .uc-home-4 .list1 .li10 {
            width: 354px;
            height: 160px
        }

        .uc-home-4 .list1 .li1, .uc-home-4 .list1 .li6 {
            left: 0
        }

        .uc-home-4 .list1 .li2, .uc-home-4 .list1 .li7 {
            left: 330px
        }

        .uc-home-4 .list1 .li3, .uc-home-4 .list1 .li8, .uc-home-4 .list1 .li9 {
            left: 640px
        }

        .uc-home-4 .list1 .li4 {
            right: 185px
        }

        .uc-home-4 .list1 .li5, .uc-home-4 .list1 .li10 {
            right: 0
        }

    .uc-home-4 .list2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .uc-home-4 .list2 li {
            width: 386px;
            height: 100px;
            overflow: hidden;
            margin-top: 20px;
            position: relative
        }

            .uc-home-4 .list2 li img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

    .uc-home-4 li:hover {
        -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
        box-shadow: 0 5px 15px 0 rgba(0,0,0,.1)
    }

        .uc-home-4 li:hover .over {
            opacity: 0.9
        }

        .uc-home-4 li:hover .over-small {
            opacity: 0
        }

    .uc-home-4 .over-small {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 5px 10px;
        background-color: rgba(0,0,0,.5);
        color: #fff;
        text-align: center
    }

        .uc-home-4 .over-small h3 {
            margin-bottom: 4px;
            font-size: 20px;
            line-height: 1.5em
        }

        .uc-home-4 .over-small p {
            font-size: 12px;
            line-height: 1.5em
        }

    .uc-home-4 .over {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
        color: #fff;
        padding: 5px;
        text-align: center;
        opacity: 0;
        line-height: 1.5em;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .uc-home-4 .over h3 {
            margin-bottom: 10px;
            font-size: 20px;
            line-height: 1.5em;
            width: 100%
        }

        .uc-home-4 .over p {
            font-size: 12px;
            line-height: 1.5em
        }

        .uc-home-4 .over small {
            font-size: 18px
        }

        .uc-home-4 .over .con {
            line-height: 1.5em;
            text-align: center
        }

.uc-home-5 {
    background-color: #fff
}

    .uc-home-5 .uc-content {
        padding: 50px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uc-home-5 .name {
        width: 40px;
        height: 120px;
        background-color: #000;
        color: #fff;
        font-size: 20px;
        padding: 5px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uc-home-5 .swiper-box {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        margin-left: 10px;
        padding: 0 50px
    }

    .uc-home-5 .btn {
        text-align: center;
        cursor: pointer;
        width: 36px;
        border-radius: 100%;
        height: 36px;
        line-height: 36px;
        font-size: 24px;
        outline: none;
        background-color: rgba(255,255,255,.5);
        -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
        box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .uc-home-5 .btn.btn-prev {
            left: 0
        }

        .uc-home-5 .btn.btn-next {
            right: 0
        }

    .uc-home-5 .item {
        width: 130px;
        height: 70px;
        overflow: hidden;
        margin: 0 auto
    }

        .uc-home-5 .item img {
            width: 100%;
            height: 100%;
            display: block;
            -o-object-fit: cover;
            object-fit: cover
        }

            .uc-home-5 .item img:hover {
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

.uc-home-6 {
    background-color: #fff
}

    .uc-home-6 .uc-content {
        padding: 50px 0;
        border-top: #000 1px solid;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uc-home-6 .name {
        width: 40px;
        height: 190px;
        background-color: #000;
        color: #fff;
        font-size: 20px;
        padding: 5px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uc-home-6 .list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        margin-left: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .uc-home-6 .list li {
            width: 270px;
            text-align: center
        }

        .uc-home-6 .list .img {
            width: 100%;
            height: 190px;
            overflow: hidden;
            overflow: hidden;
            margin-bottom: 10px
        }

            .uc-home-6 .list .img img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

            .uc-home-6 .list .img img {
                -webkit-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear
            }

            .uc-home-6 .list .img:hover img {
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

        .uc-home-6 .list h3 {
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

.uc-home-7 {
    background-color: #fff
}

    .uc-home-7 .uc-content {
        padding: 60px 0;
        border-top: #000 1px solid;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .uc-home-7 .name {
        font-size: 18px;
        margin-right: 20px
    }

    .uc-home-7 img {
        display: block;
        margin-right: 20px ;
        object-fit:cover;
        height: 80px;
    }

    .uc-home-7 img:hover  {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

.uc-forumHistory {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-forumHistory .main-left {
        background-color: #fff
    }

    .uc-forumHistory .info {
        padding: 20px 15px
    }

        .uc-forumHistory .info h1 {
            font-size: 21px;
            line-height: 24px;
            font-weight: bold;
            margin-bottom: 10px
        }

        .uc-forumHistory .info p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #999
        }

        .uc-forumHistory .info img {
            display: block;
            margin-right: 5px
        }

    .uc-forumHistory video {
        display: block;
        background-color: #000;
        height: 480px
    }

    .uc-forumHistory .main-right {
        background-color: #fff;
        padding: 20px 15px 5px
    }

    .uc-forumHistory .list {
        margin-top: -5px
    }

        .uc-forumHistory .list .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 10px;
            overflow: hidden
        }

            .uc-forumHistory .list .item img {
                -webkit-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear
            }

            .uc-forumHistory .list .item:hover img {
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

            .uc-forumHistory .list .item:last-child {
                margin-bottom: 8px
            }

        .uc-forumHistory .list .img {
            width: 140px;
            height: 70px;
            overflow: hidden
        }

            .uc-forumHistory .list .img img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

        .uc-forumHistory .list .right {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0;
            margin-left: 10px
        }

        .uc-forumHistory .list h3 {
            font-size: 14px;
            font-weight: bold;
            line-height: 20px;
            height: 40px;
            overflow: hidden;
            margin-bottom: 5px
        }

        .uc-forumHistory .list .time {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #999
        }

            .uc-forumHistory .list .time img {
                display: block;
                margin-right: 5px
            }

    .uc-forumHistory .uc-btn {
        font-size: 13px;
        font-weight: bold
    }

.uc-about {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-about .uc-content {
        background-color: #fff;
        width: 850px
    }

    .uc-about video {
        display: block;
        background-color: #000;
        height: 480px
    }

    .uc-about article {
        padding: 32px
    }

        .uc-about article p {
            font-size: 14px;
            line-height: 24px;
            text-align: justify;
            margin-bottom: 24px
        }

.uc-contact {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-contact .uc-content {
        background-color: #fff;
        padding: 20px
    }

    .uc-contact .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-bottom: 40px
    }

        .uc-contact .list li {
            border: #e9e9e9 1px solid;
            width: 280px;
            margin-right: 10px;
            margin-bottom: 10px
        }

            .uc-contact .list li:nth-child(4n) {
                margin-right: 0
            }

        .uc-contact .list h3 {
            line-height: 36px;
            background-color: #333;
            text-align: center;
            color: #fff;
            font-size: 16px;
            font-weight: bold
        }

        .uc-contact .list .con {
            padding: 30px;
            font-size: 15px;
            line-height: 26px
        }

        .uc-contact .list .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .uc-contact .list .r {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0;
            color: #596789
        }

    .uc-contact .map-box {
        margin-bottom: 30px
    }

        .uc-contact .map-box > img {
            display: block
        }

.uc-release {
    padding-top: 20px;
    padding-bottom: 40px
}

    .uc-release .main-left {
        background-color: #fff;
        padding-bottom: 20px
    }

        .uc-release .main-left .g-titleLine {
            margin-top: 20px;
            margin-left: 15px;
            margin-right: 15px
        }

    .uc-release .info {
        padding: 20px 15px
    }

        .uc-release .info h1 {
            font-size: 21px;
            line-height: 24px;
            font-weight: bold;
            margin-bottom: 10px
        }

        .uc-release .info p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #999
        }

        .uc-release .info img {
            display: block;
            margin-right: 5px
        }

    .uc-release video {
        display: block;
        background-color: #000;
        height: 480px
    }

    .uc-release .swiper-box {
        padding: 0 24px;
        position: relative
    }

        .uc-release .swiper-box .btn {
            text-align: center;
            cursor: pointer;
            width: 24px;
            height: 24px;
            line-height: 24px;
            font-size: 20px;
            outline: none;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

            .uc-release .swiper-box .btn.btn-prev {
                left: 0
            }

            .uc-release .swiper-box .btn.btn-next {
                right: 0
            }

    .uc-release .main-right {
        background-color: #fff;
        padding: 20px 0 5px 15px;
        height: 795px;
        position: relative
    }

    .uc-release .box {
        padding-right: 15px;
        overflow-x: hidden;
        overflow-y: auto;
        height: 650px;
        position: relative
    }

        .uc-release .box::-webkit-scrollbar {
            width: 8px;
            height: 8px;
            background-color: rgba(0,0,0,0);
            border-radius: 8px
        }

        .uc-release .box::-webkit-scrollbar-track {
            border-radius: 5px;
            background-color: rgba(0,0,0,0)
        }

        .uc-release .box::-webkit-scrollbar-thumb {
            border-radius: 5px;
            background-color: #c2c2c2
        }

            .uc-release .box::-webkit-scrollbar-thumb:hover {
                background: #c2c2c2;
                -webkit-transition: .3s ease-in-out;
                transition: .3s ease-in-out
            }

    .uc-release .list li {
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 20px
    }

        .uc-release .list li::after {
            display: block;
            clear: both;
            content: ""
        }

    .uc-release .list .name {
        color: #999
    }

    .uc-release .tips-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        height: 40px;
        position: absolute;
        left: 0;
        top: 675px;
        width: 100%
    }

        .uc-release .tips-box .uc-tag {
            background-color: rgba(255,194,164,.17);
            font-size: 13px;
            color: #ff7e3d;
            border-radius: 24px;
            padding: 0 12px;
            line-height: 24px
        }

    .uc-release .operate {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 15px;
        margin-top: 15px
    }

        .uc-release .operate .con {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0;
            border: #e9e9e9 1px solid;
            height: 50px;
            overflow: hidden
        }

        .uc-release .operate .uc-btn {
            width: 60px;
            border-radius: 0 2px 2px 0;
            height: 50px
        }

        .uc-release .operate .uc-input {
            height: 50px;
            border: none;
            border-radius: 2px 0 0 2px;
            border: none;
            text-align: center
        }

        .uc-release .operate .login-tips {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 50px;
            color: #999
        }

.uc-fullVideo {
    background-color: #000;
    height: 100vh;
    position: relative
}

    .uc-fullVideo .g-titleLine {
        color: #fff
    }

        .uc-fullVideo .g-titleLine:after {
            background-color: #fff
        }

    .uc-fullVideo .video-box video {
        display: block;
        height: 100vh
    }

    .uc-fullVideo .side-box {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 10px;
        background-color: rgba(0,0,0,.9);
        width: 180px;
        padding: 15px;
        z-index: 99
    }

        .uc-fullVideo .side-box.style-close {
            width: 0
        }

            .uc-fullVideo .side-box.style-close .side-main {
                display: none
            }

            .uc-fullVideo .side-box.style-close .btn-more .uc-arrow-right {
                display: none
            }

            .uc-fullVideo .side-box.style-close .btn-more .uc-arrow-left {
                display: block
            }

    .uc-fullVideo .btn {
        cursor: pointer;
        text-align: center
    }

        .uc-fullVideo .btn .uc-font {
            color: #fff;
            font-size: 20px;
            line-height: 24px
        }

    .uc-fullVideo .swiper-container1 {
        height: 480px
    }

    .uc-fullVideo .swiper-box {
        margin: 10px 0
    }

    .uc-fullVideo .swiper-slide {
        width: 150px;
        height: 150px
    }

        .uc-fullVideo .swiper-slide img {
            width: 100%;
            height: 100%;
            display: block;
            -o-object-fit: cover;
            object-fit: cover
        }

        .uc-fullVideo .swiper-slide .item {
            display: block;
            width: 150px;
            height: 150px;
            overflow: hidden
        }

            .uc-fullVideo .swiper-slide .item img {
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover
            }

    .uc-fullVideo .btn-more {
        width: 20px;
        border-radius: 20px 0 0 20px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: rgba(0,0,0,.9);
        text-align: center;
        color: #fff;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -20px;
        font-size: 20px;
        padding-left: 4px;
        cursor: pointer;
        overflow: hidden
    }

        .uc-fullVideo .btn-more .uc-arrow-left {
            display: none
        }

    .uc-fullVideo .canvas {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .uc-fullVideo .operate {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 10px;
        width: 50%;
        z-index: 99;
        background-color: rgba(255,255,255,.2);
        height: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 4px;
        overflow: hidden
    }

        .uc-fullVideo .operate .uc-input {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            min-width: 0;
            height: 36px;
            border-radius: 0;
            border: none;
            background-color: rgba(0,0,0,0);
            padding: 0 10px
        }

        .uc-fullVideo .operate .uc-btn {
            width: 70px;
            border-radius: 0px;
            height: 36px
        }

        .uc-fullVideo .operate .con {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0 10px;
            color: #fff
        }