@charset "UTF-8";
.f-cb:after, .text-hidden {
    display: block
}

.iconfont, .lh-100 {
    line-height: 1
}

.g-container, .g-drop-down, .text-hidden {
    position: relative
}

.clearfix, .f-cb {
    zoom: 1
}

.iconfont, address, b, caption, cite, code, dfn, em, i, th, var {
    font-style: normal;
    font-weight: 400
}

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

.clearfix:after, .f-cb:after, .slick-track:after, ul:after {
    clear: both
}

.anchor_fixed, .f-cb:after, .slick-loading .slick-slide, .slick-loading .slick-track, ul:after {
    visibility: hidden
}

.caselist li h3, .ovt, .text-hidden {
    white-space: nowrap
}

#download .downbox span a, #products .product > li .name, .caselist li h3, .ovt, .text-hidden {
    text-overflow: ellipsis;
    overflow: hidden
}

@font-face {
    font-family: iconfont;
    src: url(iconfont/iconfont.eot?t=1565661403864);
    src: url(iconfont/iconfont.eot?t=1565661403864#iefix) format('embedded-opentype'), url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAbwAAsAAAAADKQAAAakAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDZAqLTIoHATYCJAMgCxIABCAFhG0HeRsCCxFVpBWT/Shw92x4Dbf8G2JRhkVc6Ot/5EO46b+7CzSYJKmYAZ2IA/W5wcRhbkxNKjPNF5GijLFdqHJzmv+7k/W4AMmEf/zDu7iH7DhLPkX+xctwESqALWD9n8Omd7sxwW79tp3L3IN60XE0gQIa8+ayQAMtoZRTySQ8e5mUVwFMmg4EgBqRSAdp2rytEzw4sIAgY/CAfj3AR5TgCvYJeIkyoyv7jyyGAjydQ+8BWOT8PPkGuYQHKBQMPFPHvs16o6EM+Qjz1fiUMT983ekBLHsBDEA6AA4gvkzjeDAvmA4G9f53OLQHoAUPCk6mskbWyyXykZoaZES4HCbQwiieBxSgUIKAIWiQP54SJNQC2zsUBMhQZ6AAZAKggHwGSkDWCFAk0kMOBlEJmF2IjoD9igl5k28EEAVQRqpR4K26mIWCgEAFAj1YsDZVzmTWbjDHV2IlSW+e4L5YHVdV5a6ocFZWuuZVN3Dtnpcm7fX3TO5XVxfaKyrGkZCu6kXh5uEk6XpljG9X8PJd1lWVPHlSYK8UOKs5Xllv937rqgrn8lJRJFKYJOl1iayHhfHTJF3xkoBy+DS2hARBMCAXUmbxGSEhEUKEwDS3AECw1YqMDYMEEScmttSiPFQNeXhwGr0xY0GHBbCyIL/cZqJdlih6Oqs1nmjKYXXb7TEWKYgk2IhLkogopoIBQaimd17TJ3MRDCVhYVHnQr+IlhMICYh+kbhXWsW5on4lfZoT1hVWLBcwYJ4gaFbMkzQBaYU0iPilld2LSqIKXTp1odOt6S5HdLrUrvKBBk3/Yf32+lP77pl7zpfi0hvC+QSDc9eM80p1TOvSQN2P6liRmmgGa4i6LOkfo4amLOovhIa4Aj4p0hO19sDvTi0mVFXZj1U4t+0CrXxvG8EqJz8WMv+eoop3ids+uNnOj47j7xMGr5y73Ce4CnT9An4aytrbXftdwZat+thhOm77q1fb2Q5m+GxBA82z1R8e9y77g9y83D2WvD8njqbr19PRQr5+nebRBTP4R61HjnE4yvDPitmzliwOBKlKDMX9Bl7tfmfL1Z7mrEvjQoNiMluvXdM2wzR8885/qWnb/IETW4hZdQf1LTZsxpajQpgpo6OjSBnR2NIyVkxq0KDzveUDbaHz1jRvHNjZ5vj1wVc+bH+XUXGjuuLc9ZvDujQJkHH9xxXeXz8tc9jgwfaCRvEKhbJxgkDPtBp4642nV+PYxlJCeIeEli7XdM7TeE1zu81+iprsbT9f/2Pu2dguE9oEXvS31uI5xswJtrW9PX9+Gnf50qPUx5UfP3z69VNiQ+3PLu8Pa+KfbN7UHE1sW5c4vJ4+s4tFiWOzr6evlTB+Z6PpR7t3ziGk0c5ZSfbmDkfR/lphRhCTiS7PX9d0z62eI4I4Zmyd1jqEtvfNKGlb9Ue//adQr3MLyiOaGOnJdzTbRE3hRrOpEUYyIVqLaHplPCH5XA6fwxktWOVQYmzYVef9nfZ2Ddj+YKZcutO3tN/WK56txVr2pZFy5T+Sb4bRhrr/qlVQZmjbLs+W37ZtE9sYW/zLl1PCXbWch6a8fBF/GAHeVV6Pt6zszOkzzQSP11MmeLqMueXsmDfX602lQZ6RERZ8oXll2bLyM0CUK86UM1/CuueL5WCjP7Q1f8oZ4f+Y08YcP9hiF76sfQsjTSNR95b/sN0yOKqP5X7ckUaNYo84y9iZpu7Hj9q6TJBHi/9L561bZwmzUlPHiDWSaikuXowpAICaC3OFNQJx8fzGhhB9IzM/8dy8YA2I/7ILLIL4O5vPdOEHbAJz/FdfwiRv5pxuhrq/8Zqf4pXnY2u9JEeNb9EN8w8nQmXWP5NV8Rx34LCK53b1qol9GTArk3nIZno/BahFE/CftJr9dSkWZkL8/cVCAFSQCGB48UgOmw4KGvmgxGsAamma3hoWbI3sBaT6soAw+gZK7yIwRj9IDvsLCqJ/UDLGQM2dZUiNxAaom4xEJWhBXyEYmpzUyIOb+Yo+DYrDHIfwiTwHD1R5GY80OCF30WI++VrEgWMa4WjNhsNAEJk6NJK3IvFQFC6rZW5oXDxogiFFzHELaFfqwCATd7l4SHz/K+QlA4ULGu6pPyE2C/cHlVxZAdkIp0oNp5I/O/FqQnoHVDkjI3AkPRpEkICY/VwHGSLXNvBHBwVd5KoK8+HF4zN9B0CNx+E7TdvT29ffxd1+yctdaG2DmtqkbuGSptWIEfvxIf90xeeBWSMKpcxQvFb7PiPPGEZ1N75/GBYGv1gA) format('woff2'), url(iconfont/iconfont.woff?t=1565661403864) format('woff'), url(iconfont/iconfont.ttf?t=1565661403864) format('truetype'), url(iconfont/iconfont.svg?t=1565661403864#iconfont) format('svg')
}

.iconfont {
    font-family: iconfont !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;
    vertical-align: baseline
}

.iconicon:before {
    content: "\e60b"
}

.iconiconfontdianhuazixun:before {
    content: "\e601"
}

.iconqq:before {
    content: "\e60e"
}

.iconzhuanye:before {
    content: "\e6b2"
}

.iconjiantou-copy1:before {
    content: "\e600"
}

.iconerweima:before {
    content: "\e602"
}

.iconzhiliang:before {
    content: "\e65a"
}

body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, ol, p, ul {
    padding: 0;
    margin: 0
}

body {
    font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", "WenQuanYi Micro Hei", sans-serif
}

.f-cb:after {
    height: 0;
    overflow: hidden;
    content: "."
}

.fl-left {
    float: left;
    text-align: left
}

.fl-right {
    float: right;
    text-align: right
}

.bg-gray {
    background: #f9f9f9 !important
}

li, ul {
    list-style-type: none
}

.c-white {
    color: #fff
}

.c-red {
    color: red
}

.c-red-bold {
    color: #b00
}

.c-orange {
    color: #e89923
}

.c-orange-light {
    color: rgba(250, 80, 5, .8)
}

.c-orange-bold {
    color: #d24603
}

.c-blue {
    color: #005ca1
}

.c-blue-light {
    color: #0168c6
}

.c-blue-bold {
    color: #00488c
}

.c-blue-bold2 {
    color: #004795
}

.c-gray {
    color: #999
}

.c-gray-light {
    color: #ccc
}

.c-gray-bold {
    color: #666
}

.c-green {
    color: #5cb85c
}

.c-green-light {
    color: #5ecd5e
}

.c-green-bold {
    color: #449d44
}

.c-error {
    color: #f66
}

.c-success {
    color: #5cb85c
}

.c-success-light {
    color: #5ecd5e
}

.c-success-bold {
    color: #449d44
}

.f-10 {
    font-size: 10px
}

.f-12 {
    font-size: 12px
}

.f-13 {
    font-size: 13px
}

.f-14 {
    font-size: 14px
}

.f-16 {
    font-size: 16px
}

.f-18 {
    font-size: 18px
}

.f-20 {
    font-size: 20px
}

.f-22 {
    font-size: 22px
}

.f-25 {
    font-size: 25px
}

.f-28 {
    font-size: 28px
}

.f-30 {
    font-size: 30px
}

.f-35 {
    font-size: 35px
}

.f-40 {
    font-size: 40px
}

.t2 {
    text-indent: 2em
}

.lh-150 {
    line-height: 1.5
}

.lh-160 {
    line-height: 1.6
}

.lh-180 {
    line-height: 1.8
}

.lh-200 {
    line-height: 2
}

.m-0 {
    margin: 0
}

.m-t0 {
    margin-top: 0
}

.m-r0 {
    margin-right: 0
}

.m-b0 {
    margin-bottom: 0
}

.m-l0 {
    margin-left: 0
}

.p-0 {
    padding: 0
}

.p-t0 {
    padding-top: 0
}

.p-r0 {
    padding-right: 0
}

.p-b0 {
    padding-bottom: 0
}

.p-l0 {
    padding-left: 0
}

.m-1 {
    margin: 1px
}

.m-t1 {
    margin-top: 1px
}

.m-r1 {
    margin-right: 1px
}

.m-b1 {
    margin-bottom: 1px
}

.m-l1 {
    margin-left: 1px
}

.p-1 {
    padding: 1px
}

.p-t1 {
    padding-top: 1px
}

.p-r1 {
    padding-right: 1px
}

.p-b1 {
    padding-bottom: 1px
}

.p-l1 {
    padding-left: 1px
}

.m-5 {
    margin: 5px
}

.m-t5 {
    margin-top: 5px
}

.m-r5 {
    margin-right: 5px
}

.m-b5 {
    margin-bottom: 5px
}

.m-l5 {
    margin-left: 5px
}

.p-5 {
    padding: 5px
}

.p-t5 {
    padding-top: 5px
}

.p-r5 {
    padding-right: 5px
}

.p-b5 {
    padding-bottom: 5px
}

.p-l5 {
    padding-left: 5px
}

.m-10 {
    margin: 10px
}

.m-t10 {
    margin-top: 10px
}

.m-r10 {
    margin-right: 10px
}

.m-b10 {
    margin-bottom: 10px
}

.m-l10 {
    margin-left: 10px
}

.p-10 {
    padding: 10px
}

.p-t10 {
    padding-top: 10px
}

.p-r10 {
    padding-right: 10px
}

.p-b10 {
    padding-bottom: 10px
}

.p-l10 {
    padding-left: 10px
}

.m-15 {
    margin: 15px
}

.m-t15 {
    margin-top: 15px
}

.m-r15 {
    margin-right: 15px
}

.m-b15 {
    margin-bottom: 15px
}

.m-l15 {
    margin-left: 15px
}

.p-15 {
    padding: 15px
}

.p-t15 {
    padding-top: 15px
}

.p-r15 {
    padding-right: 15px
}

.p-b15 {
    padding-bottom: 15px
}

.p-l15 {
    padding-left: 15px
}

.m-20 {
    margin: 20px
}

.m-t20 {
    margin-top: 20px
}

.m-r20 {
    margin-right: 20px
}

.m-b20 {
    margin-bottom: 20px
}

.m-l20 {
    margin-left: 20px
}

.p-20 {
    padding: 20px
}

.p-t20 {
    padding-top: 20px
}

.p-r20 {
    padding-right: 20px
}

.p-b20 {
    padding-bottom: 20px
}

.p-l20 {
    padding-left: 20px
}

.m-25 {
    margin: 25px
}

.m-t25 {
    margin-top: 25px
}

.m-r25 {
    margin-right: 25px
}

.m-b25 {
    margin-bottom: 25px
}

.m-l25 {
    margin-left: 25px
}

.p-25 {
    padding: 25px
}

.p-t25 {
    padding-top: 25px
}

.p-r25 {
    padding-right: 25px
}

.p-b25 {
    padding-bottom: 25px
}

.p-l25 {
    padding-left: 25px
}

.m-30 {
    margin: 30px
}

.m-t30 {
    margin-top: 30px
}

.m-r30 {
    margin-right: 30px
}

.m-b30 {
    margin-bottom: 30px
}

.m-l30 {
    margin-left: 30px
}

.p-30 {
    padding: 30px
}

.p-t30 {
    padding-top: 30px
}

.p-r30 {
    padding-right: 30px
}

.p-b30 {
    padding-bottom: 30px
}

.p-l30 {
    padding-left: 30px
}

.m-35 {
    margin: 35px
}

.m-t35 {
    margin-top: 35px
}

.m-r35 {
    margin-right: 35px
}

.m-b35 {
    margin-bottom: 35px
}

.m-l35 {
    margin-left: 35px
}

.p-35 {
    padding: 35px
}

.p-t35 {
    padding-top: 35px
}

.p-r35 {
    padding-right: 35px
}

.p-b35 {
    padding-bottom: 35px
}

.p-l35 {
    padding-left: 35px
}

.m-40 {
    margin: 40px
}

.m-t40 {
    margin-top: 40px
}

.m-r40 {
    margin-right: 40px
}

.m-b40 {
    margin-bottom: 40px
}

.m-l40 {
    margin-left: 40px
}

.p-40 {
    padding: 40px
}

.p-t40 {
    padding-top: 40px
}

.p-r40 {
    padding-right: 40px
}

.p-b40 {
    padding-bottom: 40px
}

.p-l40 {
    padding-left: 40px
}

.m-45 {
    margin: 45px
}

.m-t45 {
    margin-top: 45px
}

.m-r45 {
    margin-right: 45px
}

.m-b45 {
    margin-bottom: 45px
}

.m-l45 {
    margin-left: 45px
}

.p-45 {
    padding: 45px
}

.p-t45 {
    padding-top: 45px
}

.p-r45 {
    padding-right: 45px
}

.p-b45 {
    padding-bottom: 45px
}

.p-l45 {
    padding-left: 45px
}

.m-50 {
    margin: 50px
}

.m-t50 {
    margin-top: 50px
}

.m-r50 {
    margin-right: 50px
}

.m-b50 {
    margin-bottom: 50px
}

.m-l50 {
    margin-left: 50px
}

.p-50 {
    padding: 50px
}

.p-t50 {
    padding-top: 50px
}

.p-r50 {
    padding-right: 50px
}

.p-b50 {
    padding-bottom: 50px
}

.p-l50 {
    padding-left: 50px
}

.m-55 {
    margin: 55px
}

.m-t55 {
    margin-top: 55px
}

.m-r55 {
    margin-right: 55px
}

.m-b55 {
    margin-bottom: 55px
}

.m-l55 {
    margin-left: 55px
}

.p-55 {
    padding: 55px
}

.p-t55 {
    padding-top: 55px
}

.p-r55 {
    padding-right: 55px
}

.p-b55 {
    padding-bottom: 55px
}

.p-l55 {
    padding-left: 55px
}

.m-60 {
    margin: 60px
}

.m-t60 {
    margin-top: 60px
}

.m-r60 {
    margin-right: 60px
}

.m-b60 {
    margin-bottom: 60px
}

.m-l60 {
    margin-left: 60px
}

.p-60 {
    padding: 60px
}

.p-t60 {
    padding-top: 60px
}

.p-r60 {
    padding-right: 60px
}

.p-b60 {
    padding-bottom: 60px
}

.p-l60 {
    padding-left: 60px
}

.w-10 {
    width: 10px
}

.w-20 {
    width: 20px
}

.w-30 {
    width: 30px
}

.w-40 {
    width: 40px
}

.w-50 {
    width: 50px
}

.w-60 {
    width: 60px
}

.w-70 {
    width: 70px
}

.w-80 {
    width: 80px
}

.w-90 {
    width: 90px
}

.w-100 {
    width: 100px
}

.w-150 {
    width: 150px
}

.w-200 {
    width: 200px
}

.w-250 {
    width: 250px
}

.w-300 {
    width: 300px
}

.w-350 {
    width: 350px
}

.w-400 {
    width: 400px
}

.w-450 {
    width: 450px
}

.w-500 {
    width: 500px
}

.w-550 {
    width: 550px
}

.w-600 {
    width: 600px
}

.w-650 {
    width: 650px
}

.w-700 {
    width: 700px
}

.w-800 {
    width: 800px
}

.w-900 {
    width: 900px
}

.w10 {
    width: 10%
}

.w20 {
    width: 20%
}

.w30 {
    width: 30%
}

.w40 {
    width: 40%
}

.w50 {
    width: 50%
}

.w60 {
    width: 60%
}

.w70 {
    width: 70%
}

.w80 {
    width: 80%
}

.w90 {
    width: 90%
}

.w100 {
    width: 100%
}

.g-left {
    float: left
}

.g-right {
    float: right
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    outline: 0
}

.g-container {
    width: 1200px;
    margin: 0 auto
}

.btn {
    -webkit-transition: color .15s, background .15s;
    transition: color .15s, background .15s;
    outline: 0
}

.btn.btn-orange, .btn.btn-orange-fill {
    background-color: #fff;
    border: 1px solid #025891;
    color: #025891
}

.btn.btn-orange-fill, .btn.btn-orange-fill:hover, .btn.btn-orange:hover {
    background-color: #025891;
    color: #fff
}

.btn.btn-orange-fill:hover {
    background-color: #eb5005;
    border-color: #eb5005
}

.btn.btn-qq {
    background-color: #fff;
    border: 1px solid #357DF9;
    color: #357DF9
}

.btn.btn-qq:hover {
    background-color: #357DF9;
    color: #fff
}

.g-drop-down .drop-down-title {
    line-height: 30px
}

.g-drop-down .child-select, .g-drop-down .drop-down-menu {
    position: absolute;
    display: none;
    width: 100%;
    top: 100%;
    left: 0
}

.g-drop-down:hover .child-select, .g-drop-down:hover .drop-down-menu, .slick-list, .slick-slider, .slick-track {
    display: block
}

.g-drop-down .child-select ul.select-item, .g-drop-down .drop-down-menu ul.select-item {
    position: relative;
    overflow: hidden;
    margin-top: -1px;
    border: 1px solid #eee
}

.g-drop-down .child-select ul.select-item li, .g-drop-down .drop-down-menu ul.select-item li {
    display: block;
    width: 100%;
    line-height: 35px;
    text-align: center;
    background-color: #fff
}

.g-drop-down .child-select ul.select-item li.active, .g-drop-down .child-select ul.select-item li:hover, .g-drop-down .drop-down-menu ul.select-item li.active, .g-drop-down .drop-down-menu ul.select-item li:hover {
    background-color: #f5f5f5
}

.slick-slider {
    position: relative;
    margin-top: 82px;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
    outline: 0
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-slide {
    display: none;
    float: left;
    outline: 0;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    width: 100%
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    margin-top: -10px;
    padding: 0;
    outline: 0
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    position: absolute;
    bottom: 45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.por, .slick-dots li {
    position: relative
}

.slick-dots li {
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 0;
    cursor: pointer
}

.slick-dots button {
    display: none
}

.banner .slick-dots {
    bottom: 43px;
    height: 11px;
    text-align: center
}

.banner .slick-dots li {
    width: 11px;
    height: 11px;
    vertical-align: top;
    margin: 0 6px;
    float: none;
    border: 2px solid #22884c;
    border-radius: 13px;
    background: #1aaa15;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.banner .slick-dots li.slick-active {
    border-color: #ec5f00;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: #f38210
}

.slick-next, .slick-prev {
    width: 50px;
    height: 50px;
    background: url(../images/arw2.png) no-repeat;
    left: -17.4%;
    margin: -50px 0 0 -50px;
    top: 70%;
    border: 1px solid #000;
    z-index: 2
}

.slick-next {
    margin-left: 10px;
    background-position: -50px 0
}

.wrap, body {
    margin: 0 auto
}

.slick-prev:hover {
    background-position: 0 -50px;
    border: none
}

.slick-next:hover {
    background-position: -50px -50px;
    border: none
}

.bcfff, header {
    background: #fff
}

body {
    font-size: 14px;
    min-width: 1280px
}

img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

.fl {
    float: left
}

.poa {
    position: absolute
}

.fr {
    float: right
}

.text-center {
    text-align: center
}

.wrap {
    width: 1200px
}

.anchor_fixed {
    display: block;
    position: relative;
    top: -140px
}

header, img.up-pic {
    top: 0;
    width: 100%;
    left: 0
}

.clearfix:after, .clearfix:before {
    clear: both;
    display: block;
    content: "";
    height: 0;
    line-height: 0
}

body, html {
    color: #777;
    background-color: #fff
}

input, select, textarea {
    margin: 0;
    padding: 0
}

input {
    border: none
}

a {
    color: #666;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

a:hover {
    color: #1aaa15
}

a:focus {
    outline: 0
}

li {
    float: left
}

ul:after {
    display: block;
    height: 0;
    overflow: hidden;
    content: "."
}

img.up-pic {
    position: absolute;
    height: 100%;
    z-index: 2
}

header {
    height: 82px;
    position: fixed;
    z-index: 999;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .2)
}

header .logo {
    display: block;
    margin: 14px 0 0 1px
}

header .htel {
    width: 180px;
    height: 31px;
    line-height: 31px;
    background: #1aaa15;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-top: 28px
}

header .menu a {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 86px;
    margin: 0 21.5px
}
header .menu a:hover,header .menu a.A{
    color:#1aaa15;
}

header .hsearch {
    margin: 36px 19px 0 26.5px;
    cursor: pointer
}

header .hsearch .iconfont {
    font-size: 16px;
    color: #1aaa15
}

header .hsearch .search_main {
    padding: 20px;
    width: 350px;
    position: absolute;
    right: 0;
    top: 62px;
    border-radius: 5px;
    background: #1aaa15;
    display: none
}

header .hsearch .search_main .input-group {
    width: 100%
}

header .hsearch .search_main .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 300px;
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
    border-radius: 5px 0 0 5px;
    display: table-cell;
    background-color: #fff;
    text-indent: 20px
}

header .hsearch .search_main .input-group .input-group-btn {
    width: 50px;
    display: block
}

header .hsearch .search_main .input-group .input-group-btn .btn {
    background: #f4801a;
    color: #fff;
    height: 40px;
    width: 50px;
    border-radius: 0 5px 5px 0;
    border: none;
    display: block
}

header .hsearch .search_main .input-group .input-group-btn .btn .icon-search {
    font-size: 18px;
    color: #fff
}

.products {
    width: 100%;
    background: #f5f5f5;
    padding: 61px 0
}

.products .title {
    font-size: 36px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin-bottom: 47px
}

.products .title span {
    font-family: Arial;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase
}

.products .swiper-container .wrap {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.products .swiper-container .swiper-slide {
    width: 280px;
    margin-right: 20px;
    overflow: hidden;
    z-index: 80;
    position: relative
}
.products .swiper-container .swiper-slide .word a{
    display: block;
    z-index:81
}
.products .swiper-container .swiper-slide .pic {
    width: 280px
}

.products .swiper-container .swiper-slide .pic img {
    width: 100%
}

.products .swiper-container .swiper-slide .word {
    background: #fff;
    text-align: center;
    display: block;
    padding: 24px 0 26px
}

.products .swiper-container .swiper-slide .word .p1 {
    font-size: 20px;
    color: #333
}

.products .swiper-container .swiper-slide .word .p2 {
    font-size: 16px;
    color: #b9b9b9;
    margin: 11px 0 17px
}

.products .swiper-container .swiper-slide .word .mbtn {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    background: url(../images/more2.png) center no-repeat
}

.products .swiper-container .swiper-slide:hover .word {
    background: #1aaa15
}

.products .swiper-container .swiper-slide:hover .word .p1 {
    color: #fff
}

.products .swiper-container .swiper-slide:hover .word .p2 {
    color: #bbdfba
}

.products .swiper-scrollbar {
    background: #1aaa15;
    width: 100%;
    height: 5px;
    margin-top: 88px
}

.products .swiper-scrollbar-drag {
    background: #f97e10
}

.advantage {
    padding: 70px 0
}

.advantage .title {
    font-size: 36px;
    font-weight: 700;
    color: #333;
    text-align: center
}

.advantage .title span {
    font-family: Arial;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase
}

.advantage .adv-con {
    margin-top: 77px
}

.advantage .adv-con li {
    width: 33.33%;
    float: left
}

.advantage .adv-con li .icon {
    width: 122px;
    height: 122px;
    margin: 0 auto
}

.advantage .adv-con li .icon .ring {
    top: 0;
    left: 0
}

.advantage .adv-con li.fir:before {
    display: none
}

.profile .con .part .pad img, .ylelectrIco {
    display: block
}

.advantage .adv-con li:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 110px;
    background: #efefef;
    left: 0;
    top: 0
}

.advantage .adv-con li .word {
    margin-top: 19px;
    text-align: center
}

.advantage .adv-con li .word .big {
    font-size: 16px
}

.advantage .adv-con li .word .sml {
    font-size: 14px
}

@-webkit-keyframes warn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .1
    }
    50% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .3
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes warn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .1
    }
    50% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .3
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.profile {
    width: 100%;
    height: 670px;
    background: url(../images/aboutbg.jpg) center center fixed;
    background-size: cover
}

.profile .title {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding-top: 75px
}

.profile .title span {
    font-family: Arial;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase
}

.profile .short {
    margin-top: 18px;
    line-height: 30px
}

.profile .short p {
    font-size: 16px;
    color: #fff;
    text-indent: 40px
}

.profile .water .dot {
    width: 29px;
    height: 29px;
    border: 2px solid #a4b3c3;
    border-radius: 50%;
    position: relative;
    text-align: center;
    z-index: 3;
    margin: 0 auto;
    background: #fff
}

.profile .water .dot .iconfont {
    color: #1aaa15;
    line-height: 29px;
    font-size: 13px
}

.profile .water .dot:before {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    animation: dh-0 .6s both;
    -webkit-animation: dh-0 .6s both
}

.profile .con {
    margin-top: 139px;
    text-align:center;
}

.profile .con .part {
    width: 296px;
    height: 98px;
    margin-right: 5px;
    display:inline-block;
  float:none;
    background: rgba(255, 255, 255, .85);
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    cursor: pointer
}

.profile .con .part:hover {
    background: rgba(26, 170, 21, .75)
}

.profile .con .part .pad {
    padding-top: 24px;
    padding-left: 24px
}

.profile .con .part .pad .line {
    width: 2px;
    height: 56px;
    background: #e1e1e1;
    margin: 0 22px
}

.profile .con .part .pad .word {
    color: #333;
    margin-top: -10px
}

.profile .con .part .pad .word p {
    font-size: 16px
}

.profile .con .part .pad .word p .counter {
    font-size: 46px;
    color: #333;
    font-family: Arial
}

.profile .con .part .pad .word h3 {
    font-size: 14px;
    color: #666
}

.profile .con .part .pad .img1 {
    width: 53px;
    height: 50px;
    background: url(../images/part1.png) center center no-repeat
}

.profile .con .part .pad .img2 {
    width: 53px;
    height: 50px;
    background: url(../images/part2.png) center center no-repeat
}

.profile .con .part .pad .img3 {
    width: 53px;
    height: 50px;
    background: url(../images/part3.png) center center no-repeat
}

.profile .con .part .pad .img4 {
    width: 53px;
    height: 50px;
    background: url(../images/part4.png) center center no-repeat
}

.profile .con .part:hover .pad .img1 {
    background: url(../images/part1h.png) center center no-repeat
}

.profile .con .part:hover .pad .img2 {
    background: url(../images/part2h.png) center center no-repeat
}

.profile .con .part:hover .pad .img3 {
    background: url(../images/part3h.png) center center no-repeat
}

.profile .con .part:hover .pad .img4 {
    background: url(../images/part4h.png) center center no-repeat
}

.profile .con .part:hover .pad .word, .profile .con .part:hover .pad .word em, .profile .con .part:hover .pad .word h3, .profile .con .part:hover .pad .word p {
    color: #fff
}

.profile .con .part:hover .pad .line {
    background: #f2f2f2;
    opacity: .28
}

.ylelectrIco:after, .ylelectrIco:before {
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 50%;
    bottom: 0
}

.profile .con .last {
    margin-right: 0
}

.profile .water .dot:hover:before {
    background: #000;
    animation: dh-0 .6s both;
    -webkit-animation: dh-0 .6s both
}

.ylelectrIco {
    color: #fff;
    text-align: center;
    position: relative;
    width: 33px;
    height: 33px;
    margin: 29px auto 0
}

.inews .newscoll li .date .day:after, .ylelectrIco:after, .ylelectrIco:before {
    position: absolute;
    content: ''
}

.ylelectrIco:before {
    border: 2px solid #9eb9d5;
    animation: dh-0 .6s infinite linear;
    -webkit-animation: dh-0 .6s infinite linear
}

.ylelectrIco:after {
    border: 2px solid #9eb9d5;
    animation: dh-1 .6s infinite linear;
    -webkit-animation: dh-1 .6s infinite linear
}

@-webkit-keyframes dh-0 {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        left: -10px;
        top: -10px;
        bottom: -10px;
        right: -10px
    }
}

@keyframes dh-0 {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        left: -10px;
        top: -10px;
        bottom: -10px;
        right: -10px
    }
}

@-webkit-keyframes dh-1 {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        left: -5px;
        top: -5px;
        bottom: -5px;
        right: -5px
    }
}

@keyframes dh-1 {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        left: -5px;
        top: -5px;
        bottom: -5px;
        right: -5px
    }
}

.inews {
    width: 100%;
    background: #fff;
    padding: 70px 0 52px
}

.inews .title {
    font-size: 36px;
    font-weight: 700;
    color: #333;
    text-align: center
}

.inews .title span {
    font-family: Arial;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase
}

.inews .newscoll {
    margin-top: 96px;
    overflow: hidden
}

.inews .newscoll li .date {
    font-family: Arial;
    padding-bottom: 6px;
    width: 126px;
    border-bottom: 3px solid #adadad;
    margin-bottom: 18px;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.inews .newscoll li .date .day {
    display: inline-block;
    font-size: 46px;
    color: #333;
    font-weight: 700;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.inews .newscoll li .date .day:after {
    width: 17px;
    height: 15px;
    background: url(../images/dateafter.png) center center no-repeat;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.inews .newscoll li .date .ym {
    font-size: 16px;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.inews .newscoll li .word .tit {
    font-size: 16px;
    color: #333;
    margin-bottom: 16px;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.inews .newscoll li .word .info {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 49px;
    width: 90%;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.inews .newscoll li .more {
    display: block;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.inews .newscoll li .more i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #787878;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    margin-right: 5px;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.inews .newscoll li .more span {
    display: inline-block;
    font-size: 14px;
    color: #666;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s
}

.inews .newscoll li:hover .date, .inews .newscoll li:hover .day, .inews .newscoll li:hover .more span, .inews .newscoll li:hover .word .info, .inews .newscoll li:hover .word .tit, .inews .newscoll li:hover .ym {
    color: #1aaa15
}

.inews .newscoll li:hover .date {
    border-color: #1aaa15
}

.inews .newscoll li:hover .more i {
    background: #1aaa15
}

.inews .newscoll li:hover .more .iconfont {
    color: #fff
}

.inews .newscoll .pagination {
    text-align: center;
    margin-top: 122px
}

.inews .newscoll .swiper-pagination-bullet-active, .inews .newscoll .swiper-visible-switch {
    border: 2px solid #1aaa15 !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
    background: url(../images/green.png) center center no-repeat #fff
}

.inews .newscoll .swiper-pagination-bullet, .inews .newscoll .swiper-pagination-switch {
    float: inherit;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #9f9f9f;
    border-radius: 8px;
    margin: 0 4px;
    opacity: .8;
    cursor: pointer
}

.gradient {
    width: 100%;
    height: 6px;
    background: url(../images/gradient.png) center center no-repeat
}

.foot {
    width: 100%;
    background: #333
}

.foot .foot-top {
    padding: 53px 0 27px;
    border-bottom: 1px solid #555
}

.foot .foot-top .logo {
    display: block;
    width: 163px;
    height: 43px
}

.foot .foot-top .logo img {
    width: 100%
}

.foot .foot-top .fnav a {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    display: block;
    padding: 10px 37.5px 0;
    float: left;
    position: relative
}

.code_top, .foot .foot-top .fnav a.fir:before, .piao_code3 {
    display: none
}

.foot .foot-top .fnav a:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    background: #555;
    top: 13px;
    left: 0
}

.piao1, .piao2 {
    position: fixed;
    right: 7px;
    z-index: 999
}

.foot .foot-top .fnav a:hover {
    color: #1aaa15
}

.foot .foot-top .code {
    width: 81px;
    height: 81px;
    margin-left: 18.5px
}

.foot .foot-bot {
    padding: 22px 0 69px
}

.foot .foot-bot .fl {
    font-size: 14px;
    color: #656565
}

.piao1 {
    width: 180px;
    height: 190px;
    top: 300px;
    -webkit-box-shadow: 0 5px 10px rgba(4, 0, 0, .17);
    box-shadow: 0 5px 10px rgba(4, 0, 0, .17);
    background: #fff
}

.piao1 .piaoh {
    padding: 20px;
    line-height: 16px;
    height: 16px;
    background: #1aaa15;
    color: #fff;
    font-size: 14px
}

.loca, .piao2 {
    background: #fff;
}

.piao1 .piaoh p {
    float: left
}

.piao1 .piaoh img {
    width: 15px;
    height: 15px;
    float: right;
    cursor: pointer
}

.piao1 .piao_qq {
    padding: 20px;
    border-bottom: solid 1px #d1d1d1
}

.piao1 .piao_qq img {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.piao1 .piao_tel {
    padding: 20px
}

.piao1 .piao_tel img {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px
}

.piao1 .piao_tel h1 {
    float: left;
    font-size: 16px
}

.piao1 .piao_tel p {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #777;
    line-height: 28px
}

.loca dl, .loca dl dt a {
    color: #999
}

.piao2 {
    top: 490px;
    width: 40px;
    height: auto;
    border: 1px solid #ccc
}

.piao_code1, .piao_code3 {
    border-bottom: solid 1px #ccc
}

.piao_code {
    width: 40px;
    float: left;
    height: 40px
}

.piao_code img {
    width: 20px;
    margin-top: 10px;
    margin-left: 10px
}

.code_top {
    position: absolute;
    right: 42px
}

.code_top .code {
    width: 137px;
    height: auto;
    position: relative
}

.code_top1 p {
    text-align: center
}

.inbanner {
    margin-top: 82px
}

.inbanner img {
    width: 100%
}

.loca dl {
    float: left;
    font-size: 14px;
    line-height: 80px;
    padding-left: 30px;
    background: url(../images/ic11.png) left center no-repeat
}

.loca dl dd {
    margin: 0 5px
}

.loca ul {
    display: none;
    float: right
}

.loca ul li {
    float: left;
    line-height: 80px;
    font-size: 16px;
    margin-left: 40px
}

.loca ul li a {
    color: #333
}

.loca ul li.on {
    background: url(../images/l4.jpg) center bottom repeat-x
}

.loca ul li.on a {
    color: #ec5f00;
}

.loca dl dd, .loca dl dt {
    float: left
}

.loca dl dt a:hover, .loca dl dt.last a {
    color: #1aaa15;
}
.sub-page .page {
    text-align: center;
    margin-top: 50px
}

.sub-page .page .pagination li {
    float: none;
    display: inline-block
}

.sub-page .page .pagination li a {
    margin: 0 5px;
    padding: 6px 15px;
    color: #1aaa15;
    font-size: 16px;
    border-radius: 5px
}

.sub-page .page .pagination li.active a {
    color: #fff;
    background-color: #30478d;
    border-color: #30478d
}

.sub-page .page-content p > img, .sub-page .page-content p > span > img {
    max-width: 100%
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    background-color: #1aaa15;
    border-color: #1aaa15;
    cursor: default;
    color: #fff;

}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #1aaa15;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
    margin: 0 5px;
    padding: 6px 15px;
    color: #1aaa15;
    font-size: 16px;
    border-radius: 5px
}
.zoujin {
    padding: 0px 0 40px
}

.zoujin_con {
    background: #FFF;
    padding: 0px 30px 43px
}

.zoujin_con .tit {
    text-align: center;
    font-size: 36px;
    color: #333;
    line-height: 56px
}

.zoujin_con .index_5 {
    background: 0 0;
    padding: 57px 0 51px
}

.zoujin_con .index_5 ul {
    padding-top: 0
}

.zoujin_con .index_5 ul li i.i1 {
    background-image: url(../images/ic6-2.png)
}

.zoujin_con .index_5 ul li i.i2 {
    background-image: url(../images/ic5-2.png)
}

.zoujin_con .index_5 ul li i.i3 {
    background-image: url(../images/ic4-2.png)
}

.zoujin_con .index_5 ul li i.i4 {
    background-image: url(../images/ic7-2.png)
}

.zoujin_con .word p {
    font-size: 14px;
    color: #333;
    line-height: 36px;
    text-indent: 2em;
    padding: 0 50px
}

.zoujin_con .word .spic {
    width: 560px;
    height: 280px;
    overflow: hidden;
    margin-top: 40px
}

.zoujin_con .word h4 {
    font-size: 14px;
    color: #000;
    line-height: 36px;
    padding-top: 30px
}

.zoujin_con .honor-list li {
    display: block;
    width: 25%;
    margin-top: -1px
}

.zoujin_con .honor-list li a {
    border: 1px solid #e0e0e0;
    display: block;
    height: 210px;
    padding: 25px 0;
    position: relative;
    overflow: hidden;
    margin-right: -1px
}

.zoujin_con .honor-list li a .img {
    display: block;
    width: 80%;
    height: 180px;
    text-align: center;
    margin: 0 auto 10px
}

.zoujin_con .honor-list li a .img img {
    max-height: 180px;
    max-width: 80%;
    vertical-align: middle
}

.zoujin_con .honor-list li a p {
    text-align: center;
    padding: 0 30px
}

.zoujin_con .honor-list li a:after {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    opacity: 0;
    background: url(../images/icon-zoom-magnifier.png) 50% 40% no-repeat rgba(0, 0, 0, .5);
    background-size: 45px;
    content: attr(data-name);
    text-align: center;
    padding-top: 15%;
    color: #fff;
    -webkit-transition: all .35s;
    transition: all .35s
}

.newslist li b:before, .nt_con .tit:before {
    content: ""
}

.zoujin_con .honor-list li a:hover:after {
    opacity: 1
}

.contact {
    padding-bottom: 55px
}

.contact li {
    margin-top: 0px;
    background: #1aaa15;
    float: none
}

.contact li .fl {
    width: 50%;

}

.contact li .fl .flcon {
    padding: 50px 30px 0
}

.contact li .p1 {
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    height: 80px;
    overflow: hidden
}

.contact li dd {
    line-height: 24px;
    font-size: 14px;
    padding-top: 25px
}

.contact li span {
    float: left;
    color: #fff;
    background: left center no-repeat;
    padding-left: 30px
}

.contact li span.s1 {
    background-image: url(../images/ic13.png)
}

.contact li span.s2 {
    background-image: url(../images/ic14.png)
}

.contact li span.s3 {
    background-image: url(../images/ic15.png)
}

.contact li span.s4 {
    background-image: url(../images/ic16.png)
}

.contact li p {
    float: left;
    margin-left: 20px;
    color: #fff
}

.contact li .ditu {
    float: right;
    width: 50%;
    height: 420px;
    overflow: hidden
}

.contact li:hover .p1 {
    color: #fff
}
.jiaru form {
    padding: 0 15px 60px;
    background: #fff
}

.jiaru form ul {
    float: left;
    width: 515px;
    margin: 0 15px
}

.jiaru form li {
    border: 1px #ddd solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
    margin: 0px 0 40px;
    width: 100%
}

.jiaru form li .ic {
    float: left;
    width: 49px;
    height: 58px
}

.jiaru form li .text, .jiaru form li textarea {
    float: left;
    height: 58px;
    font-size: 14px;
    color: #666;
    border: 0
}

.jiaru form li textarea {
    height: 158px;
    line-height: 58px
}

.jiaru form li .text2 {
    width: 285px
}

.jiaru form li .yzm {
    float: left;
    width: 150px;
    height: 58px;
    overflow: hidden
}

.jiaru form li.last {
    border: 0
}

.jiaru form li .button {
    display: block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: #fff;
    background: #ff7d2a
}
#download {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

#download .downbox {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eee
}

#download .downbox span {
    float: left;
    display: inline-block;
    height: 45px;
    text-align: center
}

#download .downbox span a {
    font-size: 16px;
    color: #888;
    display: block;
    white-space: nowrap
}

#download .downbox .name {
    width: 40%
}

#download .downbox .last, #download .downbox .time, #download .downbox .type {
    width: 20%
}

#download .downbox dd .last a {
    display: block;
    width: 100%;
    height: 45px;
    background: url(../images/download1.png) center 10px no-repeat;
    background-size: auto 60%
}

#download .downbox dd .last a:hover {
    background-image: url(../images/download2.png)
}

#download .downbox dt {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #e50012;
    border-bottom: 1px solid #ddd
}

#download .downbox dd {
    color: #999;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

#download .downbox dd:last-child {
    border-bottom: 0
}

#download .downbox dd:hover {
    background-color: #F3FAFF
}

.service h1 {
    font-size: 24px;
    color: #353535
}

.service p {
    font-size: 14px;
    color: #333;
    line-height: 36px;
    margin-top: 30px
}

.service .serbot {
    margin-top: 60px
}

.service .serbot .fl {
    width: 50%
}

.service .serbot .fl img {
    width: 100%
}

.service .serbot .serbot-word .red {
    color: #e50012;
    font-size: 24px;
    margin-bottom: 20px
}

.service .serbot .serbot-word span {
    font-size: 14px;
    background: #e50012;
    border-radius: 20px;
    color: #fff;
    padding: 5px 20px;
    margin-bottom: 10px;
    display: inline-block
}

.news {
    padding: 0px 0 34px
}

.news .caselist {
    padding: 0
}

.news .caselist li .pic {
    width: 50%;
    height: 400px
}

.news .caselist li .pic a img {
    width: 100%
}

.news .caselist li .word {
    width: 50%
}

.news .caselist li .word .wordbox {
    padding: 50px 48px 0 50px
}

.news .caselist li h3 {
    font-size: 24px;
    line-height: 36px;
    max-height: 72px;
    overflow: hidden
}

.news .caselist li h4 {
    font-size: 14px;
    color: #999;
    line-height: 36px
}

.news .caselist li p {
    color: #555;
    height: 90px;
    margin-top: 20px
}

.news .caselist li .more {
    margin-top: 27px;
    overflow: hidden
}

.newslist {
    width: 102%
}

.newslist li {
    float: left;
    width: 31.3%;
    height: 495px;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 20px;
    background: #fff
}

.newslist li .pic {
    width: 100%;
    position: relative;
    overflow: hidden
}

.newslist li .pic img {
    width: 100%
}

.newslist li b:before {
    width: 50px;
    height: 50px;
    background: url(../images/ic12.png) center no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.newslist li .box {
    padding: 25px 20px 25px;
    background: #f8f8f8;
}

.newslist li h3 {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    height: 60px;
    overflow: hidden
}

.newslist li p {
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    color: #999;
    margin-top: 15px
}

.newslist li h4 {
    font-size: 14px;
    color: #999;
    line-height: 40px
}

.newslist li h4 em {
    float: right;
    width: 40px;
    height: 40px;
    background: url(../images/arw11.png) center no-repeat
}

.newslist li:nth-child(3n) {
    margin-right: 0
}

.newslist li:hover h3 {
    color: #1aaa15;
}

.newslist li:hover h4 em {
    background-image: url(../images/arw10.png)
}

.newslist li a {
    display: block
}

.caselist li {
    background: #FFF;
    margin-top: 30px
}

.caselist li .pic {
    float: left;
    width: 460px;
    height: 360px;
    overflow: hidden
}

.caselist li .word {
    float: left;
    width: 740px
}

.caselist li h3 {
    font-size: 30px;
    color: #333;
    line-height: 50px
}

.caselist li p {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    height: 120px;
    margin-top: 20px;
    overflow: hidden
}

.caselist li .more {
    display: block;
    margin-top: 20px;
    background: url(../images/arw7.png) center no-repeat #D8253C;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    text-align: center;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s
}

.caselist li .more span {
    font-size: 14px;
    color: #FFF;
    vertical-align: top;
    line-height: 40px;
    padding-right: 24px;
    background: url(../images/arw7.png) right center no-repeat;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    display: none
}

.caselist li .more:hover {
    width: 140px;
    background-image: none
}

.caselist li .more:hover span {
    display: inline-block
}

.caselist li:hover h3 {
    color: #D8253C
}

.newslist li:hover b {
    display: block
}

.newslist li b {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/rbg.png);
    display: none
}

.news_det {
    padding: 0px 0 35px
}

.nt_con {
    background: #FFF
}

.nt_con .box {
    padding: 28px 30px 70px
}

.nt_con .tit {
    text-align: center;
    font-size: 24px;
    color: #333;
    line-height: 44px;
    padding-bottom: 28px;
    position: relative
}

.nt_con .tit:before {
    width: 100px;
    height: 1px;
    background: #DDD;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -50px
}

#products, .shop .shop_con {
    background: #fff
}

.nt_con .box h4 {
    font-size: 14px;
    color: #999;
    text-align: center;
    line-height: 24px;
    padding-top: 23px;
    padding-bottom: 23px;
}

.nt_con .box .pic, .nt_con .box p {
    padding-top: 30px
}

.nt_con .box p {
    font-size: 14px;
    line-height: 30px;
    color: #333;
    text-indent: 2em
}

.nt_con .box p em {
    display: block;
    text-indent: 2em;
    font-size: 18px
}

.nt_con .box p b {
    display: block;
    text-indent: 2em
}

.nt_con .box img {
    max-width: 100%
}

.nt_con .box p span {
    white-space: normal !important
}

.shop h1 {
    font-size: 18px;
    margin: 30px 0
}

.shop .shop_con a {
    display: block;
    padding: 19px 24px;
    border-right: 1px solid #eee
}

.shop .shop_con a .word {
    font-size: 16px;
    color: #333;
    display: block;
    line-height: 61px;
    margin-left: 13px
}

#products .prolist > ul > li > a.Cur, .shop .shop_con a .word:hover {
    color: #e50012
}

.shop .shop_con a .fr {
    margin-top: 21px;
    margin-left: 40px
}

#products {
    width: 100%;
    margin: 0 auto
}

#products .wrap {
    position: relative;
    width: 90%;
    max-width: 1460px;
    margin: 0 auto
}

#products .conLeft {
    width: 20%;
    max-width: 280px
}

#products .conRight {
    width: 78%
}

#products .prolist {
    width: 100%
}

#products .prolist > ul {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: url(../images/prolist-bg.png) top center repeat-y;
    border: 1px solid #ddd
}

#products .prolist > ul > li {
    display: block;
    text-align: left;
    float: none;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

#products .prolist > ul > li:last-of-type > a {
    border-bottom: 0 solid #ddd
}

#products .prolist > ul > li:last-child {
    border-bottom: 0
}

#products .prolist > ul > li > a {
    position: relative;
    display: block;
    margin-top: -1px;
    padding-left: 10%;
    width: 90%;
    height: 50px;
    line-height: 50px;
    font-size: 16px
}

#products .prolist > ul > li > a.on {
    background: url(../images/icon-plus.png) 95% 50% no-repeat;
    background-size: 18px auto
}

#products .prolist > ul > li > a > .icon {
    position: absolute;
    z-index: 2;
    left: 5%;
    top: 50%;
    margin-top: -14px;
    display: block;
    width: 28px;
    height: 28px;
    overflow: hidden
}

#products .prolist > ul > li > a:after {
    position: absolute;
    left: 20%;
    top: 50%;
    width: 0;
    height: 20px;
    margin-top: -10px;
    background: #ccc;
    content: ''
}

#products .prolist > ul > li > a > .icon > img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

#products .prolist > ul > li > .A .icon > img {
    top: -28px
}

#products .prolist > ul > li > .A {
    background: url(../images/icon-minus.png) 95% 50% no-repeat #1aaa15 !important;
    background-size: 18px auto !important;
    border-top: 1px solid #1aaa15;
    border-right: 1px solid #1aaa15;
    color: #fff !important
}

#products .prolist > ul > li:hover > a {
    color: #1aaa15;
}

#products .prolist > ul > li > ul {
    display: block;
    background: url(../images/prolist-bg.png) top center repeat-y #eee;
    padding: 0;
    margin: 0 auto
}

#products .prolist > ul > li > ul > li {
    display: block;
    font-size: 14px;
    text-align: left;
    float: none
}

#products .prolist > ul > li > ul > li > a {
    display: block;
    padding: 10px 0 10px 8%;
    width: 92%;
    -webkit-transition: all .35s;
    transition: all .35s
}

#products .prolist > ul > li > ul > li a:hover {
    color: #1aaa15;
}

#products .prolist > ul > li > ul > li .on {
    background: url(../images/icon-plus.png) 95% 50% no-repeat;
    background-size: 16px auto
}

#products .prolist > ul > li > ul > li .A {
    background: url(../images/icon-minus.png) 95% 50% no-repeat #ff585e !important;
    background-size: 16px auto !important;
    border-top: 1px solid #ff585e;
    border-right: 1px solid #ff585e;
    color: #fff !important
}

#products .prolist > ul > li > ul > li ul {
    background: url(../images/prolist-bg.png) top center repeat-y #f7f7f7;
    padding: 0;
    margin: 0 auto
}

#products .prolist > ul > li > ul > li ul > li {
    display: block;
    font-size: 14px;
    text-align: left
}

#products .prolist > ul > li > ul > li ul > li > a {
    display: block;
    padding: 10px 0 10px 8%;
    width: 92%;
    -webkit-transition: all .35s;
    transition: all .35s
}

#products .prolist > ul > li > ul > li > ul > li .A {
    background: url(../images/icon-minus.png) 95% 50% no-repeat #ffa7aa !important;
    background-size: 16px auto !important;
    border-top: 1px solid #ffa7aa;
    border-right: 1px solid #ffa7aa;
    color: #fff !important
}

#products .prolist > ul > li .sA {
    color: #d82128;
    font-weight: 700
}

#products .procall {
    margin: 30px auto;
    border: 1px solid #ddd
}

#products .procall > .text {
    padding: 30px 20px;
    text-align: left
}

#products .procall > .text > .title {
    font-size: 14px;
    color: #666
}

#products .procall > .text > .title > img {
    height: 20px;
    width: auto;
    opacity: .4
}

#products .procall > .text > .tel {
    padding: 8px 0;
    font-size: 24px;
    font-weight: 700;
    color: #d82128
}

#products .procall > .text > .tips {
    font-size: 12px;
    color: #999
}

#products .procall > .online {
    border-top: 1px solid #ddd;
    overflow: hidden
}

#products .procall > .online > a {
    position: relative;
    display: block;
    width: 50%;
    float: left;
    padding: 20px 0;
    text-align: center;
    background: #f7f7f7;
    -webkit-transition: all .35s;
    transition: all .35s
}

#products .procall > .online > a:first-child:after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-right: 1px solid #ddd;
    content: ''
}

#products .procall > .online > a > span {
    display: block;
    position: relative;
    width: 45px;
    height: 45px;
    overflow: hidden;
    margin: 0 auto 5px
}

#products .procall > .online > a > span > img {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all .35s;
    transition: all .35s
}

#products .procall > .online > a:hover {
    background: #d82128;
    color: #fff
}

#products .procall > .online > a:hover span > img {
    top: -45px
}

#products .product {
    margin: 0 auto
}

#products .product > li {
    display: block;
    float: left;
    width: 33%;
    border: 1px solid #eee;
    margin-top: -1px;
    margin-left: -1px;
}

#products .product > li > a {
    display: block;
    position: relative
}
#products .product > li > a .pic{
    width: 280px;
    margin: 0 auto;
}
#products .product > li > a .pic img{
    width: 100%;
}
#products .product > li > a .word{
    background: #fff;
    text-align: center;
    display: block;
    padding: 24px 0 26px;
}


#products .product > li > a .word .p1{
    font-size: 20px;
    color: #333;
}
#products .product > li > a .word .p2{
    font-size: 16px;
    color: #b9b9b9;
    margin: 11px 0 17px;
}

#products .product > li > a .word .mbtn{
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    background: url(../images/more2.png) center no-repeat;
}
#products .product > li > a:hover .word{
    background: #1aaa15;
}
#products .product > li > a:hover .word .p1{
    color: #ffffff;
}
#products .product > li > a:hover .word .p2{
    color: #bbdfba;
}
#products .product > li .tips {
    position: absolute;
    z-index: 6;
    right: 0;
    top: 0
}

#products .product > li .tips > img {
    width: 60px;
    height: auto
}

#products .product > li .view {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    padding-top: 40%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all .35s;
    transition: all .35s
}

#products .product > li .view .icon {
    position: relative;
    display: block;
    margin: 0 auto 10px;
    width: 58px;
    height: 58px;
    border: 1px solid #fff;
    border-radius: 100%;
    text-align: center;
    overflow: hidden
}

#products .product > li .view .icon > img {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
    -webkit-transition: all .35s;
    transition: all .35s
}

#products .product > li .img {
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden
}

#products .product > li .img > img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

#products .product > li .name {
    font-size: 16px;
    text-align: center;
    padding: 20px 10px;
    white-space: nowrap
}

#products .product > li > a:hover:after {
    background: rgba(216, 33, 40, .8)
}

#products .product > li > a:hover .view {
    opacity: 1
}

#products .product > li > a:hover .view .icon > img {
    left: 0
}

#products .wrap > .clear {
    padding-bottom: 50px
}

#product-view .tags, #product-view > .wrap {
    padding: 50px 0 100px;
    margin: 0 auto
}

.m_pro_select {
    display: none
}

.swiper8 {
    background: #fff
}

.swiper8 .swiper-slide {
    text-align: center;
    width: auto
}

.swiper8 a {
    margin: 0 10px;
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 50px;
    height: 50px
}

.swiper8 .swiper-slide.on a, .swiper8 .swiper-slide:active a, .swiper8 .swiper-slide:hover a {
    color: #d8253c;
    background: url(../images/l4.jpg) center bottom repeat-x
}

.m_pro_search {
    display: none
}

#product-view {
    width: 100%;
    margin: 0 auto;
    background: #fff
}

#product-view > .wrap {
    width: 90%;
    max-width: 1460px
}

#product-view .tags .tags_title {
    padding: 20px;
    text-align: center
}

#product-view .tags .tags_title a {
    display: inline-block;
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 10px;
    border: 3px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    background: #fff;
    color: #666;
    -webkit-transition: all .35s;
    transition: all .35s
}

#product-view .tags .tags_title a > span {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin: 15px auto 10px;
    overflow: hidden
}

#product-view .tags .tags_title a > span > img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: auto
}

#product-view .tags .tags_title .A {
    color: #d82128;
    border: 3px solid #d82128
}

#product-view .tags .tags_title .A > span > img {
    top: -40px
}

#product-view .tags .tags_content {
    display: none;
    text-align: left;
    line-height: 25px;
    color: #676767;
    border-top: 1px solid #ddd;
    padding-top: 50px;
    font-size: 14px
}

#product-view .tags .tags_content iframe {
    width: 100%;
    height: 700px;
    margin: 0 auto
}

#product-view .tags .tags_content table {
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    width: 100%
}

#product-view .tags .tags_content table tr {
    -webkit-transition: all .1s;
    transition: all .1s
}

#product-view .tags .tags_content table tr:first-child {
    background: #666 !important;
    font-weight: 700;
    font-size: 15px;
    color: #fff !important
}

#product-view .tags .tags_content table tr:first-child td {
    border-right: 1px solid rgba(255, 255, 255, .1) !important;
    padding: 15px 20px !important
}

#product-view .tags .tags_content table td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding: 10px 20px
}

#product-view .tags .tags_content table td:last-of-type {
    border-right: 1px solid #fff !important
}

#product-view .tags .tags_content table tr:hover {
    background: #d82128;
    color: #fff
}

#product-view .tags .tags_content a {
    display: inline-block;
    text-align: left;
    width: 30%;
    -webkit-transition: all .35s;
    transition: all .35s
}

#product-view .tags .tags_content a > img {
    height: 50px;
    width: auto;
    margin-right: 15px
}

#product-view .tags .tags_content a:hover {
    text-decoration: underline
}

#product-view .tags .tags_content a.pdf {
    font-size: 16px
}

#product-view .tags .tags_content a.down_3d {
    display: inline-block;
    background: #d82128;
    border-radius: 5px;
    font-size: 16px;
    padding: 5px 0;
    line-height: 45px;
    color: #fff;
    margin-top: 20px;
    width: 180px
}

#product-view .tags .tags_content a.down_3d > span {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 25px;
    width: 45px;
    height: 45px;
    overflow: hidden
}

#product-view .tags .tags_content a.down_3d > span > img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: -45px;
    width: 100%;
    height: auto
}

#product-view .tags .tags_content a.down_3d:hover {
    background: #f90;
    text-decoration: none
}

#product-view .tags .tags_content .tips {
    display: inline-block;
    padding: 10px 20px;
    line-height: 20px;
    text-align: left;
    color: #aaa;
    font-size: 14px
}

#product-view .name {
    font-size: 26px;
    color: #000;
    padding: 0 0 20px;
    text-align: left
}

#product-view .name > img {
    margin-right: 10px;
    width: 40px
}

#product-view .container {
    position: relative;
    height: auto;
    border: 1px solid #ddd;
    overflow: hidden
}

#product-view .container .tagcon {
    display: none;
    width: 80%;
    height: auto;
    overflow: hidden;
    text-align: center
}

#product-view .container .tagcon iframe {
    display: block;
    width: 100%;
    height: 500px;
    margin: 0;
    padding: 0
}

#product-view .container .tagcon .down_3d {
    position: relative;
    margin: 0 auto;
    padding: 0 30px;
    height: 100px;
    border-right: 1px solid #ddd;
    text-align: left
}

#product-view .container .tagcon .down_3d > a {
    display: inline-block;
    background: #d82128;
    border-radius: 5px;
    font-size: 16px;
    padding: 5px 0;
    line-height: 45px;
    color: #fff;
    margin-top: 20px;
    width: 180px
}

#product-view .container .tagcon .down_3d > a img {
    display: inline-block;
    margin-left: 25px;
    height: 35px;
    width: auto
}

#product-view .container .tagcon .down_3d > a:hover {
    background: #f90;
    text-decoration: none
}

#product-view .container .tagcon .down_3d > .tips {
    position: absolute;
    left: 230px;
    top: 25px;
    z-index: 2;
    display: block;
    padding: 0 20px;
    line-height: 20px;
    text-align: left;
    color: #aaa;
    font-size: 14px
}

#product-view .container .tagcon img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

#product-view .container .tagtit {
    width: 10%;
    padding: 10% 5%;
    text-align: center
}

#product-view .container .tagtit a {
    display: block;
    width: 90%;
    border-radius: 30px;
    border: 1px solid #ddd;
    padding: 10px 0;
    font-size: 14px;
    margin: 7px auto;
    -webkit-transition: all .35s;
    transition: all .35s
}

#product-view .container .tagtit .A, #product-view .container .tagtit .A2 {
    background: #1aaa15;
    color: #fff;
    border: 1px solid #1aaa15
}

#product-view .img-box {
    position: relative;
    width: 600px;
    height: 600px;
    text-align: center;
    margin: 0 auto
}

#product-view .img-box .swiper-container {
    width: 100%;
    height: 100%
}

#product-view .img-box .swiper-slide {
    text-align: center;
    background: #fff;
    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
}

#product-view .img-box .swiper-slide a, #product-view .img-box .swiper-slide img {
    width: 100% !important;
    height: 100% !important
}

#product-view .img-box .swiper-pagination {
    position: absolute;
    z-index: 9;
    left: 50%;
    bottom: 30px;
    width: 100%;
    margin-left: -50%
}

#product-view .img-box .swiper-pagination > span {
    margin: 0 2px
}

#product-view .img-box .swiper-pagination .swiper-pagination-bullet-active {
    background: #d82128 !important
}

#product-view .model {
    margin: 0 auto;
    padding: 20px 0;
    text-align: left
}

#product-view .model .title {
    display: block;
    padding: 30px 0;
    color: #333;
    font-size: 21px;
    font-weight: 400
}

#product-view .model .text {
    padding: 10px 0;
    text-align: left;
    font-size: 14px
}

#product-view .model .text table {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 0;
    width: 100%;
    min-width: 1000px
}

#product-view .model .text table tr:first-child {
    background: #eee;
    font-weight: 700;
    color: #333
}

#product-view .model .text table td {
    text-align: left;
    font-size: 14px;
    color: #666;
    padding: 10px 20px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

#product-view .model .text table tr:hover td {
    color: #d82128
}

#product-view .model .text .tableWap {
    overflow: hidden;
    overflow-x: auto
}

#product-view .model .text img {
    max-width: 100%
}

#product-view .model .text p span {
    white-space: normal !important
}

#product-view .model .text td {
    border: 1px solid #000
}