@charset "utf-8";



@font-face {

    font-family: "aef";

    src: url("../fonts/avantgardefmedium.woff2") format("woff2"), url("../fonts/avantgardefmedium.woff") format("woff"), url("../fonts/avantgardefmedium.ttf") format("truetype"), url("../fonts/avantgardefmedium.eot") format("embedded-opentype"), url("../fonts/avantgardefmedium.svg") format("svg"), url("../fonts/avantgardefmedium.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}



* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}



html,

body {

    color: #333333;

    font-family: 'aef', 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;

}



html {

    overflow: -moz-scrollbars-none;

}



html::-webkit-scrollbar {

    width: 0px;

    background: none;

}



a {

    color: #333333;

    text-decoration: none;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    border: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-tap-highlight-color: transparent;

    outline: none;

}



a::before,

a::after,

img,

span,

li,

::before,

::after {

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



a:hover {

    text-decoration: none;

}



img {

    image-rendering: -moz-crisp-edges;

    /* Firefox */

    image-rendering: -o-crisp-edges;

    /* Opera */

    image-rendering: -webkit-optimize-contrast;

    /*Webkit (non-standard naming) */

    image-rendering: crisp-edges;

    -ms-interpolation-mode: nearest-neighbor;

    /* IE (non-standard property) */

}



ul li {

    list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #000000;

    font-family: "aef";

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.clear {

    display: block;

    clear: both;

}



.clearfix {

    display: block;

    clear: both;

}





/* 清除IOS下按钮的原生样式 */



input[type=button],

input[type="submit"] {

    -webkit-appearance: none;

    outline: none;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.container {

    margin-right: auto;

    margin-left: auto;

    padding-left: 0px;

    padding-right: 0px;

}



@media (min-width: 768px) {

    .container {

        width: 750px;

    }

}



@media (min-width: 992px) {

    .container {

        width: 970px;

    }

}



@media (min-width: 1200px) {

    .container {

        width: 1170px;

    }

}



@media (min-width: 1360px) {

    .container {

        width: 1200px;

    }

}



@media (min-width: 1440px) {

    .container {

        width: 1200px;

    }

}



@media (min-width: 1680px) {

    .container {

        width: 1200px;

    }

}



@media (min-width: 2048px) {

    .container {

        width: 1280px;

    }

}



@media (min-width: 2560px) {

    .container {

        width: 1600px;

    }

}



@media (min-width: 3840px) {

    .container {

        width: 2400px;

    }

}



.pagediv {

    clear: both;

    margin: 30px 0px 0px 0px;

    text-align: center;

    padding-bottom: 10px;

}



.pagediv a {

    display: inline-block;

    font-family: Arial;

    font-size: 18px;

    width: 54px;

    height: 54px;

    padding: 0;

    margin: 5px;

    text-align: center;

    color: #fff;

    background-color: #ccc;

    text-decoration: none;

    border-radius: 50%;

    line-height: 54px;

}



.pagediv a:hover,

.pagediv a:focus {

    font-family: Arial;

    font-size: 18px;

    color: #fff;

    background-color: #3dae3f;

}



.pagediv .current,

.pagediv span {

    font-family: Arial;

    font-size: 18px;

    padding: 0px;

    color: #3dae3f;

    margin: 5px;

    background-color: #fff;

}



.pagediv .pageinfo {

    display: inline-block;

    font-family: Arial;

    font-size: 18px;

    border: #3dae3f 1px solid;

    border-radius: 32px;

    padding: 15px 35px;

    margin: 5px;

    color: #3dae3f;

    text-decoration: none;

    background-color: #fff;

}



.pagediv .thisclass {

    display: inline-block;

    width: 54px;

    height: 54px;

    padding: 0;

    text-align: center;

    font-family: Arial;

    font-size: 18px;

    color: #fff;

    margin: 5px;

    background-color: #3dae3f;

    border-radius: 50%;

    line-height: 54px;

}



.headtop {

    width: 100%;

    height: 124px;

    margin: 0 auto;

    background: url(../images/topbg.jpg) repeat-x;

    background: #1f1f1f;

}



.logodiv {

    width: 18.75%;

    height: 124px;

    display: table;

    vertical-align: middle;

    text-align: center;

    float: left;

    background: #ef8641;

    background: #1b1c20;

}



.logodiv a {

    display: table-cell;

    width: 100%;

    height: 100%;

    vertical-align: middle;

    text-align: center;

}



.logodiv a img {

    max-width: 100%;

    height: auto;

    max-width: 200px;

    max-height: 46px;

    display: inline;

    /* padding: 5px; */

}



.toplayer {

    width: 100%;

    height: 48px;

    padding-left: 76px;

    /* border-right: 1px solid #f00; */

    background: #1b1c20;

}



.toplayer p {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.toplayer p img {

    /* margin: 15px 15px; */

    padding: 6px;

    margin-right: 15px;

    max-height: 100%;

}



.toplayer p span {

    padding: 5px 15px 5px 40px;

    background: url(../images/icon-email.png) left center no-repeat;

    text-align: right;

    float: right;

    font-size: 1.6rem;

    color: #fff;

    line-height: 38px;

}



/* 基本导航栏 */
.navdiv { /* 顶部背景 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

/* 菜单整体 */
#nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
/* 一级菜单 */
#nav > li {
    position: relative;
    margin: 0 15px;
}

#nav > li > a {
    display: block;
    padding: 15px 10px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

#nav > li > a:hover {
    background: #f0c040;
    color: #111; /* 悬停高亮色 */
}

/* 二级菜单 */
#nav li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #222;
    min-width: 180px;
    padding: 10px 0;
    border-radius: 0 0 6px 6px;
    z-index: 999;
}

#nav li:hover ul {
    display: block;
}

#nav li ul li {
    width: 100%;
}

.navdiv ul li a {

    display: inline-block;

    font-size: 1.6rem;

    font-weight: 500;

    color: #fff;

    padding: 9px 27px;

    background-color: #1f1f1f;

}
#nav li.current-menu-item > a,
#nav li.current-menu-parent > a,
#nav li.current-menu-ancestor > a {
    background: #f0c040;   /* 高亮背景色 */
    color: #111 !important; /* 文字颜色 */
}
#nav li ul li a:hover {
    background: #f0c040;
    color: #111;
    padding-left: 20px; /* 悬停时轻微滑动效果 */
}


/* 搜索按钮 */
.searchdiv {

    float: right;

    margin-top: 22px;

    margin-right: 40px;

}



#searchform {

    padding: 50px 15px 10px;

    font-size: 0px;

}



#searchform #searchtxt {

    width: 245px;

    height: 42px;

    border: 1px solid #ef8641;

    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: #ef8641;

    color: #fff;

    cursor: pointer;

    vertical-align: top;

    border-radius: 0 4px 4px 0;

}



#searchform button i {

    font-size: 2.0rem;

}



#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

}





/*mobile nav*/



.mobileNav {

    display: none;

}



.m-mobmenu {

    display: none;

}





/*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: center;

    font-size: .85em;

    font-weight: bold;

    color: #666;

    padding-top: 20px;

    bottom: 0px;

}



.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 {

    /*background: #303c4b;*/

    border: 1px solid #fff;

    text-indent: -9999px;

    display: block;

    width: 14px;

    height: 14px;

    margin: 0 2px;

    outline: 0;

    border-radius: 10px;

}



.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {

    background: #fff;

    border: 1px solid #fff;

}



.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.75);

    width: 100%;

}



.bx-wrapper .bx-caption span {

    color: #fff;

    display: block;

    font-size: .85em;

    padding: 10px;

}



.productCatalog {

    width: 100%;

    padding: 80px 0;

    margin: 0 auto;

    text-align: center;

    background: #ededed;

}



.catalogTitle {

    width: 100%;

}



.catalogTitle h2 {

    background: url(../images/titleLine.jpg) left center repeat-x;

    font-size: 6.0rem;

    font-weight: 700;

    color: #000;

    text-align: center;

}



.catalogTitle h2 span {

    padding: 23px;

    background-color: #ededed;

}



.catalogTitle p {

    font-size: 1.6rem;

    color: #999999;

}



.productCatalogWrap {

    width: 100%;

    margin: 0 auto;

    text-align: center;

    padding-top: 38px;

}

@media only screen and (min-width: 1367px) and (max-width: 1919px) {
    .productCatalogWrap ul {
        padding: 0 240px;
    }
}

.productCatalogWrap ul {

    display: flex;
    
    flex-wrap: wrap;
    
    justify-content: center;

}



.productCatalogWrap ul::after {

    content: '';

    display: block;

    clear: both;

}



.productCatalogWrap ul li {

    float: left;

    margin: 10px 9.5px;

    min-height: 284px;

}



.productCatalogWrap ul li a {

    display: inline-block;

    width: 185px;

}



.productCatalogWrap ul li a img {

    width: 185px;

    height: 185px;

    border-radius: 50%;

    border: 1px solid #ef8641;

}



.productCatalogWrap ul li a p {

    font-size: 1.6rem;

    color: #000;

    padding-top: 23px;

    padding-left: 30px;

    padding-right: 30px;

}



.productCatalogWrap ul li a:hover {

    transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    -o-transform: translateY(-10px);

}



.productCatalogWrap ul li a:hover img {

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);

}



.productCatalogWrap ul li a:hover p {

    color: #ef8641;

}



.featuredProducts {

    width: 100%;

    padding: 80px 0;

    margin: 0 auto;

    background-color: #fff;

}



.featuredTitle {

    width: 100%;

}



.featuredTitle h2 {

    background: url(../images/titleLine.jpg) left center repeat-x;

    font-size: 6.0rem;

    font-weight: 700;

    color: #000;

    text-align: left;

}



.featuredTitle h2 span {

    padding: 23px 23px 23px 0px;

    background-color: #fff;

}



.featuredTitle p {

    font-size: 1.6rem;

    color: #999999;

}



.slideGroup {

    margin: 0 auto;

    width: 100%;

    /*height: 500px;*/

}



.slideGroup .slideBox {

    overflow: hidden;

    zoom: 1;

    padding: 0;

    position: relative;

    width: 100%;

}



.slideGroup .sPrev,

.slideGroup .sNext {

    /*

  position: absolute;

  left: 5px;

  top: 10px;*/

    display: block;

    float: left;

    width: 60px;

    height: 50px;

    background: url(../images/pro-kid-arrow-left.jpg) center center no-repeat;

}



.slideGroup .sNext {

    /*

  left: auto;

  right: 5px;*/

    background: url(../images/pro-kid-arrow-right.jpg) center center no-repeat;

}



.slideGroup .slideBox ul {

    display: block;

}



.slideGroup .slideBox ul::after {

    content: '';

    display: block;

    clear: both;

}



.slideGroup .slideBox ul li {

    float: left;

    width: 300px !important;

}



.slideGroup .slideBox ul li::after {

    clear: both;

}



.classificationPic {

    float: left;

}



.classificationPic a {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

}



.classificationPic a img {

    width: 100%;

}



.classificationPic a p {

    display: block;

    padding: 0;

    margin: 0;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    padding-left: 45%;

    padding-top: 12.7%;

    padding-right: 10px;

    font-size: 1.4rem;

    color: #fff;

}



.classificationPic a p span {

    display: block;

    font-size: 4.8rem;

    color: #fff;

    font-weight: 700;

    line-height: 50px;

}



.classificationPic a:hover p span {

    color: #ffff00;

}



.subProductItem {

    float: left;

    margin-left: 20px;

    margin-bottom: 20px;

    border: 1px solid #d6d6d6;

    position: relative;

}



.subProductItemPic {

    width: 100%;

    height: 100%;

    position: relative;

    text-align: center;

    overflow: hidden;

}



.subProductItemPic a {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    margin: 0 auto;

}



.subProductItemPic a img {

    width: 100%;

    max-width: 100%;

    transform: translateY(0);

    transition: all 2.5s linear 0s;

}



.subProductItemTxt {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

}



.subProductItemTxt a {

    display: block;

    box-sizing: border-box;

    width: 100%;

    height: 42px;

    padding: 0 10px;

    font-size: 1.4rem;

    line-height: 42px;

    background: rgba(0, 0, 0, 0.75);

    text-align: center;

    color: #fff;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.subProductItemTxt a:hover {

    background: #ef8641;

}



.slideGroup .slideBox ul li .subProductItem:nth-of-type(2) .subProductItemTxt a {

    background: rgba(164, 14, 22, 0.75);

}



.slideGroup .slideBox ul li .subProductItem:nth-of-type(2) .subProductItemTxt a:hover {

    background: rgba(164, 14, 22, 1.0);

}



.advantage {

    width: 100%;

    padding: 80px 0;

    background: url(../images/advantage-bg.jpg) center top no-repeat #ef8641;

    margin: 0 auto;

}



.advantage h2 {

    text-align: center;

    font-size: 6.0rem;

    color: #fff;

    margin-top: 0px;

    margin-bottom: 82px;

    margin-bottom: 152px;

}



.advantageList {

    display: block;

    margin: 0 auto;

    text-align: center;

    font-size: 0 !important;

}



.advantageList ul {

    padding-bottom: 20px;

}



.advantageList ul li {

    display: inline-block;

    width: 25%;

    text-align: center;

}



.advantageList ul li a img {

    max-width: 100%;

}



.advantageList ul li a:hover img {

    transform: scale(0.85);

    -webkit-transform: scale(0.85);

    -moz-transform: scale(0.85);

    -o-transform: scale(0.85);

}



.advantageList ul li h4 {

    font-size: 1.8rem;

    color: #fff;

    text-align: center;

}



.advantage p {

    font-size: 1.4rem;

    color: #fff;

}



.f_des {

    padding: 40px 0;

    text-align: center;

}



.f_des span {

    padding: 0 30px;

    font-size: 1.8rem;

    color: #fff;

    text-align: center;

}



.f_des i {

    font-size: 3.0rem;

    color: #ff0;

    padding-right: 8px;

}



.indexAbout {

    width: 100%;

    padding: 80px 0 100px;

    margin: 0 auto;

    background: url(../images/icon-cccc-bg.png)center bottom no-repeat #ebebeb;

}



.indexAboutLeft {

    width: 50%;

    float: left;

    padding-right: 0px;

}



.indexAboutTitle {

    width: 100%;

    margin-bottom: 18px;

}



.indexAboutTitle::after {

    content: '';

    display: block;

    width: 86px;

    height: 3px;

    font-size: 0;

    background-color: #ef8641;

}



.indexAboutTitle h2 {

    font-size: 6.0rem;

    color: #000;

    font-weight: 700;

    margin-top: 0;

}

.indexAboutTitle h3 {

    font-size: 4.0rem;

    color: #000;

    font-weight: 700;

    margin-top: 0;

}


.indexAboutTitle p {

    font-size: 1.6rem;

    color: #000;

}



.indexAboutLeft p.indexAboutDescription {

    color: #606060;

    color: #333;

    font-size: 1.6rem;

    padding-right: 48px;

    line-height: 1.2;

}



.indexBtnGroup {

    margin: 45px 0 30px;

}



.more_btn {

    display: inline-block;

    padding: 8px 50px;

    font-size: 1.6rem;

    color: #ffffff;

    text-align: center;

    background-color: #333;

    border-radius: 25px;

}



.more_btn:hover {

    color: #fff;

    background-color: #ef8641;

}



.honor_btn {

    display: inline-block;

    padding: 7px 18px;

    background: #333;

    color: #fff;

    font-size: 1.4rem;

    border-radius: 30px;

    vertical-align: middle;

}



.honor_btn:hover {

    background: #ef8641;

    color: #fff;

}



.indexAboutHonor {

    width: 100%;

}



.indexAboutHonor ul {

    display: block;

}



.indexAboutHonor ul li {

    display: inline-block;

    width: 28%;

    margin-right: 4%;

}



.indexAboutHonor ul li a {

    display: block;

    width: 100%;

    overflow: hidden;

    position: relative;

    transform: translateY(0px);

}



.indexAboutHonor ul li a img {

    width: 100%;

}



.indexAboutHonor ul li a:hover {

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    -o-transform: translateY(-5px);

}



.indexAboutRight {

    width: 50%;

    float: left;

    font-size: 0px;

}
.indexAboutcont{
    width: 100%;

    float: left;

}
.advantagePic {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
}

.advantagePic ul {
    display: block;
    width: 100%;
    font-size: 0;
}

.advantagePic ul li {
    margin: 0 1.2%;
    width: 22.5%;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
}

.advantagePic ul li img {
    max-width: 100%;
    border: 5px solid #fff;
    box-sizing: border-box;
}

.advantagePic ul li img:hover {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
}

/*

.indexAboutRight a {

    display: block;

    width: 100%;

    text-align: center;

    margin: 0 auto;

}



.indexAboutRight a img {

    max-width: 100%;

}



.indexAboutRight a:hover img {

    transform: scale(0.92);

    -webkit-transform: scale(0.92);

    -moz-transform: scale(0.92);

    -o-transform: scale(0.92);

}



.indexAboutRight a:last-child {

    margin-top: 60px;

}

*/

.indexCulture {

    display: inline-block;

    position: relative;

    width: 33%;

    /* 父元素宽度的 33% */

    padding-top: 33%;

    /* 设置高度为宽度的 33% 实现正方形 */

    text-align: center;

    /* 水平居中 */

}



.indexCulture a {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: #ef8641;

}



.indexCulture p {

    text-align: center;

    position: absolute;

    width: 100%;

    top: 60%;

    font-size: 1.6rem;

    color: #fff;

}



.indexCulture .aboutIcon {

    width: 100%;

    position: absolute;

    top: 40%;

    /* 垂直居中 */

    left: 50%;

    transform: translate(-50%, -40%);

}





.indexCulture .aboutIcon img {

    width: 26.8%;

    /* 设置图片宽度为父容器的 26.8% */

    height: auto;

    max-width: 100%;

    max-height: 100%;

}



.indexCulture1 {

    display: inline-block;

    position: relative;

    width: 33%;

    /* 父元素宽度的 33% */

    padding-top: 33%;

    /* 设置高度为宽度的 33% 实现正方形 */

    text-align: center;

    /* 水平居中 */

}



.indexCulture1 a {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: #1b1c20;

}



.indexCulture1 p {

    text-align: center;

    position: absolute;

    width: 100%;

    top: 60%;

    font-size: 1.6rem;

    color: #fff;

}



.indexCulture1 .aboutIcon {

    width: 100%;

    position: absolute;

    top: 40%;

    /* 垂直居中 */

    left: 50%;

    transform: translate(-50%, -40%);

}



.indexCulture1 .aboutIcon img {

    width: 26.8%;

    /* 设置图片宽度为父容器的 26.8% */

    height: auto;

    max-width: 100%;

    max-height: 100%;

}



.indexCulture a:hover,

.indexCulture1 a:hover {

    background-color: #000;

}



.indexCulture a:hover .aboutIcon,

.indexCulture1 a:hover .aboutIcon {

    top: 35%;

    transform: translate(-50%, -35%);

}



.indexCulture a:hover p,

.indexCulture1 a:hover p {

    color: #ef8641;

}



.indexInfo {

    width: 100%;

    padding: 80px 0 50px;

    margin: 0 auto;

    background: #fff;

}



.indexInfo h2 {

    background: url(../images/titleLine.jpg) left center repeat-x;

    font-size: 6.0rem;

    font-weight: 700;

    color: #000;

    text-align: center;

}



.indexInfo h2 span {

    padding: 23px;

    background-color: #fff;

}



.indexInfo p {

    font-size: 1.6rem;

    color: #999999;

    text-align: center;

}



.indexInfoWrap {

    width: 100%;

    margin: 0 auto;

}



.indexInfoWrap ul {

    display: block;

    width: 100%;

    font-size: 0;

    padding-top: 32px;

}



.indexInfoWrap ul li {

    margin: 0 2.5%;

    width: 31.66%;

    display: inline-block;

    box-sizing: border-box;

    vertical-align: top;

    overflow: hidden;

}



.indexInfoWrap ul li a {

    display: block;

    width: 100%;

    overflow: hidden;

    font-size: 0;

}



.indexInfoWrap ul li a .indexInfoPic {

    width: 100%;

    height: 0;

    padding-bottom: 61.5%;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

}



.indexInfoWrap ul li a .indexInfoPic img {

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

}



.indexInfoWrap ul li a h4 {

    text-align: left;

    line-height: 22px;

    height: 44px;

    overflow: hidden;

    margin-top: 14px;

    font-size: 16px;

    font-weight: 700;

    color: #000;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.indexInfoWrap ul li a p::before {

    content: '';

    display: block;

    width: 22%;

    height: 3px;

    font-size: 0;

    background-color: #ad272f;

    margin-bottom: 9px;

}



.indexInfoWrap ul li a p {

    font-size: 1.3rem;

    color: #999;

    text-align: left;

}



.indexInfoWrap ul li a:hover .indexInfoPic img {

    transform: scale(1.25);

    -webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -o-transform: scale(1.25);

}



.indexInfoWrap ul li a:hover h4 {

    color: #ad272f;

}



.indexInfoWrap ul li a:hover p::before {

    width: 100%;

}



.indexInfoMore {

    margin: 0 auto;

    text-align: center;

    margin-top: 65px;

}



.indexInfoMore a {

    display: inline-block;

    padding: 15px 72px;

    font-size: 1.5rem;

    color: #fff;

    background-color: #ef8641;

    border-radius: 36px;

}



.indexInfoMore a:hover {

    background-color: #1b1b1b;

    color: #ff0;

}



.newsletter {

    width: 100%;

    height: 180px;

    padding-top: 35px;

    margin: 0 auto;

    background: #1b1c20;

}



.newsletter h3 {

    font-size: 3.6rem;

    color: #fff;

    font-weight: 700;

    margin: 0;

    margin-bottom: 10px;

}



.newsletterDesc {

    width: 50%;

    display: block;

    float: left;

}



.newsletterDesc p {

    font-size: 1.6rem;

    color: #fff;

}



.newsletterForm {

    width: 50%;

    padding-left: 7.5%;

    display: block;

    float: left;

    margin: 0 auto;

    font-size: 0;

    box-sizing: border-box;

}



.newsletterForm .input-group .form-control {

    height: auto;

    font-size: 1.6rem;

}



.formInput {

    width: 70%;

    height: 42px;

    border: none;

    background-color: #fff;

    font-size: 1.6rem;

    color: #000;

    padding: 0 10px;

    box-sizing: border-box;

    vertical-align: middle;

    border-radius: 5px 0 0 5px;

    line-height: 42px;

}



.formInput:focus {

    outline: none;

}



#emailbtn {

    padding: 6px 42px;

    background-color: #ef8641;

    font-size: 1.6rem;

}



#emailbtn:hover {

    background-color: #000;

    color: #ff0;

}



#emailbtn:focus {

    outline: none;

}



.footer {

    width: 100%;

    margin: 0 auto;

}



.footerLinks {

    width: 100%;

    padding: 60px 0 45px;

    background-color: #ededed;

}



.ty {

    width: 25%;

    float: left;

}



.ty h3 {

    font-size: 2.4rem;

    color: #000;

    font-weight: 700;

    margin: 0;

    margin-bottom: 18px;

}



.ty p {

    font-size: 1.4rem;

    color: #000;

    font-weight: 700;

    line-height: 1.2;

}



.ty ul li {

    line-height: 25px;

    font-size: 1.4rem;

    color: #000;

    font-weight: bold;

}



.ty ul li a {

    font-size: 1.4rem;

    color: #000;

    font-weight: bold;

}



.ty ul li a:hover {

    color: #ef8641;

}



.contactInfo {

    padding-left: 50px;

}



.followUs {

    text-align: right;

}



.followUs h3 {

    padding-right: 24px;

}



.followUs img {

    max-width: 150px;

}



.copyright {

    width: 100%;

    padding: 42px 0;

    background-color: #1b1b1b;

}



.copyright p {

    font-size: 1.4rem;

    color: #606060;

    line-height: 32px;

}



.copyright p span {

    padding-left: 30px;

}



.copyright a {

    font-size: 1.4rem;

    color: #606060;

}



.copyright a:hover {

    color: #fff;

}



.icondiv {

    float: right;

}



#MsgBox {

    display: block;

    width: 320px;

    max-width: 80%;

    height: 50px;

    font-size: 18px;

    font-family: Arial;

    color: #fff;

    background-color: #6aba5a;

    border-radius: 12px;

    border: 2px solid #fff;

    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.9);

    margin: 0 auto;

    text-align: center;

    display: none;

    position: fixed;

    top: 50%;

    left: 50%;

    margin: -120px 0 0 -150px;

    z-index: 100000;

    line-height: 48px;

}





/*about*/



.innerbanner {

    width: 100%;

    background-color: #fff;

    position: relative;

    overflow: hidden;

}



.innerbanner img {

    width: 100%;

}



.locationdiv {

    text-align: center;

    position: absolute;

    left: 0;

    right: 0;

    top: 80px;

    margin: 0 auto;

}



.locationdiv h2 {

    font-size: 4.8rem;

    color: #fff;

}



.locationdiv p {

    font-size: 1.6rem;

    color: #fff;

}



.locationdiv p a {

    font-size: 1.6rem;

    color: #fff;

    padding: 0 15px;

}



.locationdiv p a:hover {

    color: #ff0;

}



.subNavMenu {

    width: 100%;

    padding: 15px 0;

    border-bottom: 1px dotted #ccc;

}



.subNavMenuList {

    margin: 0 auto;

    text-align: left;

}



.subNavMenuList ul {

    margin-bottom: 0;

}



.subNavMenuList ul li {

    margin: 10px;

    display: inline-block;

}



.subNavMenuList ul li a {

    padding: 8px 25px;

    background-color: #606060;

    color: #fff;

    font-size: 15px;

    text-transform: capitalize;

    border-radius: 5px;

}



.subNavMenuList ul li a:hover,

.subNavMenuList ul li a.on {

    background-color: #ef8641;

}



.maincontentdiv {

    width: 100%;

    padding: 0px;

    min-height: 420px;

    margin-bottom: 50px;

}



.mainCon {

    width: 100%;

}



.mainCon p,

.mainCon div,

.mainCon span,

.mainCon a {

    font-size: 1.6rem;

}



.mainCon img {

    max-width: 100% !important;

    height: auto !important;

}



.aboutprofile {

    width: 100%;

    background-color: #f1f1f1;

    padding: 80px 0;

}



.aboutprofile p {

    font-size: 1.6rem;

    color: #252525;

    line-height: 30px;

}



.aboutprofile p img {

    max-width: 100%;


    border: 5px solid #fff;

    margin-right: 30px;


}



.ouradvantage {

    width: 100%;

    padding: 30px 0;

    background: url(../images/advantage-bg.jpg) center top no-repeat #ef8641;

    margin: 0 auto;

}



.ouradvantage h3 {

    font-size: 4.0rem;

    color: #fff;

    margin-bottom: 35px;

}



.ouradvantage p {

    color: #fff;

}



.ourmarket {

    width: 100%;

    padding: 50px 0px;

}



.ourmarket h3 {

    font-size: 4.0rem;

    color: #000;

    font-weight: 700;

    margin-bottom: 45px;

}



.ourmarket ul {

    padding-left: 20px;

    font-size: 0;

    display: block;

    width: 100%;

}



.ourmarket ul li {

    list-style: outside square;

    width: 49%;

    font-size: 1.6rem;

    color: #454545;

    float: left;

}



.Certificationlist {

    position: relative;

    padding: 0 9px;

    margin-top: 45px;

    margin-bottom: 20px;

    transition: all 0.3s ease;

    background-color: transparent;

}



.Certificationlist:hover {

    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45);

    background-color: #212545;

    background-color: #fff;

    padding: 0;

}



.Certificationlistwrap {

    max-width: 360px;

    margin: 0 auto;

    padding: 0px;

    /*background-color: #212545;*/

}



.Certificationlistpic {

    position: relative;

    width: 100%;

    height: 0;

    padding-top: 100%;

    font-size: 0;

    overflow: hidden;

}



.Certificationlistpic img {

    transition: all 0.5s ease-in;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    max-height: 100%;

    margin: auto;

}



.Certificationlistpic:hover img {

    /*transform: scale(1.8);*/

}



.productconh3 {

    font-size: 24px;

    color: #333;

    padding-bottom: 10px;

    margin-top: 40px;

    margin-bottom: 20px;

    border-bottom: 1px dashed #ef8641;

}



.productconh3 i {

    color: #ef8641;

    margin-right: 15px;

}



.productconh3 span {

    padding-left: 15px;

}



.productcon {

    margin: 0px auto 50px;

}



.prolist {

    width: 31.33%;

    width: 23.5%;

    float: left;

    position: relative;

    padding: 0px;

    transition: all 0.3s ease;

    background-color: transparent;

    border: 1px solid transparent;

    margin-bottom: 20px;

    margin-right: 2.0%;

}



.prolist:nth-of-type(4n) {

    margin-right: 0%;

}



.prolistwrap {

    max-width: 500px;

    margin: 0 auto;

    padding: 20px;

    padding: 0px;

    border: 1px solid #ccc;

    position: relative;

    z-index: 1;

}



.prolistwrap:hover {

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

    background-color: #fff;

    border: 1px solid #ef8641;

    border: 1px solid #fff;

    z-index: 2;

}



.prolistpic {

    position: relative;

    width: 100%;

    height: 0;

    padding-top: 100%;

    font-size: 0;

    background-color: #fff;

    overflow: hidden;

}



.prolistpic a {

    display: block;

    width: 100%;

    height: 100%;

    margin: 0 auto;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    box-sizing: border-box;

    overflow: hidden;

}



.prolistpic img {

    width: 100%;

    margin: auto;

    transition: all 0.5s ease;

}



.prolistname {

    display: block;

    box-sizing: border-box;

    width: 100%;

    height: 42px;

    padding: 0 10px;

    font-size: 1.4rem;

    line-height: 42px;

    background: rgba(0, 0, 0, 0.88);

    text-align: center;

    color: #fff;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.prolistname a {

    font-size: 1.5rem;

    color: #fff;

}



.prolistwrap:hover .prolistpic img {

    transform: scale(0.9);

}



.prolistwrap:hover .prolistname {

    background: #ef8641;

}



.prolistwrap:hover .prolistname a {

    color: #fff;

}



.prolist1 {

    width: 23%;

    float: left;

    position: relative;

    padding: 0px;

    transition: all 0.3s ease;

    background-color: transparent;

    border: 1px solid transparent;

    margin-bottom: 25px;

    margin-left: 1.0%;

    margin-right: 1.0%;

}



.prolistwrap1 {

    max-width: 500px;

    margin: 0 auto;

    padding: 20px;

    padding: 0px;

    border: 1px solid #ccc;

    position: relative;

    z-index: 1;

}



.prolistwrap1:hover {

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

    background-color: #fff;

    border: 1px solid #ef8641;

    border: 1px solid #fff;

    z-index: 2;

}



.prolistpic1 {

    position: relative;

    width: 100%;

    height: 0;

    padding-top: 55.00%;

    font-size: 0;

    background-color: #fff;

    overflow: hidden;

}



.prolistpic1 a {

    display: block;

    width: 100%;

    height: 100%;

    margin: 0 auto;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    box-sizing: border-box;

    overflow: hidden;

}



.prolistpic1 img {

    width: 100%;

    margin: auto;

    transition: all 0.5s ease;

}



.prolistname1 {

    display: block;

    box-sizing: border-box;

    width: 100%;

    height: 42px;

    padding: 0 10px;

    font-size: 1.4rem;

    line-height: 42px;

    background: #fff;

    text-align: center;

    color: #fff;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.prolistname1 a {

    font-size: 1.5rem;

    color: #151515;

}



.prolistwrap1:hover .prolistpic1 img {

    transform: scale(0.9);

}



.prolistwrap1:hover .prolistname1 {

    background: #ef8641;

}



.prolistwrap1:hover .prolistname1 a {

    color: #fff;

}



.newsDiv {

    width: 100%;

    padding: 35px 0 75px;

}



.infokids {

    padding: 0 15px;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.infokids a img {

    max-width: 100%;

}



.infokids a p {

    font-size: 1.5rem;

    padding-top: 15px;

    color: #666;

}



.infokids a:hover p {

    color: #ef8641;

}



.infokids:hover {

    transform: translateY(-8px);

}



.newsDiv h3.titleh3 {

    padding-bottom: 15px;

    margin-bottom: 30px;

    border-bottom: 1px solid #ccc;

    position: relative;

}



.newsDiv h3.titleh3::after {

    content: '';

    display: block;

    width: 125px;

    height: 3px;

    background-color: #ef8641;

    position: absolute;

    left: 0;

    bottom: -2px;

}



.newsDiv1 {

    width: 75%;

    float: left;

    margin-top: 30px;

}



.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: #ef8641;

    position: absolute;

    left: 0;

    bottom: -2px;

}



.newslist {

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px dotted #ef8641;

}



.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: 25px;

    margin-bottom: 30px;

}



.newspic img {

    width: 100%;

}



.newslist h3 a:hover {

    color: #ef8641;

}



p.date_p {

    font-size: 14px;

    text-align: left;

    color: #999;

}



p.date_p0 {

    color: #999;

}



p.short_p {

    font-size: 14px;

    color: #454545;

}



.newsContent {

    margin-top: 35px;

}



.newsContent li {

    font-size: 15px;

    line-height: 1.75;

    list-style: inside disc;

}



.newsContent div,

.newsContent p,

.newsContent span,

.newsContent a {

    font-size: 15px;

    line-height: 1.75;

}



.newsContent p {

    margin-bottom: 25px;

}



a.read_btn {

    display: inline-block;

    padding: 5px 15px;

    background-color: #fff;

    color: #ef8641;

    font-size: 16px;

    border: 1px solid #ef8641;

    margin: 15px auto;

    text-align: center;

    border-radius: 4px;

}



a.read_btn:hover {

    background-color: #ef8641;

    border: 1px solid #ef8641;

    color: #fff;

}



.sideProductNav {

    width: 22%;

    /* margin-left: 3%; */

    margin-right: 3%;

    float: left;

    margin-top: 30px;

}



.sideProductNav h3 {

    background-color: #ef8641;

    background-color: #1b1c20;

    text-align: center;

    color: #fff;

    margin: 0px;

    padding: 15px;

    font-size: 2.1rem;

}



.sideProductNav ul {

    padding: 20px;

    background-color: #f5f5f5;

}



.sideProductNav ul li {

    /* border-bottom: 1px solid #ccc; */

    margin-bottom: 7px;

}



.sideProductNav ul li.on {

    border-bottom: 1px solid #ef8641;

}



.sideProductNav ul li a {

    display: block;

    color: #000;

    font-size: 1.6rem;

    font-weight: bold;

    padding-left: 12px;

    background: url(../images/arrow_item.gif) left 7px no-repeat transparent;

    /*line-height: 36px;*/

}



.sideProductNav ul li a:hover,

.sideProductNav ul li.on a {

    color: #ef8641;

    text-decoration: underline;

}



.sideProductNav ul li ul {

    padding: 0 12px;

    margin-top: 8px;

    margin-bottom: 15px;

}



.sideProductNav ul li ul li {

    border-bottom: 1px solid #ccc;

    padding-bottom: 7px;

}



.sideProductNav ul li ul li:last-child {

    /*border-bottom: none;*/

}



.sideProductNav ul li ul li a {

    color: #333;

    font-size: 1.6rem;

    font-weight: normal;

    padding-left: 15px;

    background: url(../images/arrow_item.gif) left center no-repeat transparent;

    line-height: 1;

}



.sideProductNav ul li ul li a:hover,

.sideProductNav ul li.on a {

    color: #ef8641;

    text-decoration: underline;

}



.back_btn a {

    display: inline-block;

    padding: 5px 15px;

    background-color: #fff;

    color: #ef8641;

    font-size: 16px;

    border: 1px solid #ef8641;

    margin: 50px auto 100px;

    text-align: center;

    border-radius: 4px;

}



.back_btn a:hover {

    background-color: #ef8641;

    border: 1px solid #ef8641;

    color: #fff;

}





/*download page*/



.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: #ef8641;

    color: #fff;

    font-size: 1.5rem;

    text-align: center;

    border-radius: 6px;

    line-height: 40px;

}



.downlaodBtn a:hover {

    background-color: #000;

}



.faqCenter {

    width: 75%;

    float: left;

}



.faqCenter h3.titleh3 {

    padding-bottom: 15px;

    margin-bottom: 30px;

    border-bottom: 1px solid #ccc;

    position: relative;

}



.faqCenter h3.titleh3::after {

    content: '';

    display: block;

    width: 125px;

    height: 3px;

    background-color: #ef8641;

    position: absolute;

    left: 0;

    bottom: -2px;

}



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;

    font-weight: normal;

    border-radius: 4px;

    text-decoration: none;

}



a.faq_a:hover {

    border: 1px solid #ef8641;

    color: #ef8641;

    text-decoration: none;

}



a.faq_a span i {

    font-size: 16px;

}



.well,

.well div,

.well p,

.well span {

    font-size: 18px;

}



.titlebold {

    font-size: 13px;

    height: 42px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 10px;

    line-height: 42px;

}



.titlebold span {

    display: inline-block;

    padding: 0px 20px;

    margin: 0 15px;

    font-weight: bold;

    color: #d90708;

    font-size: 13px;

    border-bottom: 2px solid #d90708;

}



.faqul {}



.faqul li {

    clear: both;

    width: 100%;

    height: 32px;

    padding: 0px 10px;

    border-bottom: 1px dotted #ccc;

    line-height: 38px;

}



.faqul li a {

    color: #434343;

    font-size: 12px;

    font-weight: bold;

}



.faqul li a:hover {

    color: #c4261d;

    text-decoration: none;

}



.faqul li a i {

    padding-right: 10px;

}





/*page style*/



.page {

    clear: both;

    margin: 20px 0px 0px 0px;

    text-align: left;

    padding-top: 20px;

    padding-bottom: 20px;

    border-top: 1px dotted #ccc;

}



.page a {

    display: inline-block;

    font-family: Arial;

    font-size: 15px;

    padding: 10px 16px;

    margin: 2px;

    color: #000;

    text-decoration: none;

    background-color: #e4e4e4;

}



.page a:hover,

.page a:focus {

    font-family: Arial;

    font-size: 15px;

    padding: 10px 16px;

    color: #fff;

    background-color: #ef8641;

}



.page .current,

.page .thisclass,

.page .pageinfo,

.page span {

    font-family: Arial;

    font-size: 15px;

    padding: 10px 16px;

    color: #fff;

    margin: 2px;

    background-color: #ef8641;

    display: inline-block;

}



.page .pageinfo {

    background-color: #eeeeee;

    color: #333;

    font-size: 15px;

}





/*contact us*/



.padding30_70 {

    padding: 30px 0 70px;

}



.padding30 {

    padding: 30px 0 0px;

}



.contactcontenttxt {}



.contactcontenttxt h4 {

    font-size: 20px;

    margin-bottom: 15px;

}



.contactcontenttxt p {

    font-size: 16px;

    margin-bottom: 25px;

    line-height: 1.2;

}



.contactcontenttxt ul li {

    list-style: none;

    font-size: 16px;

    color: #333;

    border-bottom: 1px dotted #ccc;

    padding-bottom: 5px;

    margin-bottom: 5px;

}



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: 0px;

    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;

}



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: #ef8641;

}



a.a_tel:hover::before,

a.a_mobile:hover::before,

a.a_email:hover::before,

a.a_web:hover::before {

    color: #ef8641;

}



.contactpic {}



.contactpic p {

    color: #252525;

    margin-top: 10px;

    margin-bottom: 15px;

    font-size: 1.6rem;

}



.formdiv {

    background-color: #fff;

    padding: 0px;

    border-radius: 12px;

}



.formdiv h2 {

    font-size: 18px;

}



.form-group {

    margin-bottom: 12px;

}



.form-control1 {

    display: block;

    padding: 0px;

    width: 100%;

    height: 30px;

    border: 1px solid #ccc;

    padding-left: 10px;

    font-size: 14px;

}



.submitbtn {

    background-color: #ef8641;

    border-color: #ef8641;

    padding: 10px 32px;

    margin-top: 20px;

}



.submitbtn:hover,

.submitbtn:focus {

    color: #fff;

    background-color: #222222;

    border-color: #222222;

}



span.input-group-addon {

    background-color: #fff;

    border: none;

}



.googlemap {

    width: 100%;

    height: 500px;

    background: url(../images/enmap.jpg) center center no-repeat;

    margin-top: 40px;

}



.baidumap {

    width: 100%;

    height: 500px;

    background: url(../images/baiduMap.jpg) center center no-repeat;

    margin-top: 40px;

}



.baidumap a {

    display: block;

    width: 100%;

    height: 100%;

}



.nopaddingbottom {

    padding-bottom: 0px;

}





/*product*/



.productsDiv {

    width: 75%;

    float: left;

}



.productsDiv h3.titleh3 {

    padding-bottom: 15px;

    margin-bottom: 30px;

    border-bottom: 1px solid #ccc;

    position: relative;

}



.productsDiv h3.titleh3::after {

    content: '';

    display: block;

    width: 125px;

    height: 3px;

    background-color: #ef8641;

    position: absolute;

    left: 0;

    bottom: -2px;

}



.productContainer {

    width: 100%;

    margin-top: 30px;

}



.leftbigpicwrap {

    width: 50%;

    float: left;

    margin-right: 2%;

    padding: 10px;

    border: 1px solid #ccc;

    overflow: hidden;

}



.leftbigpic {

    position: relative;

    width: 100%;

    height: 100%;

    margin: 0 auto;

    overflow: hidden;

}



.leftbigpic img {

    width: 100%;

    transform: scale(0.9);

}



.leftbigpic:hover {

    /*box-shadow: 0px 0px 10px rgba(244,118,41,0.45);*/

    border: none;

}



.leftbigpic:hover img {

    transform: scale(0.8);

}



.rightpiclist {

    width: 48%;

    float: right;

}



.rightpiclist ul {}



.rightpiclist ul::after {

    content: '';

    display: block;

    clear: both;

}



.rightpiclist ul li {

    float: left;

    display: block;

    width: 30.3333%;

    margin-right: 3%;

    margin-bottom: 15px;

    border: 1px solid #ccc;

    overflow: hidden;

}



.rightpiclist ul li:hover {

    border: 1px solid #ef8641;

}



.rightpiclist ul li a img {

    max-width: 100%;

}



.contact_btn {

    color: #fff;

    background-color: #f47629;

    border-color: #c2530f;

}



.contact_btn:hover,

.contact_btn:focus,

.contact_btn:active {

    color: #fff !important;

    background-color: #ce4904 !important;

    border-color: #ce4904 !important;

}



#productFeatureCon {

    width: 100%;

}



#productFeatureCon ul {

    font-size: 1.4rem;

    margin-bottom: 15px;

}



#productFeatureCon ul li {

    float: none;

    width: 95%;

    margin: 0;

    border: none;

    font-size: 1.4rem;

    display: list-item;

    margin-left: 5%;

    list-style: outside disc;

    overflow: visible;

}



#productFeatureCon ul li:hover {

    border: none;

}



.p_contact {

    border-top: 1px dotted #ccc;

    padding-top: 12px;

}



.p_contact p {

    font-size: 1.4rem;

    color: #000;

    margin-bottom: 20px;

}



.p_contact a.emailto {

    display: block;

    display: inline-block;

    width: 194px;

    height: 40px;

    background-color: #b20c10;

    color: #fff;

    text-align: center;

    font-size: 14px;

    border-radius: 8px;

    margin-right: 10px;

    margin-bottom: 10px;

    line-height: 40px;

}



.p_contact a.emailto i {

    font-size: 20px;

    padding-right: 10px;

}



.p_contact a.emailto:hover {

    background-color: #000;

}



.p_contact a.viewto {

    display: block;

    display: inline-block;

    width: 194px;

    height: 40px;

    background-color: #333;

    color: #fff;

    text-align: center;

    font-size: 14px;

    border-radius: 8px;

    margin-right: 10px;

    margin-bottom: 10px;

    line-height: 40px;

}



.p_contact a.viewto:hover {

    background-color: #000;

}



.productDetails {

    margin-top: 50px;

}



.productDetails h4 {

    margin-top: 35px;

}



.productDetails div,

.productDetails p,

.productDetails span,

.productDetails ul li,

.productDetails a {

    font-size: 14px;

}



#parametersTableCon {

    width: 100%;

}



#parametersTableCon img {

    max-width: 100%;

    height: auto !important;

}



#parametersTableCon table thead tr {

    background-color: #000;

}



#parametersTableCon table thead tr th {

    color: #fff;

    padding: 6px 0;

    font-weight: 300;

    font-size: 1.5rem;

}



#parametersTableCon table tbody tr:nth-of-type(even) {

    background-color: #b8b8b8;

}



#parametersTableCon table tbody tr td {

    font-size: 1.5rem;

}









/*#parametersTableCon table tr td:first-child{padding-left: 10px; text-align: left;}

#parametersTableCon table tr:first-child td{padding: 3px; text-align: center;}*/



.back_btn a {

    display: inline-block;

    padding: 5px 15px;

    background-color: #ff6600;

    color: #fff;

    font-size: 16px;

    margin: 50px auto 100px;

    text-align: center;

    border-radius: 4px;

}



.back_btn a:hover {

    background-color: #151515;

    color: #ff6600;

    border-color: #ff6600;

}



#productVideo {

    width: 100%;

}



#productVideoCon {

    width: 100%;

    height: 607px;

    max-width: 810px;

    overflow: hidden;

    padding: 0;

    margin: 0 !important;

}



#productVideoCon video {

    width: 100%;

    height: 100%;

}



#lineGraph h4 {

    border-bottom: 1px solid #cccccc;

    margin: 0px 0 2px;

    padding-bottom: 8px;

}



#lineGraph img {

    max-width: 100%;

}



.choosediv {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    /* 将父元素分为三等分 */

    grid-gap: 30px;

    /* 子元素之间的间隔 */

}



.chooseItem {

    background-color: rgba(255, 255, 255, 0.1);

    /* 设置子元素的背景颜色 */

    aspect-ratio: 0.95;

    /* 设置子元素的高宽比 */

    max-height: 1000px;

    /* 设置子元素的最大高度 */

    padding: 9% 8% 0% 15%;

    box-sizing: border-box;

}



.chooseItem p.choosepup {

    position: relative;

    display: block;

    min-height: 70px;

    font-size: 1.6rem;

    color: #ffff00;

}



.chooseItem p.choosepup::before {

    content: '\f046';

    color: #ffff00;

    position: absolute;

    left: -34px;

    top: 0;

    font-size: 2.8rem;

}



.chooseItem p.choosepdown {

    color: #fff;

    font-size: 1.5rem;

}



.otherfour {

    clear: both;

    width: 100%;

    margin-top: 35px;

}



.rproducts {

    font-size: 18px !important;

    color: #000;

    border-bottom: 1px solid #ccc;

    margin-bottom: 25px;

}



.otherfour ul {

    display: block;

    width: 100%;

}



.otherfour ul::after {

    content: '';

    display: block;

    clear: both;

}



.otherfour ul li {

    display: block;

    list-style: none;

    width: 23.5%;

    float: left;

    margin-right: 2%;

}



.otherfour ul li:nth-of-type(4) {

    margin-right: 0;

}



.otherfour ul li a {

    display: block;

    width: 100%;

    min-height: 30px;

    border: 1px solid #ccc;

}



.otherfour ul li a div {

    position: relative;

    width: 100%;

    height: 0px;

    padding-bottom: 100%;

    overflow: hidden;

}



.otherfour ul li a div img {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.otherfour ul li a p {

    display: block;

    box-sizing: border-box;

    width: 100%;

    height: 32px;

    padding: 0 10px;

    margin: 0;

    font-size: 1.4rem;

    line-height: 30px;

    background: rgba(0, 0, 0, 0.88);

    text-align: center;

    color: #fff;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.otherfour ul li a:hover {

    border-color: #ef8641;

}



.otherfour ul li a:hover div img {

    transform: scale(0.9);

}



.otherfour ul li a:hover p {

    background: #ef8641;

}



@media only screen and (min-width:320px) and (max-width:767px) {

    .topline {

        width: 100%;

        font-size: 0px;

        height: 5px;

        background-color: #3cae3f;

    }



    .topdiv {

        width: 100%;

        height: 60px;

        font-size: 0;

        position: relative;

        background-color: rgba(0, 0, 0, 0.70);

        background: url(../images/mobilenavbg.jpg) repeat;

    }



    .icondiv a,

    .icondiv span {

        margin-left: 10px;

        font-size: 2.1rem !important;

    }



    .language ul li a {

        font-size: 1.4rem !important;

    }



    .moveBanner {

        position: relative;

        width: 100vw;

        height: 35vh;

        overflow: hidden;

        z-index: 2;

    }



    .slideimg p {

        font-size: 14px;

        font-family: "UniviaproBold";

        color: #000;

        display: inline-block;

        padding: 10px 10px;

        background-color: rgba(255, 255, 255, 0.65);

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        border-radius: 6px;

        box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);

        z-index: 3;

    }



    /*更换菜单式样 start*/

    /* 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 #d00743; */

        border-bottom: 1px solid #f29418;

        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";

    }



    /*更换菜单式样 end*/





    #navul {

        display: none;

    }



    #mynavBar {

        display: inline;

    }



    .mainSubNavUl {

        padding-left: 20px;

        padding-right: 20px;

        padding-bottom: 30px;

        padding-top: 0px;

        border: 1px solid #3cae3f;

        border-top: none;

    }



    .mainSubNavUl::before {

        content: '';

        display: block;

        width: 0px;

        height: 0px;

        font-size: 2.6rem;

        color: #BF401D;

        position: absolute;

        left: 0;

        top: 0px;

    }



    .mainSubNavUl li {

        float: none;

        margin-right: 1px;

        margin-bottom: 0px;

        list-style: outside disc;

        border-bottom: 1px dashed #3cae3f;

    }



    .mainSubNavUl li a {

        display: inline-block;

        padding: 15px 0px;

        background-color: #fff;

        border: none;

        color: #000;

        font-size: 1.4rem;

    }



    .mainSubNavUl li a:hover,

    .mainSubNavUl li a.on {

        background-color: #fff;

        border: none;

        color: #ff6600;

    }



    .m-mobmenu {

        display: inline-block;

        width: 80%;

        position: fixed;

        height: 100%;

        background: #f1f1f1;

        left: -80%;

        top: 0;

        z-index: 2000;

    }



    .m-mobmenu .m-closeline {

        width: 100%;

        display: inline-block;

        line-height: 24px;

        padding: 20px 0 20px 10%;

        box-sizing: border-box;

        text-align: left;

        font-size: 18px;

        color: #fff;

        border-bottom: 1px solid #ef8641;

        background: #ef8641;

    }



    .m-mobmenu .m-closeline i {

        width: 24px;

        height: 24px;

        display: inline-block;

        float: right;

        margin: 0px 7px 0 0;

        color: #fff;

        font-size: 24px;

    }



    .m-mobmenu .m-listbox {

        width: 100%;

        height: 91.6%;

        display: inline-block;

        overflow-x: hidden;

        overflow-y: auto;

    }



    .m-mobmenu .m-listbox ul {

        margin: 0;

        font-size: 0;

    }



    .m-mobmenu .m-linkline {

        width: 100%;

        display: inline-block;

        padding: 0px 0 0px 10%;

        box-sizing: border-box;

        text-align: left;

        font-size: 18px;

        color: #000;

        border-bottom: 1px solid #000;

        position: relative;

    }



    .m-mobmenu .m-linkline a {

        display: -webkit-flex;

        height: 45px;

        line-height: 20px;

        float: left;

        width: 80%;

        font-size: 16px;

        color: #000;

        align-items: center;

    }



    .m-mobmenu .m-linkline .m-more {

        width: 38px;

        height: 45px;

        display: inline-block;

        float: right;

        border-left: 1px solid #0c230d;

        background: url('../img/ico-jtright.png') no-repeat center center;

    }



    .m-mobmenu .m-linkline .m-more.show {

        background: url('../img/ico-jtdown.png') no-repeat center center;

    }



    /*.m-mobmenu .m-linkline:last-child{border-bottom: none;}*/

    .m-mobmenu .m-sublistbox {

        width: 100%;

        display: none;

        box-sizing: border-box;

        text-align: left;

        background: #777;

    }



    .m-mobmenu .m-sublistbox.show {

        display: inline-block;

    }



    .m-mobmenu .m-sublistbox .m-list {

        width: 100%;

        height: 45px;

        display: inline-block;

        vertical-align: top;

        padding-left: 10%;

        box-sizing: border-box;

        text-align: left;

        border-bottom: 1px solid #000;

    }



    .m-mobmenu .m-sublistbox a {

        display: -webkit-flex;

        height: 45px;

        line-height: 20px;

        float: left;

        width: 80%;

        font-size: 16px;

        color: #fff;

        align-items: center;

    }



    .m-mobmenu .m-sublistbox .m-submore {

        width: 38px;

        height: 45px;

        display: inline-block;

        float: right;

        border-left: 1px solid #3f690e;

        background: url('../img/ico-jtright.png') no-repeat center center;

    }



    .m-mobmenu .m-sublistbox .m-submore.show {

        background: url('../img/ico-jtdown.png') no-repeat center center;

    }



    .m-mobmenu .m-threelistbox {

        width: 100%;

        display: none;

        box-sizing: border-box;

        text-align: left;

        background: #0569ed;

    }



    .m-mobmenu .m-threelistbox.show {

        display: inline-block;

    }



    .m-mobmenu .m-threelistbox .m-list {

        width: 100%;

        height: 45px;

        display: inline-block;

        vertical-align: top;

        padding-left: 10%;

        box-sizing: border-box;

        text-align: left;

        border-bottom: 1px solid #3f690e;

    }



    .m-mobmenu .m-threelistbox a {

        display: -webkit-flex;

        height: 45px;

        line-height: 20px;

        float: left;

        width: 80%;

        font-size: 16px;

        color: #fff;

        align-items: center;

    }



    .m-mobmenu .m-threelistbox .m-thrmore {

        width: 38px;

        height: 45px;

        display: inline-block;

        float: right;

        border-left: 1px solid #3f690e;

        background: url('../img/ico-jtright.png') no-repeat center center;

    }



    .m-mobmenu .m-threelistbox .m-thrmore.show {

        background: url('../img/ico-jtdown.png') no-repeat center center;

    }



    .m-mobmenushadow {

        width: 100%;

        display: none;

        height: 100%;

        position: fixed;

        left: 0;

        top: 0;

        z-index: 1000;

    }



    .callbacks_nav {

        display: none;

    }



    h1 {

        font-size: 2.4rem !important;

    }



    h2 {

        font-size: 2.1rem !important;

    }



    h3 {

        font-size: 1.8rem !important;

    }



    h4 {

        font-size: 1.5rem !important;

    }



    h5 {

        font-size: 1.4rem !important;

    }



    h6 {

        font-size: 1.3rem !important;

    }



    p {

        font-size: 1.2rem !important;

    }



    span {

        font-size: 1.2rem !important;

    }



    .callbacks_tabs {

        margin-top: -18px !important;

    }



    .innerbanner {

        width: 100%;

        overflow: hidden;

    }



    .innerbanner img {

        width: auto;

        height: 120px;

        transform: translateX(-45px);

    }



    .bx-controls-direction {

        display: none;

    }



    .headtop {

        display: none;

    }



    .mobileNav {

        display: block;

        width: 100%;

        height: 60px;

        border-bottom: 1px solid #ccc;

        background-color: #1b1c20;

    }



    .mobileLogo {

        width: 40%;

        padding-left: 24px;


        float: left;

    }



    .mobileLogo img {

        max-width: 100%;

    }



    .navigationBtn {

        float: right;

        padding-top: 11px;

        padding-right: 24px;

    }



    .navigationBtn a {

        color: #fff;

        font-size: 2.4rem;

    }



    .mobileSearchBtn {

        float: right;

        padding-top: 15px;

        padding-right: 24px;

    }



    .mobileSearchBtn img {

        width: 24px;

        height: auto;

    }



    #HCloseBtn {

        right: 0px !important;

    }



    #HCloseBtn span {

        font-size: 2.4rem !important;

    }



    .productCatalog {

        padding: 30px 0;

    }



    .catalogTitle h2 {

        margin-top: 10px;

    }



    .catalogTitle h2 span {

        font-size: 2.7rem !important;

    }



    .productCatalogWrap {

        padding-top: 10px;

    }



    .productCatalogWrap ul li {

        float: none;

        margin: 10px 9px;

        display: inline-flex;

        min-height: 204px;

    }



    .productCatalogWrap ul li a {

        display: inline-block;

        width: 140px;

    }



    .productCatalogWrap ul li a img {

        width: 140px;

        height: 140px;

        border-radius: 50%;

    }



    .productCatalogWrap ul li a p {

        padding-top: 10px;

        padding-left: 15px;

        padding-right: 15px;

    }



    .featuredProducts {

        width: 100%;

        padding: 30px 0;

        margin: 0 auto;

        background-color: #fff;

    }



    .featuredTitle {

        width: 100%;

        padding-left: 15px;

    }



    .featuredTitle h2 {

        font-weight: 700;

        color: #000;

        text-align: left;

        margin-top: 10px;

    }



    .featuredTitle h2 span {

        font-size: 2.7rem !important;

    }



    .slideGroup .slideBox ul li {
        width: 200px !important;
        padding-top: 0px;

    }



    .classificationPic {

        margin-bottom: 15px;

    }



    .classificationPic a p {

        text-align: justify;

    }



    .classificationPic a p span {

        display: block;

        font-size: 2.5rem !important;

        color: #fff;

        font-weight: 700;

        line-height: 30px;

        text-align: left;

    }



    .subProductItem {

        float: left;

        margin-left: 13px;

        margin-bottom: 15px;

        border: 1px solid #d6d6d6;

        box-sizing: border-box;

        position: relative;

    }



    .advantage {

        width: 100%;

        padding: 30px 0;

    }



    .advantage h2 {

        text-align: center;

        font-size: 2.7rem !important;

        color: #fff;

        margin-top: 10px;

        margin-bottom: 30px;

    }



    .choosediv {

        /* 将grid-template-columns改为1fr，实现一列 */

        grid-template-columns: 1fr;

        /* 设置行间距为15px */

        row-gap: 15px;

        /* 设置列间距为15px，这里需要用到grid-column-gap，因为grid-gap在较新的CSS规范中已被拆分为row-gap和column-gap */

        column-gap: 15px;

        /* 或者你可以继续使用grid-gap，如果不需要兼容老版本的浏览器 */

        /* grid-gap: 15px; */

    }



    .chooseItem {

        aspect-ratio: 2;

        max-height: none;

    }



    .chooseItem p.choosepup {

        min-height: auto;

    }



    .bx-wrapper img {

        width: 160%;

        display: block;

    }



    .advantageList ul li {

        display: inline-block;

        width: 50%;

        padding: 0 15px;

        text-align: center;

    }



    .advantageList ul li a img {

        max-width: 75%;

    }



    .advantage p {

        padding: 0 15px;

        text-align: justify;

    }



    .f_des {

        padding: 5px 15px 25px;

        text-align: left;

    }



    .f_des span {

        display: block;

        padding: 0 0px;

        text-align: left;

        color: #fff;

    }



    .indexAbout {

        padding: 30px 0 30px;

        background: #ebebeb;

    }



    .indexAboutLeft {

        width: 100%;

        float: left;

        padding-left: 15px;

        padding-right: 15px;

    }



    .indexAboutTitle h2 {

        font-size: 2.7rem !important;

        color: #000;

    }



    .indexAboutTitle::after {

        width: 100%;

    }



    .indexAboutLeft p.indexAboutDescription {

        color: #606060;

        padding-right: 0px;

        text-align: justify;

    }



    .indexAboutHonor ul li {

        width: 28.33%;

        margin-right: 4%;

    }



    .indexAboutRight {

        width: 100%;

        padding: 0 15px;

        float: left;

    }



    .indexAboutRight a:last-child {

        margin-top: 0px;

        margin-left: auto;

        margin-right: auto;

    }



    .indexAboutRight a:last-child img {

        max-width: 80%;

    }

    .indexAboutcont{
        width: 100%;

        padding: 0 15px;
    }


    .abtop {

        width: 100%;

    }



    .abtop img {

        max-width: 100%;

    }



    .indexInfo {

        width: 100%;

        padding: 30px 0 30px;

        margin: 0 auto;

        background: #fff;

    }



    .indexInfo h2 {

        text-align: center;

        color: #000;

        margin-top: 10px;

        margin-bottom: 10px;

    }



    .indexInfo h2 span {

        font-size: 2.7rem !important;

    }



    .indexInfoWrap ul {

        display: block;

        width: 100%;

        font-size: 0;

        padding-top: 25px;

    }



    .indexInfoWrap ul li {

        margin: 0 0%;

        margin-bottom: 15px;

        width: 100%;

        padding: 0 15px;

    }



    .indexInfoWrap ul li:first-child {

        margin: 0 0%;

        margin-bottom: 15px;

    }



    .indexInfoWrap ul li:last-child {

        margin: 0 0%;

        margin-bottom: 15px;

    }



    .indexInfoMore {

        margin-top: 25px;

    }



    .indexInfoMore a {

        padding: 10px 50px;

    }



    .newsletter {

        width: 100%;

        height: 180px;

        padding-top: 22px;

        padding-left: 15px;

        padding-right: 15px;

        margin: 0 auto;

        /*background: url(../images/sendMailBg.jpg) center center no-repeat #ef8641;*/

    }



    .newsletter h3 {

        font-size: 2.7rem !important;

    }



    .newsletterDesc {

        width: 100%;

        display: block;

        float: left;

    }



    .newsletterForm {

        width: 100%;

        padding: 0 0%;

        display: block;

        float: left;

        margin: 0 auto;

        font-size: 0;

        box-sizing: border-box;

    }



    .footerLinks {

        width: 100%;

        padding: 30px 10px 30px;

        background-color: #ededed;

    }



    .ty {

        width: 50%;

        float: left;

    }



    .ty h3::after {

        content: '';

        display: block;

        width: 45px;

        height: 3px;

        background-color: #ef8641;

        font-size: 0;

        margin-top: 8px;

    }



    .ty p {

        font-size: 1.4rem !important;

    }



    #emailbtn {

        padding: 6px 20px;

    }



    .contactInfo {

        padding-left: 0px;

        width: 100%;

    }



    .followUs {

        text-align: left;

        width: 100% !important;

        margin-top: 30px;

    }



    .copyright {

        width: 100%;

        padding: 30px 15px;

        background-color: #1b1b1b;

    }



    .icondiv {

        float: none;

        width: 100%;

    }



    .icondiv a,

    .icondiv span {

        margin-right: 10px;

        margin-left: 0px;

        font-size: 2.1rem !important;

    }



    .copyright p {

        margin-top: 30px;

        line-height: 18px;

    }



    .copyright p span {

        padding-left: 0px;

        display: block;

    }



    .locationdiv {

        top: 30px;

    }



    .locationdiv p {

        display: none;

    }



    .mainCon p,

    .mainCon div,

    .mainCon span,

    .mainCon a {

        font-size: 1.4rem !important;

        line-height: initial;

    }



    #topcontrol {

        display: none;

    }



    .panel {

        margin-bottom: 0px;

    }



    .panel-default {

        border-color: #ef8641;

        border-radius: 0px;

        border: none;

        background-color: #ef8641;

    }



    .panel-title {

        color: #fff;

    }



    .panel-heading {

        border: none;

        background-color: transparent !important;

        border-radius: 0px;

        border-bottom: 1px solid #fff;

    }



    .panel-body ul {

        padding-left: 15px;

        color: #fff;

    }



    .panel-body ul li {

        /* border-bottom: 1px dotted #f1f1f1; */

        list-style: outside disc;

        line-height: 26px;

    }



    .panel-body ul li a {

        color: #fff;

        font-size: 1.4rem;

    }



    .aboutprofile {

        padding: 15px 15px 15px;

        background-color: #fff;

    }



    .aboutprofile p {

        padding-left: 0px;

        padding-right: 0px;

    }



    .aboutprofile p img {

        border: none;

        margin-right: 0px;

        margin-bottom: 15px;

    }



    .advantagePic ul li img {

        border: none;

        box-sizing: border-box;

        margin-bottom: 10px;

    }



    .ouradvantage {

        width: 100%;

        padding: 20px 15px;

        background: url(../images/advantage-bg.jpg) center top no-repeat #ef8641;

        margin: 0 auto;

    }



    .ouradvantage h3 {

        font-size: 2.4rem !important;

        color: #fff;

        margin-bottom: 20px;

    }



    .advantageList ul {

        padding-bottom: 20px;

        display: block;

        font-size: 0px;

    }



    .ourmarket {

        width: 100%;

        padding: 20px 15px;

    }



    .ourmarket h3 {

        margin-top: 0px;

        margin-bottom: 15px;

    }



    .ourmarket ul li {

        list-style: outside disc;

        width: 49%;

        font-size: 1.3rem;

        color: #454545;

        float: left;

        line-height: 1.5;

    }



    .Certificationlist {

        position: relative;

        padding: 5px;

        margin: 10px auto;

        transition: all 0.3s ease;

        background-color: transparent;

        border: 1px solid #ccc;

        border-left: none;

    }



    .productconh3 {

        margin-top: 20px;

    }



    .prolist {

        width: 48%;

        margin: 0% 1% 10px 1%;

    }



    .prolistpic {

        position: relative;

        width: 100%;

        height: 0;

        padding-top: 66%;

        font-size: 0px;

        background-color: #fff;

        overflow: hidden;

    }



    .prolistname {

        line-height: 42px !important;

        overflow: hidden;

    }



    .prolist1 {

        width: 48%;

        margin: 0% 1% 10px 1%;

    }



    .prolistpic1 {

        position: relative;

        width: 100%;

        height: 0;

        padding-top: 66%;

        font-size: 0px;

        background-color: #fff;

        overflow: hidden;

    }



    .prolistname1 {

        line-height: 42px !important;

        overflow: hidden;

    }



    .locationdiv h2 {

        font-size: 2.1rem !important;

        color: #fff;

    }



    .productsDiv {

        width: 100%;

        float: left;

    }



    .productsDiv h3.titleh3 {

        padding-bottom: 15px;

        padding-left: 15px;

        margin-bottom: 20px;

        border-bottom: 1px solid #ccc;

        position: relative;

    }



    .paddingbottom100 {

        padding-bottom: 100%;

    }



    .paddingtop100 {

        padding-top: 100%;

    }



    .prolistname a {

        font-size: 1.4rem;

        color: #fff;

    }



    .productContainer {

        width: 100%;

        padding: 0 10px;

        margin-top: 20px;

    }



    .leftbigpicwrap {

        width: 100%;

        float: left;

        margin-right: 0%;

        padding: 5px;

        border: 1px solid #ccc;

        overflow: hidden;

    }



    .rightpiclist {

        width: 100%;

        float: right;

        margin-top: 10px;

    }



    .back_btn {

        padding-left: 10px;

    }



    .p_contact p {

        font-size: 1.4rem !important;

        color: #000;

    }



    .newsDiv {

        width: 100%;

        padding: 10px 0 30px;

    }



    .infokids {

        margin-bottom: 25px;

    }



    .infokids a p {

        padding-top: 7px;

        padding-left: 10px;

        padding-right: 10px;

        color: #666;

    }



    .newslist {

        padding-left: 10px;

        padding-right: 10px;

    }



    .newspic {

        width: 100%;

        float: left;

        margin-right: 0px;

        margin-bottom: 10px;

    }



    .newsDiv1 {

        width: 100%;

        float: left;

        padding: 0 10px;

        margin-top: 0px;

    }



    .newsContent {

        margin-top: 5px;

    }



    .newsContent p {

        margin-bottom: 5px;

    }



    .newsContent img {

        max-width: 100%;

    }



    .faqCenter {

        width: 100%;

        float: left;

    }



    .faqCenter h3.titleh3 {

        margin-bottom: 20px;

    }



    a.faq_a {

        display: block;

        width: 96%;

        margin-right: 2%;

        margin-left: 2%;

    }



    .collapse.in {

        display: block;

        margin: 0 2%;

    }



    .well,

    .well div,

    .well p,

    .well span {

        font-size: 1.4rem !important;

    }



    .contactpic {

        padding: 0 25px;

        margin-bottom: 25px;

    }



    .contactpic p {

        font-size: 1.6rem !important;

    }



    .contactcontenttxt {

        padding: 0 25px;

    }



    .contactcontenttxt h4 {

        font-size: 20px !important;

        margin-bottom: 15px;

    }



    .contactcontenttxt ul li span {

        font-size: 16px !important;

    }



    .otherfour ul li {

        display: block;

        list-style: none;

        width: 48.0%;

        float: left;

        margin-right: 4%;

        margin-bottom: 10px;

    }



    .otherfour ul li:nth-of-type(2n) {

        margin-right: 0;

    }



    .maincontentdiv {

        margin-bottom: 0px;

    }



    .maincontentdiv .container {

        padding-left: 15px;

        padding-right: 15px;

    }



    .back_btn a {

        margin: 25px auto 60px;

    }

}



@media only screen and (min-width:768px) and (max-width:1024px) {

    .moveBanner {

        position: relative;

        width: 100vw;

        height: 35vh;

        overflow: hidden;

        z-index: 2;

    }



    .slideimg p {

        font-size: 14px;

        font-family: "UniviaproBold";

        color: #000;

        display: inline-block;

        padding: 10px 10px;

        background-color: rgba(255, 255, 255, 0.65);

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        border-radius: 6px;

        box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);

        z-index: 3;

    }



    #navul {

        display: none;

    }



    #mynavBar {

        display: inline;

    }



    .m-mobmenu {

        display: inline-block;

        width: 80%;

        position: fixed;

        height: 100%;

        background: #256E28;

        left: -80%;

        top: 0;

        z-index: 2000;

    }



    .m-mobmenu .m-closeline {

        width: 100%;

        display: inline-block;

        line-height: 24px;

        padding: 20px 0 20px 10%;

        box-sizing: border-box;

        text-align: left;

        font-size: 18px;

        color: #fff;

        border-bottom: 1px solid #141419;

        background: #1e1d24;

    }



    .m-mobmenu .m-closeline i {

        width: 24px;

        height: 24px;

        display: inline-block;

        float: right;

        margin: 0px 7px 0 0;

        color: #e81123;

        font-size: 24px;

    }



    .m-mobmenu .m-listbox {

        width: 100%;

        height: 91.6%;

        display: inline-block;

        overflow-x: hidden;

        overflow-y: auto;

    }



    .m-mobmenu .m-linkline {

        width: 100%;

        display: inline-block;

        padding: 0px 0 0px 10%;

        box-sizing: border-box;

        text-align: left;

        font-size: 18px;

        color: #e6eeff;

        border-bottom: 1px solid #0c230d;

        position: relative;

    }



    .m-mobmenu .m-linkline a {

        display: -webkit-flex;

        height: 45px;

        line-height: 20px;

        float: left;

        width: 80%;

        font-size: 16px;

        color: #fff;

        align-items: center;

    }



    .m-mobmenu .m-linkline .m-more {

        width: 38px;

        height: 45px;

        display: inline-block;

        float: right;

        border-left: 1px solid #0c230d;

        background: url('../img/ico-jtright.png') no-repeat center center;

    }



    .m-mobmenu .m-linkline .m-more.show {

        background: url('../img/ico-jtdown.png') no-repeat center center;

    }



    .m-mobmenu .m-linkline:last-child {

        border-bottom: none;

    }



    .m-mobmenu .m-sublistbox {

        width: 100%;

        display: none;

        box-sizing: border-box;

        text-align: left;

        background: #329436;

    }



    .m-mobmenu .m-sublistbox.show {

        display: inline-block;

    }



    .m-mobmenu .m-sublistbox .m-list {

        width: 100%;

        height: 45px;

        display: inline-block;

        vertical-align: top;

        padding-left: 10%;

        box-sizing: border-box;

        text-align: left;

        border-bottom: 1px solid #0c230d;

    }



    .m-mobmenu .m-sublistbox a {

        display: -webkit-flex;

        height: 45px;

        line-height: 20px;

        float: left;

        width: 80%;

        font-size: 16px;

        color: #fff;

        align-items: center;

    }



    .m-mobmenu .m-sublistbox .m-submore {

        width: 38px;

        height: 45px;

        display: inline-block;

        float: right;

        border-left: 1px solid #3f690e;

        background: url('../img/ico-jtright.png') no-repeat center center;

    }



    .m-mobmenu .m-sublistbox .m-submore.show {

        background: url('../img/ico-jtdown.png') no-repeat center center;

    }



    .m-mobmenu .m-threelistbox {

        width: 100%;

        display: none;

        box-sizing: border-box;

        text-align: left;

        background: #0569ed;

    }



    .m-mobmenu .m-threelistbox.show {

        display: inline-block;

    }



    .m-mobmenu .m-threelistbox .m-list {

        width: 100%;

        height: 45px;

        display: inline-block;

        vertical-align: top;

        padding-left: 10%;

        box-sizing: border-box;

        text-align: left;

        border-bottom: 1px solid #3f690e;

    }



    .m-mobmenu .m-threelistbox a {

        display: -webkit-flex;

        height: 45px;

        line-height: 20px;

        float: left;

        width: 80%;

        font-size: 16px;

        color: #fff;

        align-items: center;

    }



    .m-mobmenu .m-threelistbox .m-thrmore {

        width: 38px;

        height: 45px;

        display: inline-block;

        float: right;

        border-left: 1px solid #3f690e;

        background: url('../img/ico-jtright.png') no-repeat center center;

    }



    .m-mobmenu .m-threelistbox .m-thrmore.show {

        background: url('../img/ico-jtdown.png') no-repeat center center;

    }



    .m-mobmenushadow {

        width: 100%;

        display: none;

        height: 100%;

        position: fixed;

        left: 0;

        top: 0;

        z-index: 1000;

    }



    .callbacks_nav {

        display: none;

    }



    input,

    textarea {

        -webkit-appearance: none;

    }



    .headtop .container {

        width: 81.20%;

        float: left;

    }



    .toplayer {

        padding-left: 6px;

    }



    .toplayer p img {

        margin: 4px 15px;

        height: 36px;

        max-width: auto;

        display: inline-block;

    }



    .navdiv {

        padding-left: 20px;

    }



    .navdiv ul li {

        float: left;

        margin-right: 3px;

    }



    .navdiv ul li a {

        font-size: 1.5rem;

        padding: 9px 12px;

        margin-top: 19px;

    }



    .searchdiv {

        float: right;

        margin-top: 22px;

        margin-right: 20px;

    }



    .productCatalog {

        width: 100%;

        padding: 30px 0;

        margin: 0 auto;

        text-align: center;

        background: #ededed;

    }



    .catalogTitle h2 {

        font-size: 4.2rem;

        font-weight: 700;

        color: #000;

        text-align: center;

    }



    .productCatalogWrap ul li {

        float: left;

        margin: 10px 10px;

        min-height: 272px;

    }



    .productCatalogWrap ul li a {

        display: inline-block;

        width: 172px;

    }



    .productCatalogWrap ul li a img {

        width: 172px;

        height: 172px;

        border-radius: 50%;

    }



    .featuredProducts {

        width: 100%;

        padding: 30px 0;

        margin: 0 auto;

        background-color: #fff;

    }



    .featuredProducts .container {

        width: 100%;

    }



    .featuredTitle {

        padding-left: 15px;

    }



    .featuredTitle h2 {

        background: url(../images/titleLine.jpg) left center repeat-x;

        font-size: 4.2rem;

        font-weight: 700;

        color: #000;

        text-align: left;

    }



    .classificationPic a p {

        padding-right: 40px;

    }



    .classificationPic {

        margin-bottom: 15px;

    }



    .subProductItem {

        float: left;

        margin-left: 13px;

        margin-bottom: 15px;

        border: 1px solid #d6d6d6;

        box-sizing: border-box;

        position: relative;

    }



    .advantage {

        width: 100%;

        padding: 40px 0;

    }



    .advantage h2 {

        text-align: center;

        font-size: 4.2rem;

        color: #fff;

        margin-bottom: 35px;

    }



    .f_des span {

        display: block;

        padding: 0 30px;

        font-size: 1.8rem;

        color: #fff;

        text-align: center;

    }



    .indexAbout {

        width: 100%;

        padding: 40px 0 40px;

        margin: 0 auto;

        background: url(../images/icon-cccc-bg.png) left bottom no-repeat #ebebeb;

    }



    .indexAboutTitle h2 {

        font-size: 4.2rem;

        color: #000;

        font-weight: 700;

        margin-top: 0;

    }



    .indexAboutTitle::after {

        width: 100%;

        height: 3px;

        font-size: 0;

        background-color: #ef8641;

    }



    .indexAboutLeft {

        width: 100%;

        float: left;

        padding-right: 0px;

    }



    .indexAboutLeft p.indexAboutDescription {

        color: #606060;

        font-size: 1.6rem;

        padding-right: 0px;

        line-height: 1.2;

    }



    .indexAboutRight {

        width: 100%;

        float: left;

    }



    .indexAboutRight a img {

        width: 100%;

    }



    .indexAboutRight a:last-child {

        margin-top: 30px;

    }



    .indexAboutRight a:last-child img {

        max-width: 60%;

    }



    .newsletterForm {

        padding: 0 0%;

    }



    .indexInfo {

        width: 100%;

        padding: 30px 0 30px;

        margin: 0 auto;

        background: #fff;

    }



    .indexInfo h2 {

        font-size: 4.2rem;

    }



    .indexInfoMore {

        margin: 0 auto;

        text-align: center;

        margin-top: 35px;

    }



    .icondiv {

        float: left;

        width: 100%;

    }

}



@media only screen and (min-width:1025px) and (max-width:1126px) {

    .navdiv ul li a {

        padding: 9px 20px;

    }

}



@media only screen and (min-width:1025px) and (max-width:1366px) {

    .headtop .container {

        width: 80%;

        float: left;

    }



    .productCatalogWrap ul {

        padding: 0 250px;

    }



    .productCatalogWrap ul li {

        float: left;

        margin: 10px 15px;

        min-height: 286px;

    }

}



@media only screen and (min-width:1367px) and (max-width:1919px) {

    .headtop .container {

        width: 80%;

        float: left;

    }

}



@media only screen and (min-width:1920px) {}



@media screen and (orientation: landscape) and (max-width:1024px) {

    .moveBanner {

        position: relative;

        width: 100vw;

        height: 80vh;

        overflow: hidden;

        z-index: 2;

    }

}