@charset "utf-8";
    * {
        padding: 0;
        margin: 0;
    }
    
    @font-face {
        font-family: 'ssc';
        src: url('../fonts/SairaSemiCondensedRegular.eot');
        src: url('../fonts/SairaSemiCondensedRegular.eot') format('embedded-opentype'), url('../fonts/SairaSemiCondensedRegular.woff2') format('woff2'), url('../fonts/SairaSemiCondensedRegular.woff') format('woff'), url('../fonts/SairaSemiCondensedRegular.ttf') format('truetype'), url('../fonts/SairaSemiCondensedRegular.svg#SairaSemiCondensedRegular') format('svg');
    }
    
    @font-face {
        font-family: 'sscb';
        src: url('../fonts/SairaSemiCondensedBlack.eot');
        src: url('../fonts/SairaSemiCondensedBlack.eot') format('embedded-opentype'), url('../fonts/SairaSemiCondensedBlack.woff2') format('woff2'), url('../fonts/SairaSemiCondensedBlack.woff') format('woff'), url('../fonts/SairaSemiCondensedBlack.ttf') format('truetype'), url('../fonts/SairaSemiCondensedBlack.svg#SairaSemiCondensedBlack') format('svg');
    }
    
    @font-face {
        font-family: '732c';
        src: url('../fonts/732CAI978_2.eot');
        src: url('../fonts/732CAI978_2.eot') format('embedded-opentype'), url('../fonts/732CAI978_2.woff2') format('woff2'), url('../fonts/732CAI978_2.woff') format('woff'), url('../fonts/732CAI978_2.ttf') format('truetype'), url('../fonts/732CAI978_2.svg#732CAI978_2') format('svg');
    }
    
    @font-face {
        font-family: 'roboto';
        src: url('../fonts/RobotoCondensed.eot');
        src: url('../fonts/RobotoCondensed.eot') format('embedded-opentype'), url('../fonts/RobotoCondensed.woff2') format('woff2'), url('../fonts/RobotoCondensed.woff') format('woff'), url('../fonts/RobotoCondensed.ttf') format('truetype'), url('../fonts/RobotoCondensed.svg#732CAI978_2') format('svg');
    }
    
    html,
    body {
        color: #333333;
        font-family: 'ssc', Arial, 'FontAwesome', 'Glyphicons Halflings' !important;
        font-size: 62.5%;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: #fff;
    }
    
    body {
        /* width: 100%;
    padding: 0% 16.25%;
    padding: 0% 10.9375%;
    box-sizing: border-box;
    background: url(../images/a1.jpg) center top repeat; */
        /* background: url(../images/a2.jpg) center top repeat;
    background: url(../images/a3.jpg) center top repeat; */
        /* background: url(../images/a4.jpg) center top repeat; */
        /* background: url(../images/a5.jpg) center top repeat; */
        /* background: url(../images/a6.jpg) center top repeat; */
        /* background: url(../images/a7.jpg) center top repeat; */
        /* background: url(../images/a8.jpg) center top repeat; */
        /* background-size: contain; */
        /* background-size: cover; */
        /* background: none;
    background-color: #161616; */
    }
    
    /*html {
        overflow: -moz-scrollbars-none;
    }
    
    html::-webkit-scrollbar {
        width: 0px;
        background: none;
    }*/
    
    a {
        text-decoration: none;
        border: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        outline: none;
    }
    
    a:hover,
    a:focus {
        text-decoration: none;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0px;
        margin-bottom: 0px;
        color: #000000;
        font-weight: bold;
        transition: all 400ms ease 0s;
        -webkit-transition: all 400ms ease 0s;
        -moz-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
    }
    
    .clear {
        display: block;
        clear: both;
    }
    
    .clearfix {
        display: block;
        clear: both;
    }
    
    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none;
        outline: none;
    }
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    
    img {
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;
        transition: all 400ms ease 0s;
        -webkit-transition: all 400ms ease 0s;
        -moz-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
        max-width: 100%;
        height: auto;
    }
    
    #headdiv {
        width: 100%;
        height: 100px;
        padding: 0 11.5%;
        background-color: rgba(255, 255, 255, 1.0);
        display: block;
        /* position: fixed;
    z-index: 999; */
        /*background: url(../images/navBg.png) left top no-repeat #fff;*/
        background: #fff;
    }
    
    .navScroll {
        /*
    background-color: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
    position: relative !important;
    */
    }
    
    .logo {
        /*width: 9.0%;*/
        width: 12%;
        height: 100%;
        float: left;
        position: relative;
        z-index: 9999;
    }
    
    .logo a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        overflow: hidden;

        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .logo a span {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    
    .logo a img {
        max-width: 120px;
        max-height: 80px;
        transform: scale(1.0);
        -ms-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -o-transform: scale(1.0);
    }
    
    .logo a img.showpc {
        max-width: 100%;
        max-height: 100%;
    }
    .showpc {
        display: inline-block;
    }
    
    .showmob {
        display: none;
    }
    
    .logo a:hover img {
        transform: scale(0.9);
        -ms-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
    }
    
    #mobileNavButton {
        float: right;
        display: none;
    }
    
    #mobileNavButton a {
        font-size: 2.4rem;
        color: #000;
    }
    
    #mobileNavButton a i {
        color: #fff;
    }
    
    .searchdiv {
        /*width: 7.25%;*/
        width: 8.25%;
        height: 100%;
        float: right;
        text-align: center;
        background-color: #270000;
        background-color: transparent;
    }
    
    .searchdiv a {
        display: block;
        width: 100%;
        height: 100%;
        color: #151515;
        font-size: 2.1rem;
        line-height: 90px;
    }
    
    .searchdiv a:hover {
        color: #348eff;
    }
    
    .navdiv {
        /*width: 83.74%;*/
        /*width: 80.74%;*/
        width: 79.74%;
        float: left;
        margin-top: 22px;
    }
    
    .navdiv>ul {
        display: block;
        width: 100%;
        font-size: 0px;
        margin: 0 auto;
        padding: 0 8%;
        text-align: center;
        position: relative;
        z-index: 3;
        box-sizing: border-box;
    }
    
    .navdiv>ul>li {
        display: inline-block;
        /*width: 10.0%;*/
        /*width: 14.28%;*/
        /*width: 16%;*/
        width: 16.5%;
        text-align: center;
        position: relative;
        z-index: 3;
    }
    
    .navdiv>ul>li>a {
        font-family: 'roboto';
        font-family: 'ssc';
        font-size: 1.6rem;
        color: #151515;
        text-transform: uppercase;
        text-transform: capitalize;
        display: block;
        width: 100%;
        text-align: center;
        padding: 18px 0px;
        position: relative;
        z-index: 2;
        background-color: transparent;
        font-weight: bold;
    }
    
    .navdiv>ul>li>a.ac{
        color: #348eff;
    }

    .navdiv>ul>li>a>i {
        font-size: 1.4rem;
        margin-right: 6px;
        color: #151515;
    }
    
    .navdiv>ul>li>a:hover {
        color: #348eff;
        /* font-weight: 700; */
    }
    /* .navdiv>ul>li>a.on, */
    
    .navdiv>ul>li>a:active,
    .navdiv>ul>li>a:focus {
        color: #348eff;
        /* font-weight: 700; */
    }
    
    .navdiv ul li:hover ul {
        display: block;
    }
    
    .navdiv ul li:hover ul ul {
        display: none
    }
    
    .navdiv ul li ul {
        position: absolute;
        left: 0;
        background-color: #fafafa;
        color: #333;
        box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.25);
        display: none;
    }
    
    .navdiv ul li ul li {
        display: block;
        width: 240px;
        height: inherit;
        padding-left: 21px;
        border-top: 1px solid #f0f0f0;
        text-align: left;
        overflow: visible;
        position: relative;
        list-style: disc inside;
    }
    
    .navdiv ul li ul li:nth-of-type(1) {
        border-top: none;
    }
    
    .navdiv ul li ul li a {
        display: block;
        text-align: left;
        padding: 8px 0;
        font-size: 1.4rem;
        color: #333;
        /* text-transform: uppercase; */
        position: relative;
    }
    
    .navdiv ul li ul li a::before {
        content: "\f105";
        font-size: 1.4rem;
        padding-right: 7px;
    }
    
    .navdiv ul li ul li:hover {
        background-color: #348eff;
    }
    
    .navdiv ul>li>ul>li:hover a {
        color: #fff;
        font-size: 1.4rem;
    }
    
    .navdiv ul>li>ul>li>ul>li>a {
        color: #333 !important;
        font-size: 1.4rem;
        text-transform: capitalize;
    }
    
    .navdiv ul>li>ul>li>ul>li:hover a {
        color: #fff !important;
        font-size: 1.4rem;
    }
    
    .navdiv ul li ul li:hover ul {
        display: block;
    }
    
    .navdiv ul li ul li ul {
        position: absolute;
        left: 240px;
        top: -1px;
        background-color: #fafafa;
        display: none;
    }
    
    .navdiv ul li ul li ul li {
        width: 240px;
        height: inherit;
        overflow: visible;
    }
    
    .navdiv ul li ul li ul li a {
        display: block;
        text-align: left;
        padding: 8px 0;
        font-size: 1.4rem;
        color: #333;
        text-transform: capitalize;
        position: relative;
    }
    
    .navdiv ul li ul li ul li:hover a {
        color: #fff;
        font-size: 1.4rem;
    }
    
    .navdiv ul li ul li:hover ul {
        display: block;
    }
    
    #HBox {
        width: 300px;
        height: 270px;
        margin: 0 auto;
        box-shadow: 1px 1px 5px #333;
        -webkit-box-shadow: 1px 1px 5px #333;
        display: none;
        background-color: #fff;
        position: fixed;
        top: 50%;
        left: 50%;
        margin: -120px 0 0 -150px;
        z-index: 100000
    }
    
    #searchform {
        padding: 50px 15px 10px;
        font-size: 0px;
    }
    
    #searchform #searchtxt {
        width: 245px;
        height: 42px;
        border: 1px solid #348eff;
        padding-left: 15px;
        font-size: 1.6rem;
        vertical-align: top;
        border-radius: 4px 0 0 4px;
    }
    
    #searchform button {
        width: 42px;
        height: 42px;
        border: none;
        background-color: #348eff;
        color: #fff;
        cursor: pointer;
        vertical-align: top;
        border-radius: 0 4px 4px 0;
    }
    
    #searchform button i {
        font-size: 2.0rem;
        line-height: 1.75;
    }
    /*banner start*/
    
    .bx-wrapper {
        position: relative;
        margin: 0 auto 0px;
        padding: 0;
        border: 1px solid #ccc;
        *zoom: 1;
        z-index: 1;
    }
    
    .flash .bx-wrapper {
        border: none;
    }
    
    .bx-wrapper img {
        width: 100%;
        display: block;
    }
    
    .bx-wrapper .bx-viewport {
        transform: translatez(0);
    }
    
    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
    
    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(../img/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }
    
    .bx-wrapper .bx-pager {
        /*text-align: left;*/
        text-align: center;
        font-size: .85em;
        font-weight: bold;
        color: #666;
        padding-left: 20px;
        padding-top: 20px;
        bottom: 15px;
    }
    
    .bx-wrapper .bx-pager .bx-pager-item,
    .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }
    
    .bx-wrapper .bx-pager.bx-default-pager a {
        border: 1px solid #fff;
        background-color: #fff;
        text-indent: -9999px;
        display: block;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        outline: 0;
        border-radius: 10px;
    }
    
    .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #ea2e14;
        border: 1px solid #ea2e14;
    }
    
    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(../img/controls.png) no-repeat 0 -32px;
    }
    
    .bx-wrapper .bx-next {
        right: 10px;
        background: url(../img/controls.png) no-repeat -43px -32px;
    }
    
    .bx-wrapper .bx-prev:hover {
        background-position: 0 0;
    }
    
    .bx-wrapper .bx-next:hover {
        background-position: -43px 0;
    }
    
    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 999;
    }
    
    .bx-wrapper .bx-controls-direction a.disabled {
        display: none;
    }
    
    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }
    
    .bx-wrapper .bx-controls-auto .bx-start {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 11px;
        outline: 0;
        background: url(../img/controls.png) -86px -11px no-repeat;
        margin: 0 3px;
    }
    
    .bx-wrapper .bx-controls-auto .bx-start:hover,
    .bx-wrapper .bx-controls-auto .bx-start.active {
        background-position: -86px 0;
    }
    
    .bx-wrapper .bx-controls-auto .bx-stop {
        display: block;
        text-indent: -9999px;
        width: 9px;
        height: 11px;
        outline: 0;
        background: url(../img/controls.png) -86px -44px no-repeat;
        margin: 0 3px;
    }
    
    .bx-wrapper .bx-controls-auto .bx-stop:hover,
    .bx-wrapper .bx-controls-auto .bx-stop.active {
        background-position: -86px -33px;
    }
    
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }
    
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }
    
    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666\9;
        background: rgba(80, 80, 80, 0.85);
        width: 100%;
    }
    
    .bx-wrapper .bx-caption span {
        color: #fff;
        display: block;
        font-size: .85em;
        padding: 10px;
    }
    
    .materialFeatures {
        width: 100%;
        margin: 0 auto 75px;
        position: relative;
        z-index: 2;
    }
    
    .materialFeaturesContainer {
        width: 100%;
        padding: 0 24.5%;
    }
    
    .materialFeaturesContainer::after {
        content: '';
        display: block;
        clear: both;
    }
    
    .materialFeaturesItem {
        float: left;
        width: 30.66%;
        margin-right: 4%;
        transform: translateY(-142px);
        -ms-transform: translateY(-142px);
        -moz-transform: translateY(-142px);
        -webkit-transform: translateY(-142px);
        -o-transform: translateY(-142px);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    }
    
    .materialFeaturesItem:nth-of-type(3) {
        margin-right: 0;
    }
    
    .materialFeaturesWrap {
        width: 100%;
        height: 0;
        padding-bottom: 133.33%;
        background-color: #fff;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }
    
    .meaterialFeaturesTxt {
        width: 100%;
        height: 100%;
        padding: 12.25% 8%;
        box-sizing: border-box;
    }
    
    .meaterialFeaturesIcon {
        width: 27.33%;
        height: auto;
        text-align: center;
        margin: 0 auto;
    }
    
    .meaterialFeaturesIcon img {
        width: 100%;
        height: auto;
    }
    
    .meaterialFeaturesTxt h5 {
        text-align: center;
        padding: 21px 0;
        font-size: 12px;
        font-family: Arial;
        font-weight: normal;
        color: #aaaaaa;
    }
    
    .meaterialFeaturesTxt h3 {
        text-align: center;
        font-size: 3.0rem;
        color: #333;
    }
    
    .meaterialFeaturesTxt h3::after {
        content: '';
        display: block;
        width: 68px;
        height: 1px;
        background-color: #333;
        font-size: 0;
        margin: 9px auto 43px;
    }
    
    .meaterialFeaturesTxt p {
        font-size: 1.2rem;
        color: #666666;
        text-align: justify;
    }
    
    .materialFeaturesPic {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        top: 120%;
        overflow: hidden;
        transition: all 400ms ease 0s;
        -webkit-transition: all 400ms ease 0s;
        -moz-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
    }
    
    .materialFeaturesPic a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }
    
    .materialFeaturesPic img {
        width: 100%;
        height: auto;
    }
    
    .materialFeaturesWrap:hover .materialFeaturesPic {
        top: 0;
    }
    
    .mainfeatures {
        width: 100%;
        margin: 0 auto;
        padding: 90px 5% 140px;
        background-color: #fff;
    }
    
    .maintitle {
        text-align: center;
        margin: 0 auto 38px;
    }
    
    .maintitle h2 {
        font-size: 4.8rem;
        font-family: '732c';
        color: #151515;
    }
    
    .mainfeaturesItem {
        width: 31.25%;
        float: left;
        margin-left: 1.5625%;
    }
    
    .mainfeatureswrap {
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    
    .featuresBg {
        width: 100%;
        height: 0;
        padding-bottom: 55.2%;
        position: relative;
        /* border: 7px solid #1756b5;*/
        border: 7px solid #fff;
        border-radius: 16px;
        overflow: hidden;
    }
    
    .featuresBg img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        border-radius: 16px;
    }
    
    .mainfeaturesItem:hover .mainfeatureswrap .featuresBg img {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
    
    .iconpic {
        width: 100%;
        position: absolute;
        left: 36px;
        top: 142px;
    }
    
    .iconpic img {
        width: 27.5%;
        width: 20%;
        height: auto;
    }
    
    .iconpic span {
        padding-left: 8px;
        font-family: Arial;
        font-size: 1.6rem;
        color: #fff;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
    }
    
    .mainfeatureswrap h3 {
        padding: 25px 0;
        text-align: center;
        font-size: 3.0rem;
        color: #1756b5;
        font-family: 'ssc';
        font-weight: bold;
        text-transform: capitalize;
    }
    
    .mainfeatureswrap p {
        width: 100%;
        padding: 0 30px;
        color: #666;
        font-family: Arial;
        font-size: 1.5rem;
        text-align: justify;
    }
    
    .mainfeaturesItem:nth-of-type(3) .mainfeatureswrap h3 {
        color: #348eff;
    }
    
    .topProduct {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 100px;
        /*padding-top: 80px;*/
    }
    
    .topProductWrap {
        width: 100%;
        padding: 268px 16%;
        padding: 0px 16%;
    }
    
    .topProductLeft {
        float: left;
        position: relative;
        width: 40%;
    }
    
    .topProductLeft:hover .swipebox img {
        transform: scale(1.08);
        -ms-transform: scale(1.08);
        -moz-transform: scale(1.08);
        -webkit-transform: scale(1.08);
        -o-transform: scale(1.08);
    }
    
    .newTip {
        width: 110px;
        height: 110px;
        position: absolute;
        top: -55px;
        right: -55px;
    }
    
    .topProductRight {
        float: right;
        width: 60%;
    }
    
    .topProductRightPicWrap {
        width: 100%;
        padding-top: 56px;
        padding-left: 32%;
        box-sizing: border-box;
    }
    
    .topProductRightPic {
        width: 45%;
        float: left;
        margin-right: 2%;
    }
    
    .topProductRightPic a img {
        width: 100%;
    }
    
    .topProductRightPic:hover img {
        transform: scale(1.03) translateX(-15px);
        -ms-transform: scale(1.03) translateX(-15px);
        -moz-transform: scale(1.03) translateX(-15px);
        -webkit-transform: scale(1.03) translateX(-15px);
        -o-transform: scale(1.03) translateX(-15px);
    }
    
    .topProductRightTxt {
        margin-top: 70px;
        /*padding-left: 32%;*/
        padding-left: 50px;
    }
    
    .topProductRightTxt h3::after {
        content: '';
        display: block;
        width: 31%;
        height: 3px;
        font-size: 0px;
        background-color: #1756b5;
        position: relative;
        top: -38px;
        left: -31%;
        display: none;
    }
    
    .topProductRightTxt h3 {
        text-align: left;
        margin-bottom: 10px;
    }
    
    .topProductRightTxt h3 a {
        font-size: 7.2rem;
        color: #151515;
        font-family: '732c';
    }
    
    .topProductRightTxt h3 a:hover {
        color: #348eff;
    }
    
    .topProductRightTxt p {
        font-size: 1.6rem;
        font-family: Arial;
        color: #666;
        line-height: 1.64;
    }
    
    .topProductBtn {
        margin-top: 30px;
    }
    
    .topProductBtn a {
        display: block;
        width: 180px;
        height: 45px;
        border-radius: 8px;
        font-size: 1.4rem;
        font-family: Arial, 'FontAwesome';
        color: #444;
        background-color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        border: 2px solid #444;
        line-height: 43px;
    }
    
    .topProductBtn a:hover {
        background-color: #348eff;
        border-color: #348eff;
        color: #fff;
    }
    
    .icategory {
        width: 100%;
        margin-bottom: 125px;
    }
    
    .icategoryBox {
        display: flex;
        width: 100%;
        margin: 0 auto;
        justify-content: center;
        align-content: center;
        align-items: center;
        margin-bottom: 100px;

        padding:0 12%;
    }
    .icategoryBox:nth-child(2n){
        background-color: #f8f8f8;
    }
    
    .icategoryBoxLeft {
        width: 50%;
        float: left;
    }
    
    .icategoryBoxWrap {
        width: 100%;
        /*padding: 13%;*/
        padding:10%;
    }
    
    .icategoryBoxWrap h4 {
        font-size: 1.8rem;
        color: #1756b5;
        font-family: Arial;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .icategoryBoxWrap h2 {
        /*margin: 60px 0px;*/
        margin:30px 0 50px;
    }
    
    .icategoryBoxWrap h2 a {
        /*font-size: 7.2rem;*/
        font-size:6.5rem;
        font-family: '732c';
        color: #151515;
    }
    
    .icategoryBoxWrap h2 a:hover {
        color: #348eff;
    }
    
    .icategoryBoxWrap p {
        font-size: 1.6rem;
        font-family: Arial;
        color: #666;
        /*text-align: justify;*/
        line-height: 1.64;

        /*word-break: break-all;*/
    }
    
    .icategoryBoxWrap p a {
        color: #1756b5;
    }
    
    .icategoryBoxRight {
        width: 50%;
        float: left;
        background: url(../images/new_bg.png) left bottom no-repeat transparent;
        position: relative;
    }
    
    .icategoryBoxRight1 {
        width: 50%;
        float: left;
        background: url(../images/new_bg.png) right bottom no-repeat transparent;
        position: relative;
    }
    
    .icategoryBoxColorBlack {
        width: 100%;
        position: absolute;
        text-align: center;
        bottom: 6.5%;
    }
    
    .icategoryBoxColorBlack span {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin: 3px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    }
    /*布料颜色：Black,Grey,Light Blue,Dark Blue,Mastertent Blue,Green,Bordeaux,Red,Orange,Yellow,Ecru,White*/
    
    span.s1 {
        background-color: #ff0000;
    }
    
    span.s2 {
        background-color: #f7ab4d;
    }
    
    span.s3 {
        background-color: #4d8758;
    }
    
    span.s4 {
        background-color: #467ce6;
    }
    
    span.s5 {
        background-color: #5d3815;
    }
    
    span.s6 {
        background-color: #151515;
    }
    
    span.s7 {
        background-color: #eae4d7;
    }
    
    span.s8 {
        background-color: #ffffff;
    }
    /********************************************/
    
    span.red {
        background-color: red;
    }
    
    span.orange {
        background-color: orange;
    }
    
    span.yellow {
        background-color: yellow;
    }
    
    span.green {
        background-color: green;
    }
    
    span.lightBlue {
        background-color: lightblue;
    }
    
    span.darkBlue {
        background-color: darkblue;
    }
    
    span.mastertentBlue {
        background-color: #50697c;
    }
    
    span.bordeaux {
        background-color: #92323e;
    }
    
    span.black {
        background-color: black;
    }
    
    span.grey {
        background-color: gray;
    }
    
    span.ecru {
        background-color: #f5e4b8;
    }
    
    span.white {
        background-color: white;
    }
    /**********************************************************/
    
    .icategoryBoxPic {
        width: 100%;
        padding-left: 72px;
        padding-bottom: 72px;
    }
    
    .icategoryBoxPic a {
        display: block;
        width: 84.5%;
        /*background-color: #1756b5;*/
    }
    
    .icategoryBoxPic a img {
        width: 100%;
        height: auto;
        box-shadow: 0 0 6px 6px rgba(23,86,181,0.1);
    }
    
    .icategoryBoxPic a:hover img {
        transform: scale(0.95);
        -ms-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -o-transform: scale(0.95);
    }
    
    .icategoryBoxPic1 {
        width: 100%;
        text-align: right;
        padding-right: 100px;
        padding-bottom: 72px;
        position: relative;
    }
    
    .icategoryBoxPic1 a {
        display: inline-block;
        width: 84.5%;
        /*background-color: #1756b5;*/
    }
    
    .icategoryBoxPic1 a img {
        width: 100%;
        height: auto;
        box-shadow: 0 0 6px 6px rgba(23,86,181,0.1);
    }
    
    .icategoryBoxPic1 a:hover img {
        transform: scale(0.95);
        -ms-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -o-transform: scale(0.95);
    }
    
    .icategoryBtn a {
        display: block;
        width: 180px;
        height: 45px;
        border-radius: 8px;
        font-size: 1.4rem;
        font-family: Arial, 'FontAwesome';
        color: #fff;
        background-color: #1756b5;
        font-weight: bold;
        text-align: center;
        line-height: 43px;
    }
    
    .icategoryBtn a:hover {
        background-color: #348eff;
    }
    /*             */
    
    .mainCategory {
        width: 100%;
        margin: 0 auto;
        background-color: #f8f8f8;
    }
    
    .categoryBox {
        display: table;
    }
    
    .categoryBox::after {
        content: '';
        display: block;
        clear: both;
    }
    
    .categoryItem {
        display: table-cell;
        width: 50.00%;
        vertical-align: middle;
        background-color: #f8f8f8;
        overflow: hidden;
    }
    
    .categoryItemWrap {
        width: 100%;
        padding: 0px 14.79% 0px;
        box-sizing: border-box;
    }
    
    .categoryItemWrap h4 {
        font-size: 1.8rem;
        color: #1756b5;
        font-family: Arial;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .categoryItemWrap h2 {
        margin: 60px 0px;
    }
    
    .categoryItemWrap h2 a {
        font-size: 7.2rem;
        font-family: '732c';
        color: #151515;
    }
    
    .categoryItemWrap h2 a:hover {
        color: #348eff;
    }
    
    .categoryItemWrap p {
        font-size: 1.6rem;
        font-family: Arial;
        color: #666;
        text-align: justify;
        line-height: 1.64;
    }
    
    .categoryItemWrap p a {
        color: #1756b5;
    }
    
    .categoryItemWrap p a:hover {
        color: #348eff;
    }
    
    .xyhz {
        float: right;
    }
    
    .categoryItemPic {
        width: 100%;
        background-color: #1756b5;
    }
    
    .categoryItemPic:hover img {
        transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
    }
    
    .categoryBtn {
        margin: auto;
    }
    
    .categoryBtn a {
        display: block;
        width: 180px;
        height: 45px;
        border-radius: 8px;
        font-size: 1.4rem;
        font-family: Arial, 'FontAwesome';
        color: #fff;
        background-color: #1756b5;
        font-weight: bold;
        text-align: center;
        line-height: 43px;
    }
    
    .categoryBtn a:hover {
        background-color: #348eff;
    }
    
    .cyanBg {
        margin-top: 30px;
    }
    
    .cyanBg a {
        display: block;
        width: 180px;
        height: 45px;
        border-radius: 8px;
        font-size: 1.4rem;
        font-family: Arial, 'FontAwesome';
        color: #fff;
        background-color: #348eff;
        font-weight: bold;
        text-align: center;
        line-height: 43px;
    }
    
    .cyanBg a:hover {
        background-color: #333333;
    }
    
    .iabout {
        width: 100%;
        padding: 100px 0px;
        padding: 0px 0px;
        background-color: #1756b5;
    }
    
    .iaboutLeft {
        float: left;
        width: 50.00%;
    }
    
    .iaboutAlbum {
        width: 100%;
    }
    
    .iaboutPic {
        width: 100%;
        padding: 0% 0%;
    }
    
    .iaboutPic a {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 56.16113744%;
        padding-bottom: 55.5%;
        padding-bottom: 67.9%;
        position: relative;
        /* border: 5px solid #fff;
    background-color: #fff; */
        overflow: hidden;
        /* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35); */
    }
    
    .iaboutPic a img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }
    
    .iaboutPic a:hover img {
        /*
    transform: scale(0.90);
    -ms-transform: scale(0.90);
    -moz-transform: scale(0.90);
    -webkit-transform: scale(0.90);
    -o-transform: scale(0.90);
    */
    }
    
    .iaboutRight {
        float: left;
        width: 50.00%;
    }
    
    .iaboutWrap {
        width: 100%;
        padding: 90px 13.625% 0px;
    }
    
    .iaboutWrap h2 {
        font-size: 4.8rem;
        color: #fff;
        font-family: '732c';
    }
    .iaboutWrap h4{
        font-size: 3.8rem;
        color: #fff;
        font-family: '732c';
    }
    
    .iaboutWrap p {
        /*padding: 50px 0px;*/
        padding:10px 0;
        font-size: 1.6rem;
        font-family: Arial;
        text-align: justify;
        color: #fff;
        line-height: 1.8;
    }
    
    .iaboutBtn {
        display: inline-block;
        margin-right: 80px;
    }
    
    .iaboutBtn a {
        font-family: Arial;
        font-size: 1.4rem;
        font-weight: bold;
        color: #000;
        display: block;
        width: 170px;
        height: 45px;
        background-color: #fff;
        border-radius: 8px;
        text-align: center;
        transition: all 400ms ease 0s;
        -webkit-transition: all 400ms ease 0s;
        -moz-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
        line-height: 43px;
    }
    
    .iaboutBtn a:hover {
        color: #fff;
        background-color: #348eff;
    }
    
    .ivideo {
        width: 100%;
        margin: 0 auto;
        padding: 100px 0;
    }
    
    .ivideoContainer {
        width: 800px;
        height: 450px;
        text-align: center;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }
    
    .videoPlayBtn {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url(../images/playBtn.png) center center no-repeat transparent;
        cursor: pointer;
    }
    
    .spacing50 {
        height: 50px;
    }
    
    .strength {
        width: 100%;
        padding: 100px 0px;
        background: url(../images/25.jpg) top center no-repeat;
        background-size: cover;
    }
    
    .strengthLeft {
        width: 53%;
        float: left;
    }
    
    .strengthRight {
        width: 47%;
        float: left;
        padding-top: 70px;
    }
    
    .blackBox {
        width: 78%;
        float: right;
        position: relative;
    }
    
    .blackBoxWrap {
        width: 100%;
        padding: 6.3%;
        padding-bottom: 110px;
        box-sizing: border-box;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: 10px;
        border: 2px solid transparent;
        position: relative;
        z-index: 1;
        transition: all 400ms ease 0s;
        -webkit-transition: all 400ms ease 0s;
        -moz-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
    }
    
    .blackBoxWrap:hover {
        border: 2px solid #348eff;
        background-color: rgba(0, 0, 0, 1.0);
        z-index: 0;
    }
    
    .blackBoxTxt {
        margin: 0 auto;
    }
    
    .blackBoxTxt p {
        font-size: 1.6rem;
        color: #fff;
        font-family: Arial;
        text-align: justify;
        line-height: 2;
    }
    
    .blackBoxIcon {
        width: 100%;
        margin-top: 80px;
        font-size: 0px;
    }
    
    .blackBoxIconItem {
        width: 25%;
        display: inline-block;
    }
    
    .cyanBlock {
        width: 100px;
        height: 100px;
        border-radius: 10px;
        background-color: #348eff;
        position: absolute;
        z-index: 0;
        left: -25px;
        bottom: -25px;
    }
    
    .strengthRight:hover a img {
        transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        -moz-transform: translateX(-15px);
        -webkit-transform: translateX(-15px);
        -o-transform: translateX(-15px);
    }
    
    .mediaOrNews {
        width: 100%;
        padding: 100px 4.6875%;
        margin: 0 auto;
        background-color: #fff;
    }
    
    .mediaOrNewsTop {
        margin: 0 auto;
        text-align: center;
    }
    
    .mediaOrNewsTop h2 {
        font-size: 4.8rem;
        font-family: '732c';
        text-transform: capitalize;
        color: #151515;
        margin-bottom: 25px;
    }
    
    .mediaOrNewsWrap {
        width: 100%;
        margin-top: 45px;
    }
    
    .mediaOrNewsWrap ul {
        display: block;
    }
    
    .mediaOrNewsWrap ul::after {
        content: '';
        display: block;
        clear: both;
    }
    
    .mediaOrNewsWrap ul li {
        display: block;
        float: left;
        /*width: 32.1433%;*/
        width: 23.2%;
        margin-right: 1.785%;
        padding: 2%;
        background-color: #fff;
        transition: all 400ms ease 0s;
        -webkit-transition: all 400ms ease 0s;
        -moz-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }
    
    .mediaOrNewsWrap ul li:hover {
        box-shadow: 0 0 27px rgba(0, 0, 0, 0.40);
    }
    
    .mediaOrNewsWrap ul li:last-child {
        margin-right: 0;
    }
    
    .mediaOrNewsWrap ul li .inewsPic {
        width: 100%;
        height: 0;
        font-size: 0;
        padding-bottom: 50%;
        position: relative;
        overflow: hidden;
        margin-bottom: 35px;
    }
    
    .mediaOrNewsWrap ul li .inewsPic a {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    
    .mediaOrNewsWrap ul li .inewsPic a img {
        width: 100%;
        height: auto;
        margin: auto;
    }
    
    .mediaOrNewsWrap ul li .inewsPic a:hover img {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
    
    .mediaOrNewsWrap ul li .inewsTxt {
        border-top: 1px solid #efefef;
        padding: 35px 0px;
    }
    
    .mediaOrNewsWrap ul li .inewsTxt h4 {
        margin-bottom: 30px;
    }
    
    .mediaOrNewsWrap ul li .inewsTxt h4 a {
        display: block;
        font-size: 1.6rem;
        font-family: 'sscb';
        /* font-weight: bold; */
        color: #333;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.2;
    }
    
    .mediaOrNewsWrap ul li .inewsTxt h4 a:hover {
        color: #348eff;
    }
    
    .mediaOrNewsWrap ul li .inewsTxt .dateComponents {
        margin-bottom: 20px;
    }
    
    .mediaOrNewsWrap ul li .inewsTxt .dateComponents i {
        font-size: 1.6rem;
    }
    
    .mediaOrNewsWrap ul li .inewsTxt .dateComponents span {
        padding-left: 10px;
        font-size: 1.4rem;
    }
    
    .mediaOrNewsWrap ul li .inewsTxt p {
        font-size: 1.3rem;
        color: #777;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.2;
    }
    
    .footerdiv {
        width: 100%;
        padding: 70px 8% 120px;
        background-color: #212121;
    }
    
    .footerwrap {
        width: 100%;
        margin: 0 auto;
    }
    
    .footerItem {
        width: 25%;
        float: left;
    }
    
    .sublogo {
        width: 106px;
        height: auto;
    }
    
    .add_p {
        margin-top: 15px;
        font-size: 1.4rem;
        color: #9c9fa9;
        padding-right: 50%;
    }
    
    .duan1 {
        padding-top: 25px;
        font-size: 1.4rem;
        color: #9c9fa9;
    }
    
    .duan1 span {
        color: #1756b5;
        font-size: 1.8rem;
        margin-right: 8px;
    }
    
    .duan1 em {
        font-style: normal;
        color: #1756b5;
    }
    
    .duan2 {
        padding-top: 25px;
        font-size: 1.4rem;
        color: #9c9fa9;
        padding-right: 31%;
    }
    
    .footerItem h3 {
        font-family: 'sscb';
        font-size: 3.0rem;
        font-weight: normal;
        color: #1756b5;
        margin-top: 16px;
        margin-bottom: 30px;
    }
    
    .footerItem ul {
        display: block;
        padding-right: 30%;
    }
    
    .footerItem ul li {
        padding: 12px 0;
        border-bottom: 1px solid #333333;
    }
    
    .footerItem ul li a {
        font-size: 1.4rem;
        color: #9c9fa9;
    }
    
    .footerItem ul li a:hover {
        color: #348eff;
    }
    
    .followBtn {
        margin-top: 15px;
    }
    
    .followBtn a {
        display: inline-block;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background-color: #1756b5;
        color: #212121;
        margin-right: 10px;
        text-align: center;
        font-size: 2.1rem;
        line-height: 36px;
    }
    
    .updownBtn {
        float: right;
        position: fixed;
        right: 25px;
        /*bottom: 150px;*/
        bottom: 100px;
        z-index: 9;
    }
    
    .upBtn,
    .downBtn {
        width: 50px;
        height: 50px;
        /*border-radius: 50%;*/
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 5px;
    }
    
    .downBtn{
        display: none;
    }

    .upBtn a,
    .downBtn a {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 2.4rem;
        color: #fff;
        text-align: center;
        background-color: #348eff;
        line-height: 50px;
    }
    
    .innerban {
        width: 100%;
        height: auto;
        background: #ccc;
    }
    
    .innerban img {
        width: 100%;
        height: auto;
    }
    
    .locationdiv {
        width: 100%;
        padding: 0 10%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    
    .locationWrap {
        width: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        background-color: #1756b5;
        height: 50px;
        padding-left: 15px;
        position: relative;
        transform: translateY(-25px);
        font-size: 15px;
        color: #fff;
        border-radius: 0px;
        line-height: 50px;
    }
    
    .locationWrap span {
        font-size: 15px;
        color: #fff;
        margin-right: 10px;
    }
    
    .locationWrap a {
        font-size: 15px;
        padding-left: 8px;
        padding-right: 8px;
        color: #fff;
    }
    
    .locationWrap a:hover {
        color: #348eff;
    }
    
    .about {
        width: 100%;
        padding: 50px 13.5% 100px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    
    .toph2 {
        font-size: 3.2rem;
        font-family: '732c';
        color: #333;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 50px;
    }
    
    .companyCapability {
        width: 100%;
        margin: 30px auto;
        padding: 150px 0;
        background: url(../images/aboutBg.jpg) center center no-repeat;
    }
    
    .technologyValue {
        text-align: center;
        margin: 0 auto;
        width: 25%;
        float: left;
    }
    
    .technologyValue:nth-of-type(3) {
        width: 15%;
    }
    
    .technologyValue h1 {
        font-size: 6.0rem;
        color: #fff;
        font-family: Arial;
    }
    
    .technologyValue h1 small {
        font-size: 1.2rem;
        color: #fff;
    }
    
    .technologyValue p {
        font-size: 1.4rem;
        color: #fff;
    }
    
    .profileTxt p {
        font-size: 1.5rem;
        line-height: 1.45;
    }
    
    .ppd {
        width: 100%;
        margin: 60px auto;
        padding: 0 0%;
        box-sizing: border-box;
    }
    
    .ppdpic img {
        width: 100%;
        height: auto;
    }
    
    .ppdlist {
        width: 100%;
        margin: 60px auto;
        padding: 0 0%;
        box-sizing: border-box;
    }
    
    .ppdlist ul {
        display: block;
        width: 100%;
        font-size: 0;
    }
    
    .ppdlist ul li {
        display: inline-block;
        width: 13.2857%;
        padding: 6px;
        margin: 2% 0.5% 8px;
        border: 1px solid #fff;
        overflow: hidden;
        box-shadow: 0 0 9px rgba(0, 0, 0, 0.20);
        border-radius: 15px;
    }
    
    .ppdlist ul li img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
    }
    
    .ppdlist ul li p {
        font-size: 1.4rem;
        color: #333;
        text-align: center;
    }
    
    .threemodel {
        width: 100%;
        margin: 50px auto;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    
    .threeBox1 {
        width: 33.33%;
        padding: 50px 0;
        background-color: rgba(98, 176, 48, 0.5);
        text-align: center;
        float: left;
    }
    
    .threeBox1 a img {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
    
    .threeBox2 {
        width: 33.33%;
        padding: 50px 0;
        background-color: rgba(208, 7, 67, 0.5);
        text-align: center;
        float: left;
    }
    
    .threeBox2 a img {
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }
    
    .threeBox3 {
        width: 33.33%;
        padding: 50px 0;
        background-color: rgba(24, 100, 167, 0.5);
        text-align: center;
        float: left;
    }
    
    .threeBox3 a img {
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }
    
    .threeBox1 a,
    .threeBox2 a,
    .threeBox3 a {
        color: #fff;
    }
    
    .threeBox1 a span,
    .threeBox2 a span,
    .threeBox3 a span {
        display: block;
        margin: 0 auto;
        margin-top: 35px;
        font-size: 1.6rem;
    }
    
    .threeBox1:hover {
        background-color: rgba(98, 176, 48, 1.0);
    }
    
    .threeBox2:hover {
        background-color: rgba(208, 7, 67, 1.0);
    }
    
    .threeBox3:hover {
        background-color: rgba(24, 100, 167, 1.0);
    }
    
    .marketDiv {
        width: 100%;
        margin: 0 auto 100px;
    }
    
    .marketDiv::after {
        content: '';
        display: block;
        clear: both;
    }
    
    .marketLeft {
        width: 25%;
        float: left;
        padding-right: 5%;
        padding-top: 50px;
    }
    
    .marketLeft h4 {
        font-size: 2.8rem;
        color: #000;
    }
    
    .marketLeft p {
        font-size: 1.6rem;
    }
    
    .market2 {
        width: 100%;
        margin-top: 35px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #ccc;
    }
    
    .market2 h2 {
        color: #348eff;
    }
    
    .market2 h2 small {
        padding-left: 7px;
        font-size: 1.6rem;
        font-weight: 700;
        color: #000;
    }
    
    .market2 p {
        padding-top: 10px;
        color: #999;
    }
    
    .market2 p span {
        color: #348eff;
    }
    
    .market2 p i {
        font-size: 3.6rem;
    }
    
    .market3 {
        width: 100%;
        padding-top: 20px;
    }
    
    .market3 h2 {
        color: #586270;
    }
    
    .market3 h2 small {
        padding-left: 7px;
        font-size: 1.6rem;
        font-weight: 700;
        color: #000;
    }
    
    .market3 p {
        padding-top: 10px;
        color: #999;
    }
    
    .market3 p span {
        color: #586270;
    }
    
    .market3 p i {
        font-size: 3.6rem;
    }
    
    .marketRight {
        width: 75%;
        float: left;
    }
    
    .corporateCulture {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 100px;
    }
    
    .cctext {
        float: left;
        width: 45%;
        padding: 0 10%;
    }
    
    .cctext h2 {
        font-size: 6.4rem;
        color: #000;
        text-align: right;
        font-family: 'sscb';
        margin-bottom: 55px;
    }
    
    .cctext h1 {
        font-size: 13.0rem;
        color: #348eff;
        font-family: 'sscb';
        background: url(../images/cc-dot.png) top right no-repeat;
        padding: 58px 0px 135px;
    }
    
    .ccpic1 {
        float: right;
        width: 55%;
    }
    
    .ccpic1 ul {
        padding-top: 112px;
        padding-left: 92px;
    }
    
    .ccpic1 ul li {
        margin-bottom: 20px;
        padding-left: 24px;
        position: relative;
    }
    
    .ccpic1 ul li::before {
        content: "\f111";
        font-size: 12px;
        color: #d00742;
        padding-right: 10px;
        float: left;
        position: absolute;
        left: 0;
    }
    
    .ccpic1 ul li h3 {
        font-size: 1.8rem;
        color: #333;
        font-family: 'sscb';
    }
    
    .ccpic1 ul li p {
        font-size: 1.8rem;
        color: #333;
        font-family: 'ssc';
    }
    
    .ccpic2 {
        margin-top: 50px;
    }
    
    .ccpic2 img {
        width: 82%;
    }
    /*
.cccontent {
    float: right;
}*/
    
    .ccpic2 {
        float: left;
    }
    
    .whyYosen {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 100px;
    }
    
    .whypic {
        width: 40%;
        float: right;
        margin-left: 50px;
    }
    
    .whypic img {
        border-radius: 25px;
    }
    
    .whydes h2 {
        font-size: 6.4rem;
        color: #151515;
        text-align: left;
        font-family: 'sscb';
        margin-bottom: 35px;
    }
    
    .whydes blockquote {
        margin-bottom: 15px;
        color: #666666;
        padding-left: 10px;
    }
    
    .whydes p {
        font-size: 1.5rem;
        color: #333;
    }
    
    .whydes ul {
        margin-top: 25px;
        margin-bottom: 30px;
    }
    
    .whydes ul li {
        padding-left: 30px;
        margin-bottom: 10px;
        font-size: 1.5rem;
        position: relative;
        line-height: 1.42;
    }
    
    .whydes ul li::before {
        content: "\f046";
        font-size: 1.5rem;
        color: #d00742;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .whydes h4 {
        font-size: 2.8rem;
        color: #151515;
        text-align: left;
        font-family: 'sscb';
        margin-bottom: 35px;
    }
    
    .whydes a {
        display: inline-block;
        padding: 10px 36px;
        font-size: 1.5rem;
        color: #d00742;
        border: 2px solid #d00742;
        background-color: #fff;
    }
    
    .whydes a:hover {
        background-color: #d00742;
        color: #fff;
    }
    
    .honorWrap {
        width: 100%;
        margin: auto;
    }
    
    .honorWrap::after {
        content: '';
        display: block;
        clear: both;
    }
    
    .honorItem {
        width: 18.2864%;
        float: left;
        margin-right: 2.142%;
        margin-bottom: 40px;
    }
    
    .honorItem:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.22);
    }
    
    .honorItem:nth-of-type(5) {
        margin-right: 0;
    }
    
    .honorItem:nth-of-type(10) {
        margin-right: 0;
    }
    
    .honorpic {
        width: 100%;
    }
    
    .honorpic a {
        display: block;
        width: 100%;
        height: 0;
        padding-top: 148.76%;
        position: relative;
        overflow: hidden;
    }
    
    .honorpic a img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: auto;
    }
    
    .honorpic a:hover img {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
    
    .honorItem p {
        width: 100%;
        height: 46px;
        font-size: 1.4rem;
        text-align: center;
        padding: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.2;
    }
    /* products */
    
    .maindiv {
        width: 100%;
        padding: 0 10% 100px;
        margin: 0 auto;
        box-sizing: border-box;
        position: relative;
    }
    
    .sideLeftBar {
        float: right;
        float: left;
        width: 25%;
        /* position: relative;
    z-index: 1; */
    }
    
    .nav_p_l {
        position: fixed;
        top: 0px;
        z-index: 2;
    }
    
    .mainleftbar {
        padding-left: 5%;
        padding-right: 5%;
        width: 80%;
        box-sizing: border-box;
        position: relative;
        background-color: #f5f5f5;
        /*float: right;*/
        margin-right: 20%;
        /*border-radius: 15px 15px 0px 0px;*/
    }
    
    .categoriesmodal {
        width: 100%;
        padding-bottom: 30px;
        margin-bottom: 15px;
        overflow: hidden;
    }
    
    .titlebar {
        border-bottom: 1px solid #ccc;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 0px;
    }
    
    .productSubmenu {}
    
    .productSubmenu h4 {
        padding: 14px 0px 14px 15px;
        background-color: transparent;
        font-weight: normal;
        border-top: 1px solid #ccc;
        margin-bottom: 3px;
    }
    
    .productSubmenu h4:first-child {
        border-top: none;
    }
    
    .productSubmenu h4 a {
        display: block;
        font-size: 1.4rem;
        /* font-family: "Helvetica"; */
        color: #222;
        position: relative;
        padding-left: 12px;
        transition: all 400ms ease 0s;
        -webkit-transition: all 400ms ease 0s;
        -moz-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
    }
    
    .productSubmenu h4 a.ac,
    .productSubmenu h4 a.ac::before{
        color: #d11817;
    }

    .productSubmenu h4 a::before {
        content: "\f0da";
        font-family: FontAwesome;
        display: inline;
        color: #000;
        position: absolute;
        left: 0;
        top: 0px;
    }
    
    .productSubmenu h4 a:hover {
        color: #d11817;
        padding-left: 20px;
    }
    
    .productSubmenu h4 a:hover::before {
        color: #d11817;
        left: 8px;
    }
    
    .productSubmenu ul {
        padding-left: 12px;
    }
    
    .productSubmenu ul li {
        padding: 8px 0;
        background-color: transparent;
    }
    
    .productSubmenu ul li:hover {
        /* background-color: #f5f5f5; */
    }
    
    .productSubmenu ul li a {
        display: block;
        font-size: 1.4rem;
        color: #444;
        position: relative;
        padding-left: 12px;
        transition: all 400ms ease 0s;
        -webkit-transition: all 400ms ease 0s;
        -moz-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
    }
    
    .productSubmenu ul li a::before {
        content: "\f105";
        font-family: FontAwesome;
        display: inline;
        color: #000;
        position: absolute;
        left: 0;
        top: 3px;
    }
    
    .productSubmenu ul li a:hover {
        color: #d11817;
        padding-left: 20px;
    }
    
    .productSubmenu ul li a.active {
        color: #d11817;
    }
    
    .productSubmenu ul li a:hover::before,
    .productSubmenu ul li a.active:hover::before {
        color: #d11817;
        left: 5px;
    }
    
    .faqbtn {
        width: 100%;
        padding-right: 20%;
        margin-bottom: 15px;
    }
    
    .faqbtn a img {
        max-width: 100%;
    }
    
    .catalogBtn {
        display: block;
        width: 100%;
        padding-right: 20%;
    }
    
    .catalogBtn a {
        border: 1px solid #777;
        display: block;
        padding: 12px 24px;
        text-align: center;
        background-color: #f5f5f5;
    }
    
    .catalogBtn a span {
        font-size: 18px;
        color: #777;
        padding-right: 18px;
        vertical-align: middle;
    }
    
    .catalogBtn a img {
        display: inline;
        vertical-align: middle;
    }
    
    .catalogBtn a:hover {
        background-color: #fff;
    }
    
    .productBar {
        float: left;
        width: 75%;
    }
    
    .productlistContainer {
        width: 100%;
        padding: 20px 0;
    }
    
    .prolist {
        float: left;
        width: 23.698%;
        /*width: 31.6%;*/
        width: 22.9%;
        margin-right: 1.736%;
        margin-right: 2.6%;
        margin-bottom: 30px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    }
    
    .prolist:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }
    
    .prolist:nth-of-type(3n) {
        /*margin-right: 0;*/
    }

    .prolist:nth-of-type(4n){
        margin-right: 0;
    }
    
    .prolistwrap {
        width: 100%;
        padding: 15px;
        background-color: #fff;
    }
    
    .prolistpic {
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        position: relative;
        margin: 0 auto;
        background-color: #f5f5f5;
        overflow: hidden;
    }
    
    .prolistpic a {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }
    
    .prolistpic a img {
        width: 100%;
        height: auto !important;
        margin: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .prolistpic a:hover img {
        transform: scale(1.20) translateY(-50%);
        -ms-transform: scale(1.20) translateY(-50%);
        -moz-transform: scale(1.20) translateY(-50%);
        -webkit-transform: scale(1.20) translateY(-50%);
        -o-transform: scale(1.20) translateY(-50%);
    }
    
    .prolisttxt {
        width: 100%;
        margin: 0 auto;
        border-top: 1px solid #f1f1f1;
    }
    
    .prolisttxt h3 {
        /*font-size: 3.0rem;*/
        font-size:2.2rem;
        /*color: #1756b5;*/
        color: #777777;
        margin-top: 15px;
        margin-bottom: 15px;

        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        display: block;
    }
    
    .prolisttxt p {
        text-align: left;
        font-size: 1.5rem;
        color: #646266;
        display: block;
        width: 100%;
        height: 78px;
        overflow: hidden;
    }
    
    .prolisttxt p span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 3px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
        vertical-align: middle;
    }
    
    .prolisttxt a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 54px;
        padding: 12px 0px;
        background-color: #fff;
        color: #151515;
        font-size: 1.6rem;
        font-weight: 700;
        /*font-family: Arial, Helvetica, sans-serif; */
        font-family: 'ssc';
        text-align: left;
        text-transform: capitalize;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 20px;
    }
    
    .prolisttxt a:hover {
        color: #e50012;
    }
    
    .pagediv {
        clear: both;
        margin: 20px 0px 50px 0px;
        text-align: left;
        padding-top: 20px;
        padding-bottom: 20px;
        font-family: "Helvetica";
    }
    
    .pagediv a {
        display: inline-block;
        font-size: 15px;
        border: #e4e4e4 1px solid;
        padding: 10px 16px;
        margin: 2px;
        color: #000;
        text-decoration: none;
        background-color: #e4e4e4;
        font-family: "Helvetica";
    }
    
    .pagediv a:hover,
    .pagediv a:focus {
        font-size: 15px;
        border: #1756b5 1px solid;
        padding: 10px 16px;
        color: #fff;
        background-color: #1756b5;
    }
    
    .pagediv .current,
    .pagediv .thisclass,
    .pagediv .pageinfo,
    .pagediv span {
        border: #1756b5 1px solid;
        font-size: 15px!important;
        padding: 10px 16px;
        color: #fff;
        margin: 2px;
        background-color: #1756b5;
        display: inline-block;
        font-family: "Helvetica";
    }
    
    .pagediv .pageinfo {
        background-color: #eeeeee;
        border: #eeeeee 1px solid;
        color: #333;
        font-size: 13px;
        padding: 12px 16px;
        vertical-align: top;
        font-family: "Helvetica";
        font-size: 1.2rem!important;
    }
    
    .rightPage {
        font-family: 'Helvetica';
        float: right;
        font-weight: normal;
    }
    
    .rightPage a {
        display: inline-block;
        font-size: 15px;
        border: #e4e4e4 1px solid;
        padding: 10px 16px;
        margin: 2px;
        color: #000;
        text-decoration: none;
        background-color: #e4e4e4;
        font-family: "Helvetica";
    }
    
    .rightPage a:hover,
    .rightPage a:focus {
        font-size: 15px;
        border: #1756b5 1px solid;
        padding: 10px 16px;
        color: #fff;
        background-color: #1756b5;
    }
    
    .rightPage .current,
    .rightPage .thisclass,
    .rightPage .pageinfo,
    .rightPage span {
        border: #1756b5 1px solid;
        font-size: 15px!important;
        padding: 10px 16px;
        color: #fff;
        margin: 2px;
        background-color: #1756b5;
        display: inline-block;
        font-family: "Helvetica";
    }
    
    .rightPage .pageinfo {
        background-color: #eeeeee;
        border: #eeeeee 1px solid;
        color: #333;
        font-size: 13px;
        padding: 12px 16px;
        vertical-align: top;
        font-family: "Helvetica";
        font-size: 1.2rem!important;
    }
    
    .products {
        width: 100%;
        padding-bottom: 0px;
    }
    
    .products::after {
        content: '';
        display: block;
        clear: both;
    }
    
    .productleft {
        width: 50%;
        float: left;
    }
    
    .bigPhoto {
        width: 100%;
        /*height: 0;*/
        /*padding-top: 100%;*/
        padding:15px;
        font-size: 0;
        position: relative;
        overflow: hidden;
        background-color: #f1f1f1;
    }
    
    .bigPhoto:hover {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }
    
    .bigPhoto a {
        display: block;
        width: 100%;
        height: 100%;
        /*padding: 15px;*/
        /*position: absolute;*/
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    
    .bigPhoto a img {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: auto;
    }
    
    .bigPhoto a:hover img {
        /*transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);*/
    }
    
    .biglist {
        display: block;
        width: 100%;
        font-size: 0px;
        letter-spacing: -3px;
        margin-top: 15px;
    }
    
    .biglist li {
        display: inline-block;
        width: 70px;
        height: 70px;
        border: 2px solid #f1f1f1;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    
    .biglist li:hover {
        border-color: #e50012;
    }
    
    .biglist li img {
        width: 100%;
        height: 100%;
    }
    
    .productright {
        width: 50%;
        float: left;
        padding-left: 30px;
    }
    
    .productTitle {
        font-family: 'sscb';
        font-size: 2.8rem;
        text-transform: capitalize;
        color: #000;
        margin-top: 0;
        margin-bottom: 15px;
        line-height: 1.2;
    }
    
    .productParent {
        font-family: 'sscb';
        font-size: 2.4rem;
        color: #444;
    }
    
    .productParent a {
        font-size: 2.4rem;
        color: #444;
        text-decoration: underline;
    }
    
    .productParent a:hover {
        color: #d11817;
    }
    
    .productSize {
        font-family: 'sscb';
        font-size: 2.4rem;
        color: #333;
    }
    
    .productSize strong {
        color: #444;
        padding-right: 10px;
    }
    
    .productColor {
        width: 100%;
        padding: 15px 0;
        margin: 15px 0;
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
    }
    
    .productColor p,
    .productColor strong {
        font-size: 1.6rem;
        color: #444;
    }
    
    .productColor span {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin: 3px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    }
    
    .productAttributes {
        font-size: 1.6rem;
        color: #333;
    }
    
    .shortDescription {
        width: 100%;
        padding: 15px 0;
        margin: 15px 0;
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
    }
    
    .shortDescription p {
        font-size: 1.6rem;
    }
    
    .shortDescription p strong {
        display: inline-block;
        width: 30%;
        color: #888888;
    }
    
    .quickContact {
        width: 100%;
    }
    
    a.whatapps {
        display: inline-block;
        margin-right: 15px;
        font-size: 4.8rem;
        color: green;
        vertical-align: middle;
    }
    
    a.contactbtn {
        display: inline-block;
        padding: 2px 18px;
        background-color: #f46712;
        color: #fff;
        text-align: center;
        font-size: 1.6rem;
        border-radius: 8px;
        vertical-align: middle;
    }
    
    a.contactbtn i {
        margin-right: 6px;
    }
    
    a.contactbtn:hover {
        background-color: #270000;
    }
    
    a.shopbtn {
        margin-right: 13px;
        display: inline-block;
        padding: 2px 18px;
        background-color: #FF0036;
        color: #fff;
        text-align: center;
        font-size: 1.6rem;
        border-radius: 8px;
        vertical-align: middle;
    }
    
    a.shopbtn:hover {
        background-color: #270000;
    }
    
    .productvideo {
        width: 100%;
        margin-top: 30px;
    }
    
    .productvideoTitle {
        width: 100%;
        padding: 8px 0;
        margin: 15px 0;
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
        background-color: rgb(253, 253, 253);
        font-size: 2.8rem;
        font-family: 'sscb';
    }
    
    .productdetails {
        width: 100%;
        margin-top: 30px;
    }
    
    .productdetailsTitle {
        width: 100%;
        padding: 8px 0;
        margin: 30px 0px;
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
        background-color: rgb(253, 253, 253);
        font-size: 2.8rem;
        font-family: 'sscb';
    }
    
    .productdetailsContainer div,
    .productdetailsContainer p,
    .productdetailsContainer span,
    .productdetailsContainer a,
    .productdetailsContainer li,
    .productdetailsContainer dd,
    .productdetailsContainer dt,
    .productdetailsContainer td,
    .productdetailsContainer th {
        font-size: 1.6rem;
    }
    
    .productdetailsContainer ul li {
        list-style: disc inside;
    }
    
    .productdetailsContainer ol li {
        list-style: decimal inside;
    }
    
    .productdetailsContainer img {
        max-width: 100%;
        height: auto !important;
    }
    
    .productdetailsContainer h1,
    .productdetailsContainer h2,
    .productdetailsContainer h3,
    .productdetailsContainer h4,
    .productdetailsContainer h5,
    .productdetailsContainer h6 {
        font-size: initial;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    .list_related {
        width: 100%;
        margin-top: 50px;
    }
    
    .list_related h2 {
        border-bottom: 1px solid #ccc;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    
    a.faq_a {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
        border: 1px solid #ccc;
        color: #333333;
        margin-bottom: 10px;
        font-size: 18px;
        border-radius: 4px;
        text-decoration: none;
    }
    
    a.faq_a:hover {
        border: 1px solid #d02148;
        color: #d02148;
        text-decoration: none;
    }
    
    a.faq_a span i {
        font-size: 16px;
    }
    
    .well,
    .well div,
    .well p,
    .well span {
        font-size: 18px;
    }
    
    .backBtn {
        width: 100%;
        margin: 50px auto;
        text-align: center;
    }
    
    .backBtn a {
        display: block;
        width: 142px;
        height: 36px;
        margin: 0 auto;
        background-color: #348eff;
        color: #fff;
        text-align: center;
        font-family: 'ssc';
        font-size: 1.8rem;
        border-radius: 8px;
        line-height: 36px;
    }
    
    .backBtn a:hover {
        background-color: #270000;
        color: #fff;
    }
    
    .case {
        width: 100%;
        padding: 50px 0px 100px;
        margin: auto;
        background-color: #f8f8f8;
    }
    
    .iaboutContainer {
        width: 1280px;
        margin: 0 auto;
    }
    
    .casewrap {
        width: 100%;
    }
    
    .casewrap ul {
        display: block;
        width: 100%;
    }
    
    .casewrap ul::after {
        content: '';
        display: block;
        clear: both;
    }
    
    .casewrap ul li {
        display: block;
        float: left;
        width: 23.245%;
        margin-right: 2.34%;
        margin-bottom: 30px;
        background-color: #fff;
        border-radius: 5px 5px 0 0;
        overflow: hidden;
        transition: all 300ms ease 0s;
        -webkit-transition: all 300ms ease 0s;
        -moz-transition: all 300ms ease 0s;
        -o-transition: all 300ms ease 0s;

        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }
    
    .casewrap ul li:nth-of-type(4n) {
        margin-right: 0;
    }
    
    .casewrap ul li:hover {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    }
    
    .caselistpic {
        width: 100%;
        height: 0;
        /*padding-bottom: 100%;*/
        padding-bottom: 70%;
        position: relative;
        overflow: hidden;
        background-color: #f9f9f9;
    }
    
    .caselistpic a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    
    .caselistpic a img {
        width: 100%;
        height: 100%;
    }
    
    .caselistpic a:hover img {
        transform: scale(1.12);
        -ms-transform: scale(1.12);
        -moz-transform: scale(1.12);
        -webkit-transform: scale(1.12);
        -o-transform: scale(1.12);
    }
    
    .caselisttxt {
        width: 100%;
        /*padding: 15px 15px 45px 15px;*/
        padding:15px;
    }
    
    .caselisttxt h4 {
        font-size: 1.4rem;
        /*margin-bottom: 12px;*/

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }
    
    .caselisttxt p {
        font-size: 1.4rem;
        color: #999;
    }
    
    .caselisttxt p em {
        font-style: normal;
    }
    
    .caselisttxt p span {
        float: right;
    }
    
    .case2 {
        width: 100%;
        margin: 0 auto;
        background-color: #f8f8f8;
    }
    
    .casedetail {
        width: 100%;
        padding: 0px 23%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    
    .casedetailwrap {
        width: 100%;
        position: relative;
        background-color: #fff;
        padding: 30px 45px 80px;
        transform: translateY(-69px);
        -ms-transform: translateY(-69px);
        -moz-transform: translateY(-69px);
        -webkit-transform: translateY(-69px);
        -o-transform: translateY(-69px);
    }
    
    h3.toph3 {
        font-size: 2.4rem;
        font-weight: normal;
        text-align: center;
        padding-bottom: 12px;
        border-bottom: 1px dashed #dedede;
        margin-bottom: 6px;
    }
    
    p.topp {
        font-size: 1.2rem;
        text-align: left;
        color: #999;
        text-align: center;
    }
    
    p.topp span {
        margin-left: 8px;
        margin-right: 8px;
        color: #999;
    }
    
    p.topp span i {
        margin-right: 7px;
        color: #999;
        font-size: 1.4rem;
    }
    
    .casedetailcontainer {
        clear: both;
        margin-top: 30px;
        font-size: 1.4rem;
    }
    
    .casedetailcontainer img {
        display: block;
        margin: 10px auto 30px;
        text-align: center;
        max-width: 760px;
        height: auto !important;
    }
    
    .casedetailcontainer p,
    .casedetailcontainer div,
    .casedetailcontainer span,
    .casedetailcontainer th,
    .casedetailcontainer td {
        font-size: 1.4rem;
        line-height: 24px;
    }
    
    .updowndiv {
        margin-top: 50px;
        width: 100%;
    }
    
    .updowndiv dl {
        display: block;
        width: 100%;
        font-size: 0;
    }
    
    .updowndiv dl dt {
        display: inline-block;
        width: 50%;
        padding: 5px 15px;
        border: 1px dotted #ccc;
        box-sizing: border-box;
        font-size: 1.4rem;
        color: #151515;
    }
    
    .updowndiv dl dt a {
        font-size: 1.4rem;
        color: #151515;
    }
    
    .updowndiv dl dt a:hover {
        color: #ff001e;
    }
    
    .updowndiv dl dd {
        display: inline-block;
        width: 50%;
        padding: 5px 15px;
        border: 1px dotted #ccc;
        border-left: none;
        box-sizing: border-box;
        font-size: 1.4rem;
        color: #151515;
        font-weight: bold;

        text-align:right;
    }
    
    .updowndiv dl dd a {
        font-size: 1.4rem;
        color: #151515;
    }
    
    .updowndiv dl dd a:hover {
        color: #ff001e;
    }
    
    .newsDiv {
        width: 100%;
        padding: 0 15%;
        box-sizing: border-box;
        margin: 0 auto;
    }
    
    .newsContainer {
        width: 100%;
        margin-top: 30px;
    }
    
    .newslist {
        padding-bottom: 15px;
        margin-bottom: 30px;
        border-bottom: 1px dotted #cccccc;
    }
    
    .newslistno {
        border-bottom: none!important;
    }
    
    h3.detailh3 {
        text-align: left;
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 2px;
    }
    
    .newspic {
        width: 32%;
        float: left;
        margin-right: 40px;
        margin-bottom: 30px;
    }
    
    .newspic a {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 50%;
        position: relative;
        background-color: #f9f9f9;
        overflow: hidden;
    }
    
    .newspic a img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }
    
    .newspic a:hover img {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
    
    .newslist h3 a:hover {
        color: #a40e16;
    }
    
    p.date_p {
        font-size: 14px;
        text-align: left;
        color: #999;
    }
    
    p.date_p0 {
        color: #999;
        font-size: 1.2rem;
    }
    
    p.short_p {
        font-size: 14px;
        color: #454545;
        padding-top: 15px;
    }
    
    a.read_btn {
        display: inline-block;
        padding: 5px 15px;
        background-color: #fff;
        color: #a40e16;
        font-size: 16px;
        border: 1px solid #a40e16;
        margin: 15px auto;
        text-align: center;
        border-radius: 4px;
    }
    
    a.read_btn:hover {
        background-color: #a40e16;
        border: 1px solid #a40e16;
        color: #fff;
    }
    
    .newsDiv1 {
        width: 75%;
        margin: 30px auto;
    }
    
    .newsDiv1 h3.titleh3 {
        padding-bottom: 15px;
        margin-bottom: 30px;
        border-bottom: 1px solid #ccc;
        position: relative;
    }
    
    .newsDiv1 h3.titleh3::after {
        content: '';
        display: block;
        width: 125px;
        height: 3px;
        background-color: #a40e16;
        position: absolute;
        left: 0;
        bottom: -2px;
    }
    
    .newsContent {
        margin-top: 35px;
    }
    
    .newsContent li {
        font-size: 15px;
        line-height: 1.75;
        list-style: inside disc;
    }
    
    .newsContent,
    .newsContent div,
    .newsContent p,
    .newsContent span,
    .newsContent a {
        font-size: 15px;
        line-height: 1.75;
    }
    
    .newsContent p {
        margin-bottom: 25px;
    }
    
    .newsContent h5 {
        font-size: 15px;
    }
    
    .newsContent h4 {
        font-size: 18px;
    }
    
    .newsContent h3 {
        font-size: 21px;
    }
    
    .newsContent h2 {
        font-size: 30px;
    }
    
    .newsContent h1 {
        font-size: 48px;
    }
    
    .newsContent h1,
    .newsContent h2,
    .newsContent h3,
    .newsContent h4,
    .newsContent h5 {
        margin-top: 20px;
        margin-bottom: 9px;
    }
    
    .newsContent img {
        max-width: 100%;
        height: auto !important;
        display: block;
    }
    
    .back_btn a {
        display: inline-block;
        padding: 5px 15px;
        background-color: #fff;
        color: #a40e16;
        font-size: 16px;
        border: 1px solid #a40e16;
        margin: 50px auto 100px;
        text-align: center;
        border-radius: 4px;
    }
    
    .back_btn a:hover {
        color: #fff;
        background-color: #a40e16;
    }
    
    .contactDiv {
        width: 100%;
        padding: 0 15%;
        box-sizing: border-box;
        margin: 0 auto;
    }
    
    .contactTxt {
        width: 32%;
        float: left;
    }
    
    .contactTxt h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .contactTxt ul li {
        list-style: none;
        font-size: 16px;
        color: #333;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    span.a_address {
        padding-left: 25px;
        font-size: 16px;
        color: #333;
        position: relative;
        display: block;
        line-height: 1.3;
    }
    
    span.a_address::before {
        content: "\f041";
        font-family: FontAwesome;
        font-size: 24px;
        position: absolute;
        left: 0;
        top: -6px;
        display: block;
        height: auto;
        color: #646464;
    }
    
    a.a_tel {
        padding-left: 25px;
        font-size: 16px;
        color: #333;
        position: relative;
        display: block;
        line-height: 1.3;
    }
    
    a.a_tel::before {
        content: "\f098";
        font-family: FontAwesome;
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 0px;
        display: block;
        height: auto;
        color: #646464;
    }
    
    a.a_mobile {
        padding-left: 25px;
        font-size: 16px;
        color: #333;
        position: relative;
        display: block;
        line-height: 1.3;
    }
    
    a.a_mobile::before {
        content: "\f232";
        font-family: FontAwesome;
        font-size: 20px;
        position: absolute;
        left: 0;
        top: 0px;
        display: block;
        height: auto;
        color: #646464;
    }
    
    span.a_fax {
        padding-left: 25px;
        font-size: 16px;
        color: #333;
        position: relative;
        display: block;
        line-height: 1.3;
    }
    
    span.a_fax::before {
        content: "\f1ac";
        font-family: FontAwesome;
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 0px;
        display: block;
        height: auto;
        color: #646464;
    }
    
    a.a_email {
        padding-left: 25px;
        font-size: 16px;
        color: #333;
        position: relative;
        display: block;
        line-height: 1.3;
    }
    
    a.a_email::before {
        content: "\f0e0";
        font-family: FontAwesome;
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 0px;
        display: block;
        height: auto;
        color: #646464;
    }
    
    span.a_zipcode {
        padding-left: 25px;
        font-size: 16px;
        color: #333;
        position: relative;
        display: block;
        line-height: 1.3;
    }
    
    span.a_zipcode::before {
        content: "\f277";
        font-family: FontAwesome;
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 0px;
        display: block;
        height: auto;
        color: #646464;
    }
    
    a.a_web {
        padding-left: 25px;
        font-size: 16px;
        color: #333;
        position: relative;
        display: block;
        line-height: 1.3;
    }
    
    span.a_qrcode {
        padding-left: 25px;
        font-size: 16px;
        color: #333;
        position: relative;
        display: block;
    }
    
    span.a_qrcode::before {
        content: "\f029";
        font-family: FontAwesome;
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 0px;
        display: block;
        height: auto;
        color: #646464;
    }
    
    .contactTxt ul li span img {
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    }
    
    a.a_web::before {
        content: "\f0ac";
        font-family: FontAwesome;
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 0px;
        display: block;
        height: auto;
        color: #646464;
    }
    
    a.a_tel:hover,
    a.a_mobile:hover,
    a.a_email:hover,
    a.a_web:hover {
        color: #a40e16;
    }
    
    a.a_tel:hover::before,
    a.a_mobile:hover::before,
    a.a_email:hover::before,
    a.a_web:hover::before {
        color: #a40e16;
    }
    
    .contactForm {
        width: 58%;
        float: right;
    }
    
    .submitbtn {
        background-color: #a40e16;
        border-color: #a40e16;
        border: none;
        color: #fff;
        padding: 10px 32px;
        margin-top: 0px;
        margin-bottom: 10px;
        border-radius: 8px;
        font-size: 1.6rem;
    }
    
    .submitbtn:hover,
    .submitbtn:focus {
        color: #fff;
        background-color: #222222;
        border-color: #222222;
    }
    
    .contactForm p {
        color: #252525;
        margin-bottom: 15px;
        font-size: 1.6rem;
    }
    
    .googlemap {
        width: 100%;
        height: 500px;
        background: url(../images/googleMap.jpg) center center no-repeat;
        margin-top: 30px;
    }
    
    .Baidu_map_navigation {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 100px;
    }
    
    .Baidu_map_navigation a {
        margin: 0 auto;
        width: 210px;
        height: 46px;
        display: block;
        border-radius: 8px;
        text-align: center;
        background-color: #a40e16;
        color: #fff;
        font-size: 1.6rem;
        transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        line-height: 46px;
    }
    
    .Baidu_map_navigation a:hover {
        background-color: #222;
    }
    
    .serviceDiv {
        width: 100%;
        margin: 0 auto;
    }
    
    .serviceContainer {
        margin-top: 35px;
    }
    
    .serviceContainer,
    .serviceContainer h1,
    .serviceContainer h2,
    .serviceContainer h3,
    .serviceContainer h4,
    .serviceContainer h5 {
        margin-top: 20px;
        margin-bottom: 9px;
    }
    
    .serviceContainer,
    .serviceContainer p,
    .serviceContainer span,
    .serviceContainer div,
    .serviceContainer li,
    .serviceContainer a,
    .serviceContainer td,
    .serviceContainer dd,
    .serviceContainer dt {
        font-size: 1.5rem;
        color: #333;
    }
    
    .serviceContainer p {
        margin-bottom: 15px;
    }
    
    .serviceContainer ul {
        margin-bottom: 30px;
    }
    
    .serviceContainer ul li {
        list-style: inside disc;
        margin-bottom: 8px;
    }
    
    .serviceBtn {
        margin: 30px auto;
        text-align: center;
    }
    
    .serviceBtn a {
        display: block;
        width: 230px;
        height: 48px;
        margin: 0 auto;
        color: #fff;
        background-color: #8a0029;
        font-size: 1.6rem;
        border-radius: 8px;
        line-height: 48px;
    }
    
    .serviceBtn a:hover {
        background-color: #151515;
    }
    
    .downloadDiv {
        width: 100%;
        margin-top: 30px;
    }
    
    .downloadItem {
        width: 31.6%;
        float: left;
        margin-right: 2.6%;
    }
    
    .downloadItem:nth-of-type(3) {
        margin-right: 0;
    }
    
    .cateroriesObj {
        width: 100%;
        padding: 15px;
        background-color: #ededed;
        margin-bottom: 30px;
    }
    
    .cateroriesObj h4 {
        font-size: 1.8rem;
        color: #333;
        line-height: 2em;
    }
    
    .cateroriesObj p {
        font-size: 1.2rem;
        color: #333;
    }
    
    .coverpic {
        width: 75%;
        margin-top: 35px;
        margin-bottom: 20px;
    }
    
    .coverpic img {
        width: 100%;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    }
    
    .downlaodBtn {
        margin: 0;
    }
    
    .downlaodBtn a {
        display: block;
        width: 130px;
        height: 42px;
        background-color: #a40e16;
        color: #fff;
        font-size: 1.5rem;
        text-align: center;
        border-radius: 6px;
        line-height: 40px;
    }
    
    .downlaodBtn a:hover {
        background-color: #000;
    }
    
    .videoDiv {
        width: 100%;
        margin: 20px auto;
    }
    
    .videoItem {
        width: 48.25%;
        margin-right: 3.5%;
        float: left;
        margin-bottom: 30px;
        position: relative;
    }
    
    .videoItem:nth-of-type(2n) {
        margin-right: 0%;
    }
    
    .videoItemWrap {
        width: 100%;
        height: 0px;
        padding-bottom: 56.25%;
        position: relative;
        overflow: hidden;
    }
    
    .videoObj {
        width: 100%;
        height: auto;
    }
    
    .videoItemPic {
        width: 100%;
        height: 0px;
        padding-bottom: 56.0%;
        position: relative;
        background-color: #f1f1f1;
        overflow: hidden;
    }
    
    .videoItemPic a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    
    .videoItemPic a img {
        width: 100%;
        margin: auto;
    }
    
    .playBtn {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: url(../images/playBtn.png) center 35% no-repeat transparent;
        cursor: pointer;
    }
    
    .playBtn p {
        display: block;
        width: 100%;
        padding: 0 10px;
        height: 36px;
        text-align: center;
        font-size: 1.5rem;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        line-height: 36px;
    }
    
    .playBtn:hover {
        background: url(../images/playBtn.png) center 35% no-repeat rgba(0, 0, 0, 0.25);
    }
    
    @media (max-width:767px) {
        #headdiv {
            width: 100%;
            height: 50px;
            padding: 0;
            position: relative;
            background-color: #3c0000;
            background-color: #ffa500;
            background-color: red;
            background-color: orange;
            background-color: yellowgreen;
            background-color: yellowgreen;
            background-color: cyan;
            background-color: blue;
            background-color: purple;
            background-color: #330066;
            background-color: #210042;
            background-color: #002000;
            background-color: #12126e;
            background-color: #002040;
            background-color: #8a0029;
            background-color: #9e289b;
            background-color: #e65400;
            background-color: #001719;
            background-image: none;
        }
        .logo {
            width: 30%;
        }
        .logo a {
            margin-top: 0px;
        }
        .logo a img {
            max-height: 36px;
        }
        .showpc {
            display: none;
        }
        .showmob {
            display: inline-block;
        }
        #mobileNavButton {
            display: block;
            margin-top: 8px;
            margin-right: 15px;
        }
        .language {
            width: 17%;
            margin-top: 16px;
        }
        .language a {
            color: #fff;
        }
        .searchdiv {
            width: 16.5%;
            margin-right: 5%;
            background-color: transparent;
        }
        .searchdiv a {
            font-size: 2.0rem;
            line-height: 50px;
            color: #fff;
        }
        .searchWrap button {
            right: 9px;
            font-size: 16px;
        }
        /* Mobile nva style */
        .m_nav {
            display: none;
            width: 100%;
            position: absolute;
            top: 49px;
            z-index: 6;
        }
        .m_nav>ul {
            display: block;
            width: 100%;
            margin-bottom: 0;
            /* border-top: 1px solid #348eff; */
            border-bottom: 1px solid #348eff;
            background-color: #fff;
            position: relative;
            top: 0px;
            z-index: 3;
        }
        .m_nav ul {
            display: block;
            width: 100%;
            margin-bottom: 0;
            position: relative;
            top: 0px;
            z-index: 3;
            background-color: #fff;
        }
        .m_nav ul li {
            display: block;
            width: 100%;
            border-top: 1px solid #ececec;
            text-align: left;
            overflow: visible;
            position: relative;
        }
        .m_nav ul li ul {
            display: none;
        }
        .m_nav ul li ul li ul {
            display: none;
        }
        .m_nav ul li a {
            display: block;
            width: 100%;
            padding: 10px 0px 10px 30px;
            color: #333;
            font-size: 1.4rem;
            /* text-transform: uppercase;
        font-family: "Poppins"; */
            line-height: 1.1;
            position: relative;
        }
        .m_nav ul li a i {
            margin-right: 8px;
        }
        .m_nav ul li.has_sub {
            pointer-events: none;
        }
        .m_nav ul li.has_sub a {
            padding: 10px 50px 10px 30px;
            pointer-events: auto;
        }
        .m_nav ul li.has_sub::after {
            content: "\f105";
            display: block;
            width: 50px;
            height: 36px;
            font-size: 16px;
            font-family: FontAwesome;
            color: #fff;
            background-color: #ccc;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 10;
            cursor: pointer;
            pointer-events: auto;
            line-height: 36px;
        }
        .m_nav ul li.has_sub.on::after {
            content: "\f107";
        }
        .m_nav ul li ul {
            padding-left: 30px;
        }
        .m_nav ul li ul li a::before {
            content: "\f0da";
            font-size: 14px;
            font-family: FontAwesome;
            color: #454545;
            position: absolute;
            left: 16px;
            top: 10px;
        }
        .m_nav ul li ul li ul {
            padding-left: 30px;
        }
        .m_nav ul li ul li.has_sub {
            pointer-events: none;
        }
        .m_nav ul li ul li.has_sub a {
            padding: 10px 50px 10px 30px;
            pointer-events: auto;
        }
        .m_nav ul li ul li.has_sub::after {
            content: "\f105";
            display: block;
            width: 50px;
            height: 36px;
            font-size: 16px;
            font-family: FontAwesome;
            color: #fff;
            background-color: #ccc;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 10;
            cursor: pointer;
            pointer-events: auto;
            line-height: 36px;
        }
        .m_nav ul li ul li.has_sub.on::after {
            content: "\f107";
        }
        .bx-wrapper {
            margin: 8px auto 0px;
        }
        .bx-wrapper .bx-pager {
            display: none;
        }
        .bx-controls-direction {
            display: none;
        }
        .xyhz {
            float: left;
        }
        .pcbr {
            display: none;
        }
        .mainfeatures {
            padding: 20px 15px;
        }
        .maintitle {
            margin: 0px auto 15px;
        }
        .maintitle h2 {
            font-size: 1.8rem;
        }
        .featuresBg {
            border: none;
            background-color: #fff;
            border-radius: 10px;
        }
        .featuresBg img {
            border-radius: 10px;
        }
        .iconpic {
            width: 100%;
            position: absolute;
            left: 5px;
            top: 28px;
        }
        .iconpic span {
            display: none;
        }
        .mainfeaturesItem {
            width: 48%;
            float: left;
            margin-left: 0;
            margin-right: 4%;
            margin-bottom: 10px;
        }
        .mainfeaturesItem:nth-of-type(3) {
            margin-right: 0;
        }
        .mainfeaturesItem:nth-of-type(4) {
            width: 100%;
            margin-right: 0;
        }
        .mainfeatureswrap h3 {
            padding: 5px 0;
            text-align: left;
            font-size: 1.4rem;
        }
        .mainfeatureswrap p {
            width: 100%;
            padding: 0;
            color: #666;
            font-family: Arial;
            font-size: 1.2rem;
            text-align: left;
        }
        .mainCategory {
            width: 100%;
            margin: 0px auto 30px;
        }
        .categoryBox {
            display: block;
            padding: 30px 0;
            margin-bottom: 25px;
            background-color: #f8f8f8;
        }
        .categoryItem {
            display: block;
            width: 100%;
        }
        .categoryItemWrap {
            padding: 0px 15px 0px;
        }
        .categoryItemWrap h4 {
            font-size: 1.2rem;
        }
        .categoryItemWrap h2 {
            margin: 15px 0px;
            font-size: 16px;
        }
        .categoryItemWrap h2 a {
            font-size: 1.6rem;
            line-height: 1;
        }
        .categoryItemWrap p {
            font-size: 1.2rem;
            font-family: Arial;
            color: #666;
            text-align: justify;
            line-height: 1.2;
        }
        .categoryItemPic {
            padding: 0 15px;
        }
        .categoryItemPic {
            margin-top: 8px;
            background-color: #f8f8f8;
        }
        .categoryBtn a {
            font-size: 1.2rem;
        }
        .cyanBg a {
            font-size: 1.2rem;
        }
        .iabout {
            /*padding: 0px 0px 30px;*/
            padding:0;
        }
        .iaboutLeft {
            float: left;
            width: 100%;
        }
        .iaboutPic a {
            border: none;
        }
        .iaboutRight {
            float: left;
            width: 100%;
        }
        .iaboutWrap {
            width: 100%;
            padding: 15px 15px;
        }
        .iaboutWrap h2 {
            font-size: 1.6rem;
        }
        .iaboutWrap h4 {
            font-size: 1.6rem;
        }
        .iaboutWrap p {
            padding: 12px 0px;
            font-size: 1.2rem;
            font-family: Arial;
            text-align: left;
            color: #fff;
            line-height: 1.4;
        }
        .iaboutBtn a {
            font-family: Arial;
            font-size: 1.2rem;
            font-weight: bold;
            color: #000;
            display: block;
            width: 130px;
            height: 38px;
            background-color: #fff;
            border-radius: 8px;
            text-align: center;
            transition: all 400ms ease 0s;
            -webkit-transition: all 400ms ease 0s;
            -moz-transition: all 400ms ease 0s;
            -o-transition: all 400ms ease 0s;
            line-height: 38px;
        }
        .iaboutBtn {
            display: inline-block;
            margin-right: 10px;
        }
        .strength {
            width: 100%;
            padding: 30px 0px;
        }
        .strengthLeft {
            width: 100%;
            float: left;
            padding: 15px;
        }
        .blackBox {
            width: 100%;
        }
        .blackBoxTxt p {
            font-size: 1.2rem;
            color: #fff;
            font-family: Arial;
            text-align: justify;
            line-height: 1.4;
        }
        .blackBoxIcon {
            margin-top: 30px;
        }
        .cyanBlock {
            display: none;
        }
        .blackBoxWrap {
            width: 100%;
            padding: 6.3%;
            padding-bottom: 25px;
        }
        .strengthRight {
            width: 100%;
            float: left;
            padding-top: 20px;
        }
        .updownBtn {
            right: 5px;
        }
        .upBtn,
        .downBtn {
            width: 30px;
            height: 30px;
        }
        .upBtn a,
        .downBtn a {
            font-size: 1.2rem;
            line-height: 30px;
        }
        .mediaOrNews {
            width: 100%;
            padding: 30px 15px;
            margin: 0 auto;
        }
        .mediaOrNewsTop {
            padding: 0 0;
        }
        .mediaOrNewsTop h2 {
            font-size: 2.1rem;
            margin-bottom: 10px;
        }
        .mediaOrNewsWrap {
            width: 100%;
            margin-top: 20px;
        }
        .mediaOrNewsWrap ul li {
            width: 100%;
            margin-right: 0%;
            margin-bottom: 15px;
            padding: 4%;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        }
        .mediaOrNewsWrap ul li .inewsPic {
            margin-bottom: 15px;
        }
        .mediaOrNewsWrap ul li .inewsTxt {
            padding: 15px 0px;
        }
        .mediaOrNewsWrap ul li .inewsTxt h4 {
            margin-bottom: 10px;
        }
        .mediaOrNewsWrap ul li .inewsTxt h4 a {
            font-size: 1.5rem;
        }
        .mediaOrNewsWrap ul li .inewsTxt .dateComponents {
            margin-bottom: 10px;
        }
        .mediaOrNewsWrap ul li .inewsTxt p {
            font-size: 1.2rem;
        }
        .footerdiv {
            width: 100%;
            padding: 50px 15px 70px;
            background-color: #212121;
        }
        .footerItem {
            width: 100%;
            float: left;
        }
        .add_p {
            padding-right: 15%;
        }
        .footerItem h3 {
            font-size: 2.4rem;
            margin-top: 40px;
            margin-bottom: 12px;
        }
        .materialFeaturesContainer {
            width: 100%;
            margin: 0 auto;
            padding: 20px 15px;
        }
        .meaterialFeaturesIcon {
            width: 38%;
        }
        .meaterialFeaturesTxt h5 {
            padding: 10px 0;
            font-family: inherit;
        }
        .meaterialFeaturesTxt h3 {
            font-size: 1.5rem;
            margin-top: 4px;
        }
        .meaterialFeaturesTxt h3::after {
            content: '';
            margin: 20px auto 30px;
        }
        .meaterialFeaturesTxt p {
            display: none;
            line-height: 1.2;
        }
        .materialFeaturesItem {
            width: 32.36%;
            margin-right: 1.44%;
            margin-bottom: 20px;
            transform: translateY(0px);
            -ms-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -webkit-transform: translateY(0px);
            -o-transform: translateY(0px);
        }
        .materialFeaturesItem:nth-of-type(2) {
            margin-right: 1.44%;
        }
        .materialFeaturesItem:nth-of-type(3) {
            margin-right: 0%;
        }
        .materialFeatures {
            margin: 0 auto 0px;
        }
        .topProductWrap {
            width: 100%;
            padding: 0 15px;
        }
        .topProductLeft {
            float: left;
            position: relative;
            /*width: 50%;*/
            width: 100%;
        }
        .topProductRight {
            float: right;
            /*width: 50%;*/
            width: 100%;
        }
        .topProduct {
            padding-bottom: 30px;
            /*padding-top: 30px;*/
        }
        .newTip {
            width: 40px;
            height: 40px;
            position: absolute;
            top: -20px;
            right: -20px;
        }
        .topProductRightPicWrap {
            width: 100%;
            padding-top: 20px;
            padding-left: 20%;
            box-sizing: border-box;
        }
        .topProductRightTxt {
            margin-top: 10px;
            /*padding-left: 20%;*/
            padding-left: 0;
        }
        .topProductRightTxt h3 a {
            font-size: 1.6rem;
        }
        .topProductRightTxt h3::after {
            display: none;
        }
        .topProductRightTxt p {
            font-size: 1.2rem;
            font-family: Arial;
            color: #666;
            line-height: 1.2;
        }
        .topProductBtn {
            margin-top: 15px;
        }
        .topProductRightPic {
            width: 45%;
            float: left;
            margin-right: 5%;
        }
        .topProductBtn a {
            display: block;
            width: 130px;
            height: 40px;
            border-radius: 8px;
            font-size: 1.2rem;
            font-family: Arial, 'FontAwesome';
            color: #444;
            background-color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            text-align: center;
            border: 1px solid #444;
            line-height: 38px;
        }
        .icategory {
            width: 100%;
            margin-bottom: 70px;
        }
        .icategoryBox {
            display: block;
            margin-bottom: 30px;

            padding:0;
        }
        .icategoryBoxLeft {
            width: 100%;
            float: left;
        }
        .icategoryBoxRight {
            width: 100%;
            background-size: 50%;
        }
        .ivideo {
            padding: 30px 0;
        }
        .ivideoContainer {
            width: 100%;
            height: auto;
            padding: 0 0px;
            text-align: center;
            margin: 0 auto;
        }
        .videoPlayBtn {
            background: url(../images/playBtn-s.png) center center no-repeat transparent;
        }
        .icategoryBoxWrap {
            width: 100%;
            padding: 0 15px 15px;
        }
        .icategoryBoxWrap h4 {
            font-size: 1.2rem;
        }
        .icategoryBoxWrap h2 {
            margin: 15px 0px;
            font-size: 1.6rem;
        }
        .icategoryBoxWrap h2 a {
            font-size: 1.6rem;
            font-family: '732c';
            color: #151515;
        }
        .icategoryBoxWrap p {
            font-size: 1.2rem;
            font-family: Arial;
            color: #666;
            /*text-align: justify;*/
            line-height: 1.2;
        }
        .icategoryBoxPic {
            width: 100%;
            padding-left: 25px;
            padding-bottom: 25px;
        }
        .icategoryBoxPic a {
            width: 92.5%;
        }
        .icategoryBoxRight1 {
            width: 100%;
            background-size: 50%;
        }
        .icategoryBoxPic1 {
            width: 100%;
            text-align: right;
            padding-right: 25px;
            padding-bottom: 25px;
            position: relative;
        }
        .icategoryBoxPic1 a {
            display: inline-block;
            width: 92.5%;
            background-color: #1756b5;
        }
        .icategoryBoxColorBlack {
            width: 100%;
            bottom: 2%;
        }
        .icategoryBoxColorBlack span {
            display: inline-block;
            width: 16px;
            height: 16px;
            margin: 3px;
            box-shadow: 0 0 4px rgb(0 0 0 / 30%);
        }
        .sideLeftBar {
            display: none;
        }
        .productBar {
            float: none;
            width: 100%;
        }
        .displayBar {
            display: block;
            width: 100%;
        }
        .prolist {
            float: left;
            width: 48.6%;
            margin-right: 2.8%;
        }
        .prolist:nth-of-type(3n) {
            margin-right: 2.8%;
        }
        .prolist:nth-of-type(2n) {
            margin-right: 0;
        }
        .prolisttxt a {
            font-size: 1.2rem;
        }
        .panel-body ul li ul {
            padding-left: 15px;
        }
        .products .prolist {
            margin-bottom: 15px;
        }
        .products .prolist:nth-of-type(odd) {
            padding-right: 7px;
            padding-right: 0px;
        }
        .products .prolist:nth-of-type(even) {
            padding-left: 7px;
            padding-left: 0px;
        }
        .prolisttxt h3 {
            font-size: 2.4rem;
            color: #555555;
        }
        .prolisttxt p {
            text-align: left;
            font-size: 1.3rem;
        }
        .prolisttxt p span {
            width: 16px;
            height: 16px;
            margin: 2px;
            box-shadow: 0 0 2px rgb(0 0 0 / 40%);
        }
        .prolistname a {
            font-size: 12px;
            font-family: "Poppins";
            color: #434343;
        }
        .faqbtn {
            display: none;
        }
        .catalogBtn {
            display: none;
        }
        .panel-body ul li {
            list-style: disc inside;
            border-bottom: 1px dotted #ccc;
        }
        .maindiv {
            width: 100%;
            padding: 0 15px 30px;
            margin: 0 auto;
            box-sizing: border-box;
        }
        .case {
            width: 100%;
            padding: 0px 0px 0px;
        }
        .iaboutContainer {
            width: 100%;
            padding: 15px 15px;
            margin: auto;
        }
        .caselisttxt {
            width: 100%;
            padding: 10px 10px 25px 10px;
        }
        .caselisttxt p {
            font-size: 1.3rem;
            color: #999;
        }
        .caselisttxt h4 {
            font-size: 1.3rem;
            margin-bottom: 12px;
        }
        .casewrap ul li {
            width: 48.0%;
            margin-right: 4%;
            margin-bottom: 15px;
        }
        .casewrap ul li:nth-of-type(2n) {
            margin-right: 0;
        }
        .casedetail {
            width: 100%;
            padding: 0px 0px;
        }
        .casedetailwrap {
            width: 100%;
            position: relative;
            background-color: #fff;
            padding: 15px 15px 30px;
            transform: translateY(0px);
            -ms-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -webkit-transform: translateY(0px);
            -o-transform: translateY(0px);
        }
        h3.toph3 {
            font-size: 1.8rem;
        }
        .casedetailcontainer {
            clear: both;
            margin-top: 30px;
            font-size: 1.2rem;
        }
        .casedetailcontainer p,
        .casedetailcontainer div,
        .casedetailcontainer span,
        .casedetailcontainer th,
        .casedetailcontainer td {
            font-size: 1.2rem;
            line-height: 24px;
        }
        .casedetailcontainer img {
            margin: 10px auto 10px;
            text-align: center;
            max-width: 100%;
            height: auto !important;
        }
        .newsDiv1 {
            width: 100%;
            margin: 20px auto;
        }
        h3.detailh3 {
            font-size: 1.8rem;
        }
        p.date_p {
            font-size: 1.2rem;
        }
        .newsContent {
            margin-top: 15px;
        }
        .newsContent h5 {
            font-size: 1.3rem;
        }
        .newsContent h4 {
            font-size: 1.6rem;
        }
        .newsContent h3 {
            font-size: 1.8rem;
        }
        .newsContent h2 {
            font-size: 2.1rem;
        }
        .newsContent h1 {
            font-size: 3.0rem;
        }
        .newsContent p,
        .newsContent span,
        .newsContent div,
        .newsContent a,
        .newsContent td,
        .newsContent th,
        .newsContent em {
            font-size: 1.2rem;
        }
        .newsDiv {
            padding: 0 0%;
        }
        .titlebar {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .titlebar h3 {
            font-size: 1.8rem;
            font-family: 'sscBlack';
        }
        .newspic {
            width: 100%;
            float: left;
            margin-right: 0px;
            margin-bottom: 30px;
        }
        .newslist h3 {
            font-size: 1.8rem;
        }
        .updowndiv dl dt {
            width: 100%;
        }
        .updowndiv dl dd {
            width: 100%;
            margin-top: 5px;
            border: 1px solid #ccc;
        }
        p.short_p {
            font-size: 1.2rem;
        }
        a.read_btn {
            font-size: 14px;
        }
        .contactDiv {
            padding: 0 15px;
        }
        .contactTxt {
            width: 100%;
            margin-bottom: 30px;
        }
        .contactTxt h4 {
            font-size: 16px;
        }
        .contactTxt ul li,
        .contactTxt ul li span,
        .contactTxt ul li a {
            font-size: 1.4rem;
        }
        .contactForm {
            width: 100%;
            border-top: 10px solid #270000;
            padding-top: 20px;
        }
        .googlemap {
            margin-bottom: 0px;
        }
        .submitbtn {
            font-size: 1.6rem;
        }
        .locationdiv {
            width: 100%;
            padding: 0 15px;
            margin: 0 auto 20px;
            box-sizing: border-box;
            border-bottom: 1px solid #f1f1f1;
        }
        .locationWrap {
            transform: translateY(0px);
            font-size: 1.2rem;
            padding: 10px 0;
            height: auto;
            color: #151515;
            background-color: #fff;
            line-height: normal;
        }
        .locationWrap span,
        .locationWrap a {
            font-size: 1.2rem;
            color: #151515;
        }
        .videoItem {
            width: 100%;
            margin-right: 0%;
            margin-bottom: 15px;
        }
        .about {
            width: 100%;
            padding: 20px 15px 30px;
        }
        .toph2 {
            font-size: 1.8rem;
            margin-bottom: 0px;
        }
        .companyCapability {
            width: 100%;
            margin: 30px auto;
            padding: 100px 0px 30px;
        }
        .technologyValue {
            text-align: center;
            margin: 0 auto;
            width: 50%;
            margin-bottom: 20px;
            float: left;
        }
        .technologyValue h1 {
            font-size: 2.8rem;
        }
        .technologyValue p {
            font-size: 1.2rem;
            color: #fff;
        }
        .technologyValue:nth-of-type(3) {
            width: 45%;
        }
        .profileTxt p {
            font-size: 1.2rem;
            line-height: 1.45;
        }
        .ppd {
            width: 100%;
            margin: 20px auto;
            padding: 0 0%;
            box-sizing: border-box;
        }
        .ppdlist {
            width: 100%;
            margin: 30px auto;
            padding: 0 0%;
            box-sizing: border-box;
        }
        .ppdlist ul li {
            display: inline-block;
            width: 32%;
            padding: 3px;
            margin: 2% 0.5% 8px;
            border: 1px solid #fff;
            overflow: hidden;
            border-radius: 0px;
        }
        .ppdlist ul li img {
            width: 100%;
            height: auto;
            border-radius: 0px 0px 0 0;
        }
        .ppdlist ul li p {
            font-size: 1.2rem;
            color: #333;
            text-align: center;
        }
        .threemodel {
            width: 100%;
            margin: 30px auto;
        }
        .threeBox1 a img {
            width: 60px;
            height: 100px;
            margin: 0 auto;
        }
        .threeBox2 a img {
            width: 60px;
            height: 100px;
            margin: 0 auto;
        }
        .threeBox3 a img {
            width: 60px;
            height: 100px;
            margin: 0 auto;
        }
        .honorWrap {
            margin-top: 15px;
        }
        .honorItem {
            width: 47.3%;
            float: left;
            margin-right: 2.142%;
            margin-bottom: 25px;
        }
        .honorItem p {
            width: 100%;
            font-size: 1.2rem;
        }
        .honorItem:nth-of-type(5) {
            margin-right: 2.142%;
        }
        .corporateCulture {
            padding-bottom: 30px;
        }
        .cctext {
            float: left;
            width: 100%;
            padding: 0 10%;
        }
        .cctext h2 {
            font-size: 3.2rem;
            color: #000;
            text-align: right;
            font-family: 'sscb';
            margin-bottom: 20px;
        }
        .cctext h1 {
            font-size: 9rem;
            padding: 58px 0px 15px;
        }
        .ccpic1 {
            float: right;
            width: 100%;
        }
        .ccpic1 ul {
            padding-top: 20px;
            padding-left: 0px;
        }
        .ccpic1 ul li p {
            font-size: 1.6rem;
            color: #333;
            font-family: 'ssc';
            line-height: 1.4;
        }
        .ccpic2 {
            margin-top: 30px;
        }
        .ccpic2 img {
            width: 90%;
        }
        .whypic {
            width: 50%;
            float: right;
            margin-left: 0px;
        }
        .whypic img {
            border-radius: 9px;
        }
        .whydes h2 {
            font-size: 3.0rem;
        }
        .whydes blockquote {
            font-size: 1.3rem;
        }
        .whydes p {
            font-size: 1.4rem;
        }
        .whydes ul li {
            font-size: 1.3rem;
        }
        .whydes h4 {
            font-size: 2.0rem;
        }
        .marketLeft {
            width: 100%;
            float: left;
            padding-right: 0%;
            padding-top: 30px;
        }
        .marketLeft h4 {
            font-size: 1.8rem;
            color: #000;
        }
        .marketLeft p {
            font-size: 1.3rem;
        }
        .market2 h2 {
            color: #348eff;
            font-size: 1.8rem;
        }
        .market2 p i {
            font-size: 2.8rem;
        }
        .market3 h2 {
            font-size: 1.8rem;
        }
        .market3 p i {
            font-size: 2.8rem;
        }
        .marketRight {
            width: 100%;
            float: left;
            margin-top: 30px;
        }
        .marketDiv {
            width: 100%;
            margin: 0 auto 50px;
        }
        .prolistwrap {
            width: 100%;
            padding: 5px;
            background-color: #fff;
        }
        .productleft {
            width: 100%;
            float: left;
        }
        .productright {
            width: 100%;
            float: left;
            padding-left: 0px;
            margin-top: 20px;
        }
        .productTitle {
            font-size: 1.8rem;
        }
        .productParent {
            font-size: 1.8rem;
        }
        .productParent a {
            font-size: 1.8rem;
        }
        .productSize {
            font-size: 1.8rem;
        }
        .productColor p,
        .productColor strong {
            font-size: 1.4rem;
            color: #444;
        }
        .productColor span {
            display: inline-block;
            width: 16px;
            height: 16px;
            margin: 3px;
            box-shadow: 0 0 3px rgb(0 0 0 / 30%);
        }
        .productvideoTitle {
            font-size: 1.8rem;
        }
        .productdetailsTitle {
            font-size: 1.8rem;
        }
        .productdetailsContainer div,
        .productdetailsContainer p,
        .productdetailsContainer span,
        .productdetailsContainer a,
        .productdetailsContainer li,
        .productdetailsContainer dd,
        .productdetailsContainer dt,
        .productdetailsContainer td,
        .productdetailsContainer th {
            font-size: 1.4rem;
        }
        .downloadItem {
            width: 100%;
            float: left;
            margin-right: 0%;
            margin-bottom: 15px;
        }
        .playBtn {
            background: url(../images/playBtn-s.png) center 35% no-repeat transparent;
            cursor: pointer;
        }
        .rightPage {
            display: none;
        }
    }
    
    @media (min-width: 768px) and (max-width: 1199px) {
        #headdiv {
            width: 100%;
            height: 76px;
            padding: 0;
            position: relative;
            background-color: #001719;
            background-image: none;
        }
        .logo {
            width: 20%;
        }
        .logo a {
            margin-top: 0px;
            margin-left: 10px;
        }
        .logo a img {
            max-height: 50px;
        }
        .showpc {
            display: none;
        }
        .showmob {
            display: inline-block;
        }
        #mobileNavButton {
            display: block;
            margin-top: 18px;
            margin-right: 20px;
        }
        .language {
            width: 17%;
            margin-top: 26px;
        }
        .language a {
            color: #fff;
        }
        .searchdiv {
            width: 12%;
            float: right;
            text-align: center;
            margin-right: 10%;
        }
        .searchdiv a {
            color: #fff;
            line-height: 76px;
        }
        /* Mobile nva style */
        .m_nav {
            display: none;
            width: 100%;
            position: absolute;
            top: 76px;
            z-index: 9999;
        }
        .m_nav>ul {
            display: block;
            width: 100%;
            margin-bottom: 0;
            border-top: 1px solid #ea2e14;
            border-bottom: 1px solid #ea2e14;
            background-color: #fff;
            position: relative;
            top: 0px;
            z-index: 3;
        }
        .m_nav ul {
            display: block;
            width: 100%;
            margin-bottom: 0;
            position: relative;
            top: 0px;
            z-index: 3;
            background-color: #fff;
        }
        .m_nav ul li {
            display: block;
            width: 100%;
            border-top: 1px solid #ececec;
            text-align: left;
            overflow: visible;
            position: relative;
        }
        .m_nav ul li ul {
            display: none;
        }
        .m_nav ul li ul li ul {
            display: none;
        }
        .m_nav ul li a {
            display: block;
            width: 100%;
            padding: 10px 0px 10px 30px;
            color: #333;
            font-size: 1.4rem;
            /* text-transform: uppercase;
        font-family: "Poppins"; */
            line-height: 1.1;
            position: relative;
        }
        .m_nav ul li a i {
            margin-right: 8px;
        }
        .m_nav ul li.has_sub {
            pointer-events: none;
        }
        .m_nav ul li.has_sub a {
            padding: 10px 50px 10px 30px;
            pointer-events: auto;
        }
        .m_nav ul li.has_sub::after {
            content: "\f105";
            display: block;
            width: 50px;
            height: 36px;
            font-size: 16px;
            font-family: FontAwesome;
            color: #fff;
            background-color: #ccc;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 10;
            cursor: pointer;
            pointer-events: auto;
            line-height: 36px;
        }
        .m_nav ul li.has_sub.on::after {
            content: "\f107";
        }
        .m_nav ul li ul {
            padding-left: 30px;
        }
        .m_nav ul li ul li a::before {
            content: "\f0da";
            font-size: 14px;
            font-family: FontAwesome;
            color: #454545;
            position: absolute;
            left: 16px;
            top: 10px;
        }
        .m_nav ul li ul li ul {
            padding-left: 30px;
        }
        .m_nav ul li ul li.has_sub {
            pointer-events: none;
        }
        .m_nav ul li ul li.has_sub a {
            padding: 10px 50px 10px 40px;
            pointer-events: auto;
        }
        .m_nav ul li ul li.has_sub::after {
            content: "\f105";
            display: block;
            width: 50px;
            height: 36px;
            font-size: 16px;
            font-family: FontAwesome;
            color: #fff;
            background-color: #ccc;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 10;
            cursor: pointer;
            pointer-events: auto;
            line-height: 36px;
        }
        .m_nav ul li ul li.has_sub.on::after {
            content: "\f107";
        }
        .bx-wrapper .bx-pager {
            bottom: 0;
        }
        .bx-wrapper .bx-pager.bx-default-pager a {
            width: 10px;
            height: 10px;
        }
        .mainfeatures {
            width: 100%;
            margin: auto;
            padding: 35px 0 60px;
        }
        .maintitle {
            text-align: center;
            margin: 0 auto 20px;
        }
        .maintitle h2 {
            font-size: 2.4rem;
        }
        .featuresBg {
            border: none;
        }
        .iconpic {
            width: 100%;
            position: absolute;
            left: 10px;
            top: 76px;
        }
        .iconpic img {
            width: 20%;
            height: auto;
        }
        .iconpic span {
            font-size: 1.2rem;
        }
        .mainfeatureswrap h3 {
            padding: 8px 3px;
            font-size: 1.60rem;
            text-align: left;
        }
        .mainfeatureswrap p {
            width: 100%;
            padding: 0px 3px;
            font-size: 1.2rem;
            text-align: left;
        }
        .mainCategory {
            width: 100%;
            margin: 0px auto 50px;
        }
        .categoryItemWrap {
            padding: 0px 15px 0px;
        }
        .categoryItemWrap h4 {
            font-size: 1.2rem;
        }
        .categoryItemWrap h2 {
            margin: 5px 0px;
            font-size: 1.8rem;
        }
        .categoryItemWrap h2 a {
            font-size: 2.1rem;
        }
        .categoryItemWrap p {
            font-size: 1.2rem;
            font-family: Arial;
            color: #666;
            text-align: justify;
            line-height: 1.4;
        }
        .categoryBtn a {
            display: block;
            width: 160px;
            height: 36px;
            border-radius: 8px;
            font-size: 1.2rem;
            font-family: Arial, 'FontAwesome';
            color: #fff;
            background-color: #1756b5;
            font-weight: bold;
            text-align: center;
            line-height: 34px;
        }
        .categoryBtn a {
            display: block;
            width: 160px;
            height: 36px;
            border-radius: 8px;
            font-size: 1.2rem;
            font-family: Arial, 'FontAwesome';
            color: #fff;
            background-color: #1756b5;
            font-weight: bold;
            text-align: center;
            line-height: 34px;
        }
        .cyanBg {
            margin-top: 15px;
        }
        .iabout {
            width: 100%;
            padding: 0px 0px;
            background-color: #1756b5;
        }
        .iaboutLeft {
            float: left;
            width: 100%;
        }
        .iaboutRight {
            float: left;
            width: 100%;
        }
        .iaboutWrap {
            width: 100%;
            padding: 2% 7%;
        }
        .iaboutWrap h2 {
            font-size: 2.4rem;
            color: #fff;
            font-family: '732c';
        }
        .iaboutWrap h4 {
            font-size: 2.0rem;
            color: #fff;
            font-family: '732c';
        }
        .iaboutWrap p {
            /*padding: 20px 0px;*/
            padding:10px 0;
            font-size: 1.2rem;
            font-family: Arial;
            text-align: justify;
            color: #fff;
            line-height: 1.4;
        }
        .strength {
            width: 100%;
            padding: 30px 0px;
        }
        .blackBox {
            width: 88%;
            float: right;
            position: relative;
        }
        .blackBoxWrap {
            width: 100%;
            padding: 4%;
            padding-bottom: 30px;
        }
        .blackBoxTxt p {
            font-size: 1.2rem;
            line-height: 1.6;
        }
        .blackBoxIcon {
            width: 100%;
            margin-top: 20px;
            font-size: 0px;
        }
        .cyanBlock {
            width: 50px;
            height: 50px;
            left: -15px;
            bottom: -15px;
        }
        .mediaOrNews {
            width: 100%;
            padding: 30px 15px;
            margin: 0 auto;
        }
        .mediaOrNewsTop h2 {
            font-size: 2.4rem;
            margin-bottom: 0px;
        }
        .mediaOrNewsWrap {
            width: 100%;
            margin-top: 20px;
        }
        .mediaOrNewsWrap ul li {
            padding: 1.2%;
        }
        .mediaOrNewsWrap ul li .inewsPic {
            margin-bottom: 15px;
        }
        .mediaOrNewsWrap ul li .inewsTxt {
            border-top: 1px solid #efefef;
            padding: 25px 0px;
        }
        .mediaOrNewsWrap ul li .inewsTxt h4 {
            margin-bottom: 20px;
        }
        .mediaOrNewsWrap ul li .inewsTxt h4 a {
            font-size: 1.4rem;
            font-family: 'ssc';
        }
        .footerdiv {
            width: 100%;
            padding: 50px 20px 80px;
            background-color: #212121;
        }
        .footerItem {
            width: 50%;
            float: left;
            margin-bottom: 30px;
        }
        .sublogo {
            width: 150px;
            height: auto;
        }
        .add_p {
            margin-top: 15px;
            font-size: 1.4rem;
            color: #9c9fa9;
            padding-right: 24%;
        }
        .duan2 {
            padding-top: 25px;
            font-size: 1.4rem;
            color: #9c9fa9;
            padding-right: 28%;
        }
        .updownBtn {
            right: 5px;
        }
        .upBtn,
        .downBtn {
            width: 30px;
            height: 30px;
        }
        .upBtn a,
        .downBtn a {
            font-size: 1.2rem;
            line-height: 30px;
        }
        .topProduct {
            padding-bottom: 30px;
        }
        .topProductWrap {
            width: 100%;
            padding: 0 30px;
        }
        .topProductRightTxt h3 a {
            font-size: 2.1rem;
        }
        .topProductRightTxt p {
            font-size: 1.2rem;
        }
        .topProductBtn a {
            font-size: 1.2rem;
        }
        .topProductRightTxt h3::after {
            top: -14px;
            height: 2px;
        }
        .topProductRightTxt {
            margin-top: 30px;
            padding-left: 28%;
        }
        .topProductRightPicWrap {
            padding-top: 30px;
            padding-left: 28%;
        }
        .newTip {
            width: 50px;
            height: 50px;
            position: absolute;
            top: -25px;
            right: -25px;
        }
        .topProductLeft {
            width: 45%;
        }
        .topProductRight {
            float: right;
            width: 55%;
        }
        .topProductBtn {
            margin-top: 20px;
        }
        .icategoryBox {
            margin-bottom: 30px;
        }
        .icategoryBoxWrap h4 {
            font-size: 1.2rem;
        }
        .icategoryBoxWrap h2 {
            margin: 5px 0px;
            font-size: 1.8rem;
        }
        .icategoryBoxWrap h2 a {
            font-size: 2.1rem;
        }
        .icategoryBoxWrap p {
            font-size: 1.2rem;
            font-family: Arial;
            color: #666;
            /*text-align: justify;*/
            line-height: 1.4;
        }
        .icategoryBoxRight {
            background-size: 70%;
        }
        .icategoryBoxPic {
            width: 100%;
            padding-left: 45px;
            padding-bottom: 45px;
        }
        .icategoryBoxRight1 {
            background-size: 70%;
        }
        .icategoryBoxPic1 {
            width: 100%;
            text-align: right;
            padding-right: 45px;
            padding-bottom: 45px;
            position: relative;
        }
        .icategoryBoxColorBlack span {
            width: 24px;
            height: 24px;
        }
        .icategory {
            margin-bottom: 70px;
        }
        .ivideo {
            width: 100%;
            margin: 0 auto;
            padding: 30px 0;
        }
        .ivideoContainer {
            width: 100%;
            height: auto;
            padding: 0 30px;
        }
        .sideLeftBar {
            display: none;
        }
        .productBar {
            float: none;
            width: 100%;
            padding: 0 10%;
        }
        .iaboutContainer {
            width: 100%;
            padding: 0 15px;
            margin: 0 auto;
        }
        .casedetail {
            width: 100%;
            padding: 0px 15px;
            margin: 0 auto;
            box-sizing: border-box;
        }
        .casedetailwrap {
            width: 100%;
            position: relative;
            background-color: #fff;
            padding: 20px 30px 60px;
            transform: translateY(-0px);
            -ms-transform: translateY(-0px);
            -moz-transform: translateY(-0px);
            -webkit-transform: translateY(-0px);
            -o-transform: translateY(-0px);
        }
        .casedetailcontainer {
            font-size: 1.3rem;
        }
        .casedetailcontainer p,
        .casedetailcontainer div,
        .casedetailcontainer span,
        .casedetailcontainer th,
        .casedetailcontainer td,
        .casedetailcontainer a {
            font-size: 1.3rem;
            line-height: 20px;
        }
        h3.toph3 {
            font-size: 2.1rem;
        }
        .maindiv {
            width: 100%;
            padding: 0 0% 50px;
            margin: 0 auto;
            box-sizing: border-box;
        }
        .newsDiv {
            width: 100%;
            padding: 0 10%;
        }
        .newslist h3 a {
            font-size: 1.8rem;
        }
        .newspic {
            width: 32%;
            float: left;
            margin-right: 30px;
            margin-bottom: 30px;
        }
        p.short_p {
            font-size: 12px;
            color: #454545;
            padding-top: 15px;
        }
        a.read_btn {
            font-size: 1.2rem;
        }
        .back_btn a {
            margin: 50px auto 20px;
        }
        .newsContent {
            margin-top: 20px;
        }
        .newsDiv1 {
            width: 75%;
            margin: 0px auto;
        }
        p.date_p {
            font-size: 13px;
            text-align: left;
            color: #999;
        }
        .contactDiv {
            padding: 0 5%;
        }
        .contactTxt {
            width: 38%;
        }
        .about {
            width: 100%;
            padding: 30px 15px 30px;
            margin: 0 auto;
            box-sizing: border-box;
        }
        .technologyValue h1 {
            font-size: 3.6rem;
            color: #fff;
            font-family: Arial;
        }
        .ppdlist ul li {
            display: inline-block;
            width: 19%;
        }
        .threeBox2 a img {
            width: 80px;
            height: 80px;
            margin: 0 auto;
        }
        .threeBox3 a img {
            width: 80px;
            height: 80px;
            margin: 0 auto;
        }
        .cctext h2 {
            font-size: 4.0rem;
            color: #000;
            text-align: right;
            font-family: 'sscb';
            margin-bottom: 15px;
        }
        .cctext h1 {
            font-size: 7rem;
            color: #348eff;
            font-family: 'sscb';
            background: url(../images/cc-dot.png) top right no-repeat;
            padding: 76px 0px 135px;
        }
        .ccpic1 ul {
            padding-top: 80px;
            padding-left: 0px;
        }
        .whydes h2 {
            font-size: 4.0rem;
        }
        .whydes blockquote {
            font-size: 1.4rem;
        }
        .marketLeft {
            width: 95%;
            float: left;
            padding-right: 5%;
            padding-top: 0px;
        }
        .marketRight {
            width: 100%;
            float: left;
            margin-top: 30px;
        }
        .prolisttxt p span {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin: 2px;
            box-shadow: 0 0 2px rgb(0 0 0 / 40%);
            vertical-align: middle;
        }
        .prolisttxt h3 {
            font-size: 2.4rem;
        }
        .prolisttxt a {
            font-size: 1.4rem;
        }
        .productTitle {
            font-size: 2.0rem;
        }
        .productParent {
            font-size: 2.0rem;
        }
        .productParent a {
            font-size: 2.0rem;
            color: #444;
        }
        .productSize {
            font-size: 2.0rem;
        }
        .productColor span {
            width: 20px;
            height: 20px;
            margin: 3px;
            box-shadow: 0 0 3px rgb(0 0 0 / 30%);
        }
        .playBtn {
            background: url(../images/playBtn-s.png) center 35% no-repeat transparent;
        }
    }
    
    @media (min-width: 1200px) and (max-width: 1366px) {
        #headdiv {
            width: 100%;
            height: 100px;
            padding: 0 7.0%;
        }
        .logo {
            width: 12%;
        }
        .searchdiv {
            width: 4.25%;
        }
        .iconpic {
            width: 100%;
            position: absolute;
            left: 13px;
            top: 142px;
        }
        .iconpic img {
            width: 21.5%;
            height: auto;
        }
        .mainfeatureswrap p {
            width: 100%;
            padding: 0 15px;
            color: #666;
            font-family: Arial;
            font-size: 1.4rem;
            text-align: justify;
        }
        .featuresBg {
            border: 5px solid #1756b5;
            border: 5px solid #ffffff;
        }
        .categoryItemWrap {
            width: 100%;
            padding: 0px 10% 0px;
            box-sizing: border-box;
        }
        .categoryItemWrap h2 {
            margin: 25px 0px;
        }
        .categoryItemWrap h2 a {
            font-size: 4.8rem;
            font-family: '732c';
        }
        .categoryItemWrap p {
            font-size: 1.5rem;
            font-family: Arial;
            color: #666;
            text-align: justify;
            line-height: 1.4;
        }
        .iaboutWrap {
            width: 100%;
            /*padding: 20px 10.625% 0;*/
            padding: 20px 6%;
        }
        .iaboutWrap h2 {
            font-size: 3.2rem;
            color: #fff;
            font-family: '732c';
        }
        .iaboutWrap h4 {
            font-size: 2.8rem;
            color: #fff;
            font-family: '732c';
        }
        .iaboutWrap p {
            /*padding: 30px 0px;*/
            padding:10px 0;
            font-size: 1.5rem;
            font-family: Arial;
            text-align: justify;
            color: #fff;
            line-height: 1.5;
        }
        .blackBox {
            width: 90%;
            float: right;
            position: relative;
        }
        .blackBoxWrap {
            width: 100%;
            padding: 6.3%;
            padding-bottom: 50px;
        }
        .blackBoxTxt p {
            font-size: 1.5rem;
        }
        .blackBoxIcon {
            width: 100%;
            margin-top: 40px;
            font-size: 0px;
        }
        .mediaOrNews {
            width: 100%;
            padding: 70px 4.6875%;
            margin: 0 auto;
        }
        .footerdiv {
            width: 100%;
            padding: 70px 5% 120px;
            background-color: #212121;
        }
        .add_p {
            margin-top: 15px;
            font-size: 1.4rem;
            color: #9c9fa9;
            padding-right: 15%;
        }
        .duan2 {
            padding-right: 15%;
        }
        .maintitle h2 {
            font-size: 3.8rem;
            font-family: '732c';
            color: #151515;
        }
        .topProductRightTxt h3 a {
            font-size: 4.8rem;
            font-family: '732c';
        }
        .icategoryBox {
            margin-bottom: 50px;
        }
        .icategoryBoxWrap h2 {
            margin: 25px 0px;
        }
        .icategoryBoxWrap h2 a {
            font-size: 4.8rem;
            font-family: '732c';
            color: #151515;
        }
        .icategoryBoxRight {
            background-size: 70%;
        }
        .icategoryBoxRight1 {
            background-size: 70%;
        }
    }
    
    @media (width:1440px) {
        #headdiv {
            padding: 0 10.5%;
        }
        .categoryItemWrap h2 {
            margin: 30px 0px;
        }
        .categoryItemWrap h2 a {
            font-size: 5.4rem;
            font-family: '732c';
            color: #151515;
        }
        .iaboutWrap {
            width: 100%;
            padding: 0% 10.0%;
        }
        .iaboutWrap h2 {
            font-size: 4.0rem;
            color: #fff;
            font-family: '732c';
        }
        .iaboutWrap h4 {
            font-size: 3.2rem;
            color: #fff;
            font-family: '732c';
        }
        .blackBox {
            width: 88%;
            float: right;
            position: relative;
        }
        .blackBoxWrap {
            padding-bottom: 28px;
        }
        .blackBoxIcon {
            width: 100%;
            margin-top: 40px;
            font-size: 0px;
        }
        .footerdiv {
            width: 100%;
            padding: 70px 5% 120px;
            background-color: #212121;
        }
        .featuresBg {
            padding-bottom: 54.8%;
        }
        .iconpic {
            width: 100%;
            position: absolute;
            left: 28px;
            top: 142px;
        }
        .iconpic img {
            width: 20.0%;
            height: auto;
        }
    }
    
    @media (min-width: 768px) and (max-width: 1024px) {
        .mediaOrNewsWrap ul li{
            width: 32.1433%;
        }
        .materialFeaturesContainer {
            width: 100%;
            margin: 0 auto;
            padding: 0 5%;
        }
        .meaterialFeaturesTxt h5 {
            padding: 10px 0;
        }
        .meaterialFeaturesTxt h3 {
            font-size: 2.1rem;
        }
        .meaterialFeaturesTxt h3::after {
            content: '';
            margin: 9px auto 12px;
        }
        .meaterialFeaturesTxt p {
            line-height: 1.2;
        }
        .materialFeaturesItem {
            width: 31.40%;
            margin-right: 2.89%;
            transform: translateY(-45px);
            -ms-transform: translateY(-45px);
            -moz-transform: translateY(-45px);
            -webkit-transform: translateY(-45px);
            -o-transform: translateY(-45px);
        }
    }
    
    @media (min-width: 1025px) and (max-width: 1279px) {
        .materialFeaturesContainer {
            width: 960px;
            margin: 0 auto;
            padding: 0 0;
        }
        .materialFeaturesItem {
            transform: translateY(-90px);
            -ms-transform: translateY(-90px);
            -moz-transform: translateY(-90px);
            -webkit-transform: translateY(-90px);
            -o-transform: translateY(-90px);
        }
    }
    
    @media (min-width: 1280px) and (max-width: 1768px) {
        .materialFeaturesContainer {
            width: 980px;
            margin: 0 auto;
            padding: 0 0;
        }
        .materialFeaturesItem {
            transform: translateY(-70px);
            -ms-transform: translateY(-70px);
            -moz-transform: translateY(-70px);
            -webkit-transform: translateY(-70px);
            -o-transform: translateY(-70px);
        }
    }
    
    @media (min-width: 2560px) and (max-width: 3840px) {
        .featuresBg {
            width: 100%;
            height: 0;
            padding-bottom: 55.5%;
            position: relative;
            border: 7px solid #1756b5;
            overflow: hidden;
        }
        .iaboutWrap {
            width: 100%;
            padding: 0% 15.625%;
            margin-top: 70px;
        }
        .strength {
            background-size: cover;
        }
    }


#collapseOne li a{
    font-size:16px;
}