a, a:hover {
    text-decoration: none
}

:focus, a:active, a:focus, a:hover {
    outline: 0
}

.cf:after, .customs-wrapper:after {
    clear: both
}

* {
    padding: 0;
    margin: 0;
    font: 12px/20px 'PingFang SC', '鎬濇簮榛戜綋', '鍐潚榛戜綋', 'Microsoft Yahei', Arial, SimSun, 'Helvetica Neue', Helvetica, sans-serif
}

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

body, html {
    min-width: 1200px;
    height: 100%;
    background-color: #f5f5f5;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

a {
    cursor: pointer
}

img {
    vertical-align: middle;
}


.lk-header {
    width: 100%;
    height: 540px;
    background: url("images/banner.png") no-repeat center;
    background-size: auto 100%;
}

.lk-header .center {
    width: 1080px;
    height: 50px;
    margin: 0 auto;
    padding-top: 18px;
}

.lk-header .center img {
    display: block;
    width: 138px;
    height: 50px;
}

.lk-product {
    width: 1080px;
    min-height: 768px;
    margin: 0 auto;
    background-color: white;
    margin-top: -100px;
    border-radius: 10px;
    padding: 50px;
    overflow: hidden;
    box-shadow: rgba(209, 211, 218, 0.1) 0px 20px 20px 0px;
}

.lk-product-title {
    width: 268px;
    height: 72px;
    margin: 0 auto;
    background: url("images/title_product.png") no-repeat center;
    background-size: 100%;
}

.lk-product-tab {
    width: 840px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 50px auto 0;
    background: rgba(51, 51, 51, 0.02);
    border-radius: 25px;
}

.lk-product-tab > span {
    display: block;
    float: left;
    width: 140px;
    line-height: 50px;
    font-size: 20px;
    color: #333;
    cursor: pointer;
}

.lk-product-tab span.active {
    background-color: #303277;
    color: white;
    border-radius: 25px;
}

.lk-product-box {
    width: 100%;
    min-height: 426px;
    overflow: hidden;
    margin-top: 70px;
}

.lk-product-box .box {
    width: 100%;
    height: 100%;
    display: none;
}


.lk-product-box .left {
    float: left;
    margin-right: 50px;
    width: 490px;
    height: 426px;
}

.lk-product-box .left img {
    width: 490px;
    min-height: 426px;
    display: block;
   
}

.lk-product-box .right {
    float: right;
    width: 440px;
    min-height: 426px;
    position: relative;
}

.lk-product-box .right .right-title {
    width: 200px;
    height: 64px;
    background-size: 100%;
}

.lk-product-box .right .right-title img {
    width: 100%;
    height: 100%;
}

.lk-product-box .right p {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    margin-top: 32px;
}

.lk-product-box .right .btn {
    width: 180px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    background: url("images/icon_arrow.png") no-repeat 136px center;
    left: 0;
    bottom: 0;
    border-radius: 25px;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.btn-ok {
    background-color: #f44336 !important;
}

.btn-tj {
    background-color: #ff6d45 !important;
}

.btn-zk {
    background-color: #5e4dd9 !important;
}

.btn-x {
    background-color: #56a835 !important;
}

.btn-yyz {
    background-color: #4da0ff !important;
}

.btn-fly {
    background-color: #6761c8 !important;
}
.btn-xyx {
    background-color: #ff7b23 !important;
}

.lk-about {
    width: 1080px;
    height: 410px;
    padding: 0 50px;
    margin: 0 auto;
    margin-top: 80px;
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(209, 211, 218, 0.1) 0px 20px 20px 0px;
}

.lk-about .left {
    float: left;
    width: 510px;
    height: 410px;
    margin-left: 30px;
}

.lk-about .left img {
    width: 387px;
    height: 362px;
    display: block;
    margin-top: 12px;
    vertical-align: middle;
}


.lk-about .right {
    float: left;
    width: 440px;
    height: 410px;
    padding-top: 70px;
}

.lk-about .right .title {
    width: 240px;
    height: 54px;
    background: url("images/about_title.png") no-repeat center;
    background-size: 100%;
}
.lk-about .right .title2 {
    width: 240px;
    height: 54px;
    background: url("images/pic.png") no-repeat center;
    background-size: 100%;
}
.lk-about .right p {
    margin-top: 36px;
    line-height: 24px;
    font-size: 16px;
    color: #999999;
}

.lk-link {
    width: 1080px;
    height: 324px;
    padding-left: 80px;
    margin: 0 auto;
    margin-top: 80px;
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(209, 211, 218, 0.1) 0px 20px 20px 0px;
}

.lk-link .left {
    float: left;
    width: 510px;
    height: 324px;
}

.lk-link .left img {
    width: 410px;
    height: 324px;
    display: block;
    vertical-align: middle;
}

.lk-link .right {
    float: left;
    width: 490px;
    height: 324px;
    padding-top: 80px;
}

.lk-link .right .title {
    width: 100%;
    height: 26px;
    line-height: 26px;
    color: #323232;
    font-size: 26px;
    margin-bottom: 40px;
    font-weight: bold;
}

.lk-link .right span {
    display: block;
    color: #323232;
    font-size: 16px;
    line-height: 28px;
}

.lk-footer {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #404040;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-top: 60px;
}


.lk-footer a {
    font-size: 16px;
    color: #fff;
}

.lk-footer i.icon-ps {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -3px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAC3FBMVEUAAAD+/ODz6Kr//+PeqFfYrn3x167k0JXoxnyaaVzhs2ifaFXbrGLkvFnpyF7v2X/kwm3cp1nhsGfqw3rZqG3ntVzjrFPt3oDjvGnfr2fbnFGti3q0lH7ktoLryXn9v1T4znr/74bnvGz034v+2I/ktoDz6ZLkwY/Dfz7buoftzYbq2IPr0pjs3bLv6KPRrnbKhFv79ND488n/+dDZr4Lx38f/+cH/95f42oL7/97s2Y3++uzw1rvTk3DmuloAAHkBAm7uzWYAAGXktV3qvFr/0ljksE7fo0rWHxhrdocAAIAABHf143Pyy27w1GwGA2jtymHpwWDqxV/qyVyTeFrrwFflwFPislP+xVLpsErbmUfVkEbysETemUTpgj7ThT3XdTg5FDjdhTXWZTDaTCm7TCbTOCLXPiD9LA/QFg3UAwnOAQOEj5kcPpdyhZSptJEACJFpfo4AG44XMInFvYfTvIejmYSVkINyeoJzdoK9un6SjX7FrnwAEHp8enny2HjWwHjKtnhcX3jYzHeNhnfu2HWUjHWsonPNwnH70m9WTm8AAW//723pym3dtmn/0mbnxGa0o2ZeWWb8zGT/4mPtwmJuYmL/22D/vmB5ZGC9kF7/2l0MAF3uyFqnjVn4xFjYnli0mVi5i1jiqVfyyVbmtlbXkVNUOFPlvFLpt1LNrFKjfVLuvlBgHlDsuU/ouU9ONU/ov05ODk7/2E02Gk3jqkqEaUr/tUngjkf7n0bXikb6xERCJETdn0LckUG1gD/ooD3Ulj3jkz3TZT3WjjzOeDqBWDr3pDnglTlMADnbbTf2gjbkbzaTYDZpAjbplzTtcTTEazPXXzOeXzDscS3MPi38jizJWSrVSCrrXynzfCjVdCjZRyjTQCbFUiTlYCPXPSHLPSHWMR/wXh7iRh7GPh3PLBrSIRrWGhfMJxPGJxPRDBG/ABG2ABCxDg7BDAvEGArZAAbJAALPAADa4ry/AAAAPnRSTlMACEIaxqxpAvv7+ff19PDs7Ovn5uXk5OHg29LRy8fEw8G+vLqysaufnJiVk4yDfG9dXFpMSEFBNTApJyEcFO3QiBQAAAFzSURBVBjTYoACZjYZaTZmBmRgxsp9+di21ZysxggxxlmJZy/ev9LXnriIEa5VYUPIray0lOyd+ctVoKKWXFsmXXvu8exO5vsZnnuErcCC5m1e8x5nPXrxOu3TzSqHFguQmI18tff+Jx89HqR7fE5v7q5TtAYK6h8v81p4Ovv6wbAdmRc6HMpddYGCmudrCqbtTn2anHBq15SZ9iUx6kBBkSTfXIfUuBsPL909c9i/uP6EJFAQMJ6j2/Ps32Yk30uIy3jjXxgRLwEUVN07ubTo5LsPr16mXD1X29gZrgUUlN23uD/H28lp09o5TvYVs523ygEFORYsO+TbEOI5cVVTV+XUA1Fu/EBBoxXu0bfnT98cEePa45oUHR7MBHK9IV9Y/BFHFzc7R7/YqF4BsBiDqVBw0NLQoMAAF3c7vwmCEEFln1ZnZxe3wJWx7nZ2jj5qkNDU5l2/ZE3kusjQuRsDxPXYoQFqa6DBIiUmyqKkYwIWAgD35oZAL/mkFwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100%;
}