@charset "utf-8";
    blockquote,
    body,
    button,
    caption,
    dd,
    div,
    dl,
    dt,
    fieldset,
    figure,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    html,
    input,
    legend,
    li,
    menu,
    ol,
    p,
    pre,
    table,
    td,
    textarea,
    th,
    ul {
        margin: 0;
        padding: 0
    }
    
    address,
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    menu,
    nav,
    section {
        display: block
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    
    caption,
    th {
        text-align: left;
        font-weight: 400
    }
    
    abbr,
    body,
    fieldset,
    html,
    iframe,
    img {
        border: 0
    }
    
    address,
    cite,
    dfn,
    em,
    i,
    var {
        font-style: normal
    }
    
    [hidefocus],
    summary {
        outline: 0
    }
    
    li {
        list-style: none
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    small {
        font-size: 100%
    }
    
    sub,
    sup {
        font-size: 83%
    }
    
    code,
    kbd,
    pre,
    samp {
        font-family: inherit
    }
    
    q:after,
    q:before {
        content: none
    }
    
    textarea {
        overflow: auto;
        resize: none
    }
    
    label,
    summary {
        cursor: default
    }
    
    a,
    button {
        cursor: pointer
    }
    
    b,
    em,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong {
        font-weight: 700
    }
    
    a,
    a:hover,
    del,
    ins,
    s,
    u {
        text-decoration: none
    }
    
    body,
    button,
    input,
    keygen,
    legend,
    select,
    textarea {
        font: 12px/1.14 Arial, Helvetica, sans-serif, "";
        color: #333;
        outline: 0
    }
    
    body {
        background: #fff
    }
    
    a,
    a:hover {
        color: #333
    }
    
    img {
        border: 0
    }
    
    #xyz {
        right: 0;
        top: 5px
    }
    
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }
    
    .clearfix {
        *zoom: 1
    }
    
    .navbar {
        position: relative;
        width: 100%;
        border-top: 6px solid #0574bb;
        background: #ededed
    }
    
    .navbar .container {
        margin: 0 auto;
        padding: 0 15px;
        *zoom: 1
    }
    
    .navbar .container:after,
    .navbar .container:before {
        content: "";
        display: table
    }
    
    .navbar .container:after {
        clear: both
    }
    
    .navbar .navbar-header {
        *zoom: 1;
        width: 100%;
        z-index: 50
    }
    
    .navbar .navbar-header:after,
    .navbar .navbar-header:before {
        content: "";
        display: table
    }
    
    .navbar .navbar-header:after {
        clear: both
    }
    
    .navbar .navbar-brand {
        float: left;
        display: block;
        padding: 10px 0
    }
    
    .navbar .navbar-brand img {
        vertical-align: middle
    }
    
    .navbar .navbar-toggle {
        display: block;
        position: relative;
        float: right;
        margin-right: 15px;
        padding: 9px 10px;
        margin-top: 21px;
        margin-bottom: 21px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        border-color: #ddd
    }
    
    .navbar .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
    }
    
    .navbar .icon-bar {
        display: block;
        width: 38px;
        height: 4px;
        border-radius: 1px;
        margin: 6px 3px;
        background: #888
    }
    
    .navbar .navbar-collapse {
        display: none;
        position: fixed;
        width: 100%;
        z-index: 55;
        left: 0;
        background: #ededed
    }
    
    .navbar .navbar-nav li {
        display: block;
        position: relative;
        text-align: center;
        font-size: 0
    }
    
    .navbar .navbar-nav li {
        display: block;
        padding: 0 3px
    }
    
    .navbar .navbar-nav li a {
        line-height: 36px;
        color: #939393;
        font-size: 16px
    }
    
    .navbar .dropdown .dropdown-menu {
        display: none;
        width: auto;
        position: fixed;
        left: -200%;
        top: 0
    }
    
    .navbar .dropdown .dropdown-menu li {
        display: block;
        width: 100%;
        padding: 0;
        z-index: 20;
        text-align: center
    }
    
    .navbar .dropdown .dropdown-menu li a {
        display: block;
        padding: 0 0 0 11px;
        color: #dbe8ff
    }
    
    .navbar .dropdown .dropdown-menu li:last-child {
        border: 0
    }
    
    .navbar .dropdown .dropdown-menu li:hover {
        background: #0574bb
    }
    
    .navbar .dropdown .dropdown-menu li:hover a {
        color: #fff
    }
    
    .navbar .dropdown.open .dropdown-menu {
        display: block
    }
    
    .navbar .select-flag {
        display: none
    }
    
    .navbar .home span {
        background: #0574bb
    }
    
    .navbar .home span a {
        color: #fff
    }
    
    .navbar .active span {
        background: #0574bb
    }
    
    .navbar .active span a {
        color: #fff
    }
    
    .navbar .collapse {
        display: block;
        position: absolute
    }
    
    @media (min-width:768px) {
        .navbar .container {
            width: 750px
        }
    }
    
    @media (min-width:992px) {
        .navbar .container {
            width: 955px
        }
        .navbar .navbar-header {
            float: left;
            width: auto
        }
        .navbar .navbar-brand {
            float: left
        }
        .navbar .navbar-toggle {
            display: none
        }
        .navbar .navbar-collapse {
            position: relative;
            display: block;
            background: 0 0
        }
        .navbar .navbar-nav {
            float: right
        }
        .navbar .navbar-nav li {
            float: left;
            height: 82px
        }
        .navbar .navbar-nav li a {
            padding: 30px 5px 5px 5px;
            display: inline-block;
            vertical-align: top
        }
        .navbar .navbar-nav li a:hover {
            background: #0574bb;
            color: #fff
        }
        .navbar .dropdown .dropdown-menu {
            display: none;
            position: absolute;
            width: 205px;
            top: 82px;
            left: 50%;
            margin: 0 0 0 -102px
        }
        .navbar .dropdown .dropdown-menu li {
            display: block;
            width: 100%;
            height: 30px;
            padding: 0;
            z-index: 20;
            text-align: left;
            border-bottom: 1px solid #e0e1e1;
            background: rgba(255, 255, 255, .9)
        }
        .navbar .dropdown .dropdown-menu li a {
            display: block;
            padding: 0 0 0 11px;
            color: #555;
            line-height: 30px
        }
        .navbar .dropdown .dropdown-menu li:last-child {
            border: 0
        }
        .navbar .dropdown .dropdown-menu li:hover {
            background: #0574bb
        }
        .navbar .dropdown .dropdown-menu li:hover a {
            color: #fff
        }
        .navbar .dropdown.open .dropdown-menu {
            display: block
        }
        .navbar .select-flag {
            display: block;
            float: left;
            width: 132px;
            height: 26px;
            line-height: 26px;
            margin: 32px 10px 0;
            background: #fff;
            position: relative;
            *zoom: 1
        }
        .navbar .select-flag:after,
        .navbar .select-flag:before {
            content: "";
            display: table
        }
        .navbar .select-flag:after {
            clear: both
        }
        .navbar .select-flag .lower {
            cursor: pointer;
            z-index: 100;
            position: absolute;
            right: 8px;
            top: 8px;
            width: 17px;
            display: block;
            overflow: hidden;
            height: 10px
        }
        .navbar .select-flag .up:before {
            content: '';
            height: 8px;
            width: 8px;
            display: block;
            border: 2px solid #bbb;
            border-right-width: 0;
            border-top-width: 0;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            position: absolute;
            bottom: 3px;
            left: 3px
        }
        .navbar .select-flag .dp:before {
            content: '';
            height: 8px;
            width: 8px;
            display: block;
            border: 2px solid #bbb;
            border-right-width: 0;
            border-top-width: 0;
            transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            position: absolute;
            top: 3px;
            left: 3px
        }
        .navbar .select-flag ul {
            *zoom: 1;
            background: #fff
        }
        .navbar .select-flag ul:after,
        .navbar .select-flag ul:before {
            content: "";
            display: table
        }
        .navbar .select-flag ul:after {
            clear: both
        }
        .navbar .select-flag li {
            position: relative;
            height: 26px;
            width: 116px;
            padding: 0 8px;
            z-index: 1;
            text-align: left
        }
        .navbar .select-flag li a {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
            height: 26px;
            line-height: 26px;
            color: #bbb;
            font-size: 16px
        }
        .navbar .select-flag li img {
            display: inline-block;
            vertical-align: middle;
            margin: -2px 7px 0 0;
            height: 16px
        }
    }
    
    @media (min-width:1200px) {
        .navbar .container {
            width: 1170px
        }
        .navbar .navbar-collapse {
            display: block
        }
        .navbar .navbar-nav li {
            height: 82px
        }
        .navbar .navbar-nav li a {
            padding: 30px 15px 5px 15px;
            display: inline-block;
            vertical-align: top
        }
        .navbar .navbar-nav .select-flag li {
            height: 26px
        }
        .navbar .dropdown-menu li {
            margin: 0
        }
    }
    
    .about-banner {
        width: 100%;
        height: auto
    }
    
    .about-banner img {
        margin: 0 auto;
        max-width: 100%;
        height: auto;
        display: block
    }
    
    .search {
        position: relative;
        background: #363636;
        width: 100%
    }
    
    .search .container {
        width: 260px;
        padding: 14px 0;
        margin: 0 auto;
        position: relative
    }
    
    .search .container .search-icon {
        width: 45px;
        height: 37px;
        position: absolute;
        top: 14px;
        left: 0
    }
    
    .search .container .search-ipt {
        *zoom: 1
    }
    
    .search .container .search-ipt:after,
    .search .container .search-ipt:before {
        content: "";
        display: table
    }
    
    .search .container .search-ipt:after {
        clear: both
    }
    
    .search .container .search-ipt input {
        width: 145px;
        height: 37px;
        padding: 0 8px 0 45px;
        border: 0;
        font-size: 16px;
        background: #fff;
        float: left;
        color: #ccc
    }
    
    .search .container .search-ipt button {
        background: #0574bb url(../images/sss1.png) no-repeat center center;
        width: 60px;
        height: 37px;
        border: 0;
        float: left;
        position: relative
    }
    
    .search .container .seach-title {
        position: absolute;
        top: 19px;
        left: 0;
        width: 40%;
        height: 70px;
        background: #363636;
        color: #fff;
        text-align: left;
        padding-top: 20px
    }
    
    .search .container .seach-title h2 {
        padding-left: 20%;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px
    }
    
    .search .container .seach-title i {
        padding-left: 20%;
        opacity: .5
    }
    
    @media (min-width:768px) {
        .search .container {
            width: 460px
        }
        .search .container .search-ipt input {
            width: 345px
        }
    }
    
    @media (min-width:992px) {
        .search .container {
            width: 560px
        }
        .search .container .search-ipt input {
            width: 445px
        }
    }
    
    @media (min-width:1200px) {
        .search .container {
            width: 760px
        }
        .search .container .search-ipt input {
            width: 645px
        }
    }
    
    .g-sidebar {
        width: 22%;
        float: left;
        *display: inline;
        margin-left: 2%
    }
    
    .g-sidebar h3 {
        width: 100%;
        font-size: 23px;
        font-weight: 400;
        line-height: 60px;
        border-top: 6px solid #0574bb;
        background: #fff;
        text-align: center;
        margin-top: -3px
    }
    
    .g-sidebar .list {
        width: 98%;
        margin-top: 2%
    }
    
    .g-sidebar .list .title {
        font-size: 20px;
        line-height: 20px;
        color: #000;
        padding: 17px 0 17px 20px;
        background: url(../images/hl_left.png) no-repeat left center;
        cursor: pointer;
        border-bottom: 1px solid #e3e3e3;
        display: block
    }
    
    .g-sidebar .list .titletwo {
        line-height: 20px;
        background-position: left 17px
    }
    
    .g-sidebar .list .active {
        color: #0574bb;
        background: url(../images/m147/hl_down.png) no-repeat left 20px
    }
    
    .g-sidebar .list li {
        padding-left: 26px;
        margin-top: 13px;
        display: none
    }
    
    .g-sidebar .list li a {
        background: url(../images/m147/hl_fire.png) no-repeat left center;
        padding-left: 16px;
        font-size: 14px;
        line-height: 16px;
        color: #999
    }
    
    .g-sidebar .list li a:hover {
        color: #2c2b2b
    }
    
    .g-sidebar .hot {
        width: 100%;
        padding-top: 80px
    }
    
    .g-sidebar .hot .hot-list li {
        font-size: 20px;
        line-height: 20px;
        color: #999;
        padding: 17px 0 17px 26px;
        background: url(../images/m147/hl_fire.png) no-repeat left center;
        cursor: pointer;
        border-bottom: 1px solid #e3e3e3;
        margin-left: 2%
    }
    
    @media screen and (max-width:1004px) and (min-width:960px) {
        .g-sidebar h3 {
            font-size: 23px;
            line-height: 60px
        }
        .g-sidebar .list .title {
            font-size: 16px;
            line-height: 16px
        }
        .g-sidebar .list li a {
            font-size: 14px
        }
        .g-sidebar .hot .hot-list li {
            font-size: 15px
        }
    }
    
    @media screen and (max-width:960px) {
        .g-sidebar {
            float: none;
            width: 95%;
            margin: 0 auto
        }
        .g-sidebar .hot {
            padding-top: 30px
        }
    }
    
    @media screen and (max-width:640px) and (min-width:480px) {
        .g-sidebar {
            float: none;
            width: 89%;
            margin: 0 auto
        }
    }
    
    @media screen and (max-width:480px) and (min-width:320px) {
        .g-sidebar {
            float: none;
            width: 89%;
            margin: 0 auto
        }
    }
    
    @media screen and (max-width:990px) {
        .g-sidebar {
            float: none;
            width: 95%;
            margin-top: 5%
        }
    }
    
    .footer {
        padding-top: 20px;
        background: #161616
    }
    
    .footer .container {
        *zoom: 1;
        max-width: 1200px;
        padding: 25px 0 25px 0;
        margin: 0 auto
    }
    
    .footer .container:after,
    .footer .container:before {
        content: "";
        display: table
    }
    
    .footer .container:after {
        clear: both
    }
    
    .footer .col {
        float: left;
        *display: inline;
        width: 242px;
        height: 240px;
        padding-left: 20px;
        margin: 0 0 40px 2.5%;
        border-left: 1px solid #383838;
        color: #0574bb
    }
    
    .footer .logo-brand {
        display: block;
        width: 100%
    }
    
    .footer .logo-brand img {
        vertical-align: middle;
        max-width: 242px
    }
    
    .footer .logo-txt {
        float: left;
        width: 100%;
        font-size: 14px;
        line-height: 1.5;
        padding-top: 10px;
        color: #565656
    }
    
    .footer .pro-title {
        position: relative;
        font-size: 14px;
        font-weight: 700;
        border-left: 1px solid #0574bb;
        line-height: 1.5;
        margin-bottom: 27px;
        margin-left: -21px;
        padding-left: 20px
    }
    
    .footer .contact-list li {
        width: 262px;
        margin: 0 0 16px;
        color: #565656
    }
    
    .footer .contact-list .m-icon {
        float: left;
        display: inline-block;
        width: 24px;
        height: 21px;
        background: url(../images/foot_icon.png) no-repeat 0 0;
        vertical-align: middle
    }
    
    .footer .contact-list .add {
        background-position: 0 0
    }
    
    .footer .contact-list .tel {
        background-position: 0 -22px
    }
    
    .footer .contact-list .mail {
        background-position: 0 -44px
    }
    
    .footer .contact-list .txt {
        float: left;
        width: 216px;
        word-break: break-all;
        padding: 0 0 0 20px;
        font-size: 14px;
        line-height: 1.5
    }
    
    .footer .contact-list .txt a {
        color: #565656
    }
    
    .footer .contact-list .txt a:hover {
        color: #0574bb
    }
    
    .footer .cate-list {
        margin: -12px 0 0
    }
    
    .footer .cate-list li {
        position: relative;
        width: 262px;
        height: 39px;
        line-height: 39px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px
    }
    
    .footer .cate-list li a {
        position: relative;
        color: #565656;
        padding: 0 0 0 10px
    }
    
    .footer .cate-list li a:hover {
        color: #9b9b9b
    }
    
    .footer .cate-list li a:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 0;
        height: 0;
        margin: -3px 0 0;
        border-top: 3px solid transparent;
        border-left: 5px solid #0574bb;
        border-bottom: 3px solid transparent
    }
    
    .footer .cate-list li a:after {
        content: '';
        position: absolute;
        top: 50%;
        left: -2px;
        width: 0;
        height: 0;
        margin: -3px 0 0;
        border-top: 3px solid transparent;
        border-left: 5px solid #161616;
        border-bottom: 3px solid transparent
    }
    
    .footer .qr-wrap {
        display: inline-block
    }
    
    .footer .qr-wrap img {
        padding: 4px;
        border: 1px solid #343434;
        max-width: 184px;
        max-height: 184px
    }
    
    .footer .col:first-child {
        border: 0
    }
    
    @media screen and (max-width:1200px) and (min-width:570px) {
        .footer .container {
            max-width: 580px
        }
        .footer .col {
            margin: 0 0 40px 4%
        }
    }
    
    @media screen and (max-width:570px) {
        .footer .container {
            max-width: 270px
        }
    }
    
    .footer .foottext {
        position: relative;
        background: #2a2a2a;
        padding: 30px 0 24px;
        font-size: 12px
    }
    
    .footer .copyright {
        float: left;
        color: #727272
    }
    
    .footer .foot-nav {
        float: right
    }
    
    .footer .foot-nav li {
        position: relative;
        display: inline-block;
        padding: 0 10px
    }
    
    .footer .foot-nav li a {
        color: #727272
    }
    
    .footer .foot-nav li a:hover {
        color: #0574bb
    }
    
    .footer .foot-nav li:before {
        position: absolute;
        top: 50%;
        right: 1px;
        margin: -4px 0 0;
        content: '';
        width: 0;
        height: 7px;
        border-right: 1px solid #000
    }
    
    .footer .foot-nav li:after {
        position: absolute;
        top: 50%;
        right: 0;
        margin: -4px 0 0;
        content: '';
        width: 0;
        height: 7px;
        border-right: 1px solid #565656
    }
    
    .footer .foot-nav li:last-child:before {
        display: none
    }
    
    .footer .foot-nav li:last-child:after {
        display: none
    }
    
    @media screen and (max-width:1200px) {
        .footer .foottext .copyright {
            padding-left: 10px
        }
        .footer .foottext .foot-nav {
            padding-top: 10px
        }
    }
    
    .footer .back-btn {
        position: absolute;
        top: -17px;
        left: 50%;
        margin: 0 0 0 -17px;
        display: block;
        width: 34px;
        height: 34px;
        background: #0574bb;
        transform: rotate(45deg)
    }
    
    .footer .back-btn:before {
        content: '';
        position: absolute;
        top: 12px;
        left: 7px;
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-bottom: 9px solid #fff;
        border-right: 9px solid transparent;
        transform: rotate(-45deg)
    }
    
    .footer .back-btn:after {
        content: '';
        position: absolute;
        top: 15px;
        left: 9px;
        width: 0;
        height: 0;
        margin: -1px 0 0;
        border-left: 9px solid transparent;
        border-bottom: 9px solid #0574bb;
        border-right: 9px solid transparent;
        transform: rotate(-45deg)
    }
    
    .table {
        border-collapse: collapse
    }
    
    .table td,
    .table th {
        border: 1px solid #cdcdcd;
        padding: 5px
    }
    
    .table p {
        padding: 0;
        margin: 0
    }
    
    .singglepic {
        float: left;
        width: 360px!important
    }
    
    .singglepic img {
        width: 360px
    }
    
    #xyz {
        right: 0;
        margin-top: 7px
    }
    
    .jsshare {
        padding-top: 8px
    }
    
    .jsshare span.stxt {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        padding: 0 8px 0 0;
        position: relative
    }
    
    .jsshare a,
    .jsshare a img {
        width: 35px;
        vertical-align: middle
    }
    
    .addthis_sharing_toolbox {
        display: inline-block
    }
    
    .at-icon-wrapper svg,
    span.at-icon-wrapper {
        width: 24px!important;
        height: 24px!important;
        line-height: 24px!important
    }
    
    .rollPro1 {
        width: 92%;
        margin: 10px auto;
        overflow: hidden
    }
    
    .rollPro1 h2 {
        color: #000;
        font-size: 20px;
        font-weight: 400;
        padding-bottom: 10px
    }
    
    .rollPro1 li {
        width: 30%;
        float: left;
        margin-right: 5%;
        text-align: center
    }
    
    .rollPro1 li:nth-of-type(3) {
        margin-right: 0
    }
    
    .rollPro1 li:nth-of-type(6) {
        margin-right: 0
    }
    
    .rollPro1 li:nth-of-type(9) {
        margin-right: 0
    }
    
    .rollPro1 li:nth-of-type(12) {
        margin-right: 0
    }
    
    .rollPro1 li .pbox {
        border: 1px solid #eee;
        padding: 4px;
        height: 180px
    }
    
    .rollPro1 li .pbox img {
        max-width: 100%;
        max-height: 180px
    }
    
    .rollPro1 li p {
        font-size: 14px;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        margin: 10px auto
    }
    
    .rollPro1 {
        width: 92%;
        margin: 10px auto;
        overflow: hidden
    }
    
    .rollPro1 h2 {
        padding-bottom: 10px
    }
    
    .rollPro1 li {
        width: 30%;
        float: left;
        margin-right: 5%;
        text-align: center
    }
    
    .rollPro1 li:nth-of-type(3) {
        margin-right: 0
    }
    
    .rollPro1 li:nth-of-type(6) {
        margin-right: 0
    }
    
    .rollPro1 li:nth-of-type(9) {
        margin-right: 0
    }
    
    .rollPro1 li:nth-of-type(12) {
        margin-right: 0
    }
    
    .rollPro1 li .pbox {
        border: 1px solid #eee;
        padding: 4px;
        height: 150px
    }
    
    .rollPro1 li .pbox img {
        max-width: 100%;
        max-height: 150px
    }
    
    .rollPro1 li p {
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        margin: 10px auto
    }
    
    .pro-body {
        clear: both;
        margin: 10px auto 0;
        font-size: 14px;
        line-height: 20px
    }
    
    ul.ninelist.ninelist-one {
        float: left
    }
    
    .news-section .container .main .ninelist li {
        height: 210px;
        clear: both
    }
    
    .pic-l img {
        max-width: 100%;
        height: auto;
        max-height: 200px
    }
    
    .pic-l {
        float: left;
        width: 20%
    }
    
    .pic-r {
        float: right;
        width: 76%;
        margin-top: 8px
    }
    
    .pic-r p {
        float: left
    }
    
    .pic-r p a {
        font-size: 16px;
        color: #333;
        font-weight: 700
    }
    
    .pic-r span {
        float: right;
        color: #666;
        line-height: 20px
    }
    
    .pic-r h6 {
        color: #666;
        font-size: 14px;
        padding-top: 10px;
        clear: both
    }
    
    .g-container .news-list li {
        display: inline-block;
        width: 100%
    }
    
    .bPosition {
        margin: 0 10px;
        margin-bottom: 20px;
        margin-left: 20px;
        font-size: 15px;
        height: auto;
        padding: 10px;
        line-height: 25px;
        background: #fff
    }
    
    .pdown1 #A_DownLoadProduct {
        display: inline-block;
        clear: both;
        height: 32px;
        margin: 16px 0 0 0;
        line-height: 32px;
        background: url(../images/down1_2.png) right top no-repeat;
        padding-right: 50px
    }
    
    .pdown1 #A_DownLoadProduct span {
        display: inline-block;
        height: 32px;
        background: url(../images/down1_1.png) no-repeat;
        padding: 0 0 0 16px
    }
    
    .pdown2 #A_DownLoadProduct,
    .pdown3 #A_DownLoadProduct,
    .pdown4 #A_DownLoadProduct {
        display: inline-block;
        clear: both;
        height: 45px;
        margin: 16px 0 0 0;
        line-height: 45px;
        padding-right: 45px
    }
    
    .pdown2 #A_DownLoadProduct span,
    .pdown3 #A_DownLoadProduct span,
    .pdown4 #A_DownLoadProduct span {
        display: inline-block;
        height: 45px;
        background: url(../images/down2_1.png) no-repeat;
        padding: 0 12px 0 16px
    }
    
    .pdown2 #A_DownLoadProduct {
        background: url(../images/down2_2.png) right top no-repeat
    }
    
    .pdown3 #A_DownLoadProduct {
        background: url(../images/down2_3.png) right top no-repeat
    }
    
    .pdown4 #A_DownLoadProduct {
        background: url(../images/down2_4.png) right top no-repeat
    }
    
    .details-btns {
        float: left;
        margin-right: 30px
    }
    
    .navbar .navbar-nav li a {
       /* padding: 30px 10px 5px 10px*/
    }
    
    .footer .container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }
    
    #xyz ul {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        flex-wrap: wrap
    }
    
    #xyz ul li {
        margin: 5px
    }
    
    #xyz ul li a {
        font-size: 12px;
        color: #727272;
        display: flex;
        align-items: center;
        line-height: 1.4;
        text-transform: capitalize
    }
    
    #xyz ul li a img {
        margin-right: 3px
    }
    
    .addthis_inline_share_toolbox {
        clear: inherit!important
    }
    
    .share-tools {
        float: left
    }
    
    .singglepic.on img {
        max-height: 730px;
        max-width: 730px;
        width: auto
    }
    
    p.ind-st {
        font-size: 30px;
        font-weight: 500;
        margin: 15px 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    
    p.icatename {
        display: inline-block;
        vertical-align: top;
        font-size: 38px;
        line-height: 60px;
        border-bottom: 1px solid #43443e;
        color: #43443e;
        font-weight: 600
    }
    
    .aboutus .txt .abt {
        display: inline-block;
        vertical-align: top;
        font-size: 38px;
        line-height: 60px;
        border-bottom: 1px solid #43443e;
        color: #43443e
    }
    
    .hotsale .list-txt p.hsp {
        font-size: 28px;
        line-height: 40px;
        color: #43443e;
        padding: 25px 30px 0 30px;
        font-weight: 400
    }
    
    .info p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        max-height: 95px;
    }
    
    .info .tit-url {
        line-height: 1.3!important;
    }
    
    .g-page .pages {
        width: 100%!important;
        text-align: center;
    }
    
    .pro-body {
        font-size: 15px;
        line-height: 1.7;
        color: #111;
        margin: 14px 0;
    }
    
    .proIntro {
        font-size: 14px;
        line-height: 1.7;
        color: #555;
        border: 1px solid #d6d6d6;
        background: #fff;
        padding: 10px;
        margin: 15px 0 20px;
    }
    
    .proIntro a {
        color: #555;
    }
    
    .details-txt2 * {
        color: #222;
        font-size: 16px;
        line-height: 1.7;
    }
    
    .details-txt2 .productsTags {
        margin: 10px 0;
        font-size: 16px;
        line-height: 1.7;
    }
    
    .whatsapplogo {
        height: 60px;
        width: 60px;
        border-radius: 50%;
        margin: 30px;
        position: fixed;
        z-index: 99999;
        bottom: 10px;
        right: 200px;
    }
    
    .whatsapplogo:before,
    .whatsapplogo:after {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        top: 0%;
        left: 0%;
        border-radius: 50%;
        box-shadow: 0 0 15px #0dc143;
        animation: whatsapplogo 2s ease-out infinite;
    }
    
    .whatsapplogo:before,
    .whatsapplogo:after {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        top: 0%;
        left: 0%;
        border-radius: 50%;
        box-shadow: 0 0 15px #0dc143;
        animation: whatsapplogo 2s ease-out infinite;
    }
    
    @keyframes whatsapplogo {
        0% {
            opacity: 0;
            transform: scale(1)
        }
        80% {
            opacity: 1
        }
        100% {
            transform: scale(1.5);
            opacity: 0
        }
    }
    
    @keyframes shake {
        10%,
        90% {
            transform: translate3d(-1px, 0, 0);
        }
        20%,
        80% {
            transform: translate3d(2px, 0, 0);
        }
        30%,
        50%,
        70% {
            transform: translate3d(-4px, 0, 0);
        }
        40%,
        60% {
            transform: translate3d(4px, 0, 0);
        }
    }
    
    .adimg {
        position: absolute;
        right: 20px;
        bottom: 20px;
        width: 230px;
        animation: pulse 15s ease infinite alternate, nudge 15s linear infinite alternate;
    }
    
    @keyframes pulse {
        0%,
        100% {
            background-color: none;
        }
        50% {
            background-color: none;
        }
    }
    
    @keyframes nudge {
        0%,
        100% {
            transform: translate(0, 0);
        }
        50% {
            transform: translate(-100px, 0);
        }
        80% {
            transform: translate(0px, 0);
        }
    }