@charset "utf-8";



html {

    font-size: 625%;

}



body {

    background-color: #fff;

    font-size: 14px;

}



body,

html,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

ol,

li,

dl,

dt,

dd,

th,

td,

form,

object,

iframe,

blockquote,

pre,

a,

abbr,

address,

code,

img,

fieldset,

form,

label,

figure {

    margin: 0;

    padding: 0;

}



body,

html,

input,

button,

textarea {

    color: #575f65;

    font-family: Arial;

    line-height: 1.5;

}



article,

aside,

figcaption,

figure,

footer,

header,

main,

nav,

section {

    display: block;

}



h1 {

    font-size: 20px;

}



h2 {

    font-size: 18px;

}



h3 {

    font-size: 16px;

}



h4,

h5 {

    font-size: 14px;

}



img {

    max-width: 100%;

    border: none;

    vertical-align: middle;

    width: 100%;

}



li {

    list-style: none;

}



i,

em {

    font-style: normal;

}



a {

    color: #333;

    text-decoration: none;

}



a:focus {

    outline: none;

}



a:hover {

    color: #0876C0;

    text-decoration: none;

}



input[type="text"]:focus {

    outline: none;

}



input[type="button"],

input[type="reset"],

input[type="submit"] {

    cursor: pointer;

}



input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"]>input[type="button"]::-moz-focus-inner {

    padding: 0;

    border: none;

}



hr {

    margin: 15px 0 15px 0;

    height: 1px;

    border: none;

    border-top: 1px dashed #c1c1c1;

}



a:active,

select,

input,

textarea {

    outline: 0 !important;

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

    -webkit-tap-highlight-color: transparent;

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    outline: 0;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

}



/*-------------------------------

			font start

			----------------------------------*/

@font-face {

    font-weight: normal;

    font-style: normal;

    font-family: 'fontawesome';

    src: url("../fonts/Font-Awesome/fontawesome-webfont.eot");

    src: url("../fonts/Font-Awesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Font-Awesome/fontawesome-webfont.woff2") format("woff2"), url("../fonts/Font-Awesome/fontawesome-webfont.woff") format("woff"), url("../fonts/Font-Awesome/fontawesome-webfont.ttf") format("truetype"), url("../fonts/Font-Awesome/fontawesome-webfont.svg#fontawesomeBold") format("svg");

    font-display: fallback;

}



@font-face {

    font-family: 'Arial';

    src: url(../fonts/Arial/ARIAL.TTF) format("TrueType");

    font-display: fallback;

}



@font-face {

    font-family: 'Arial-blod';

    src: url(../fonts/Arial/ARIALBD.TTF) format("TrueType");

    font-display: fallback;

}



@font-face {

    font-family: 'Chaparral-Pro-bold';

    src: url(../fonts/Chaparral-Pro/CHAPARRALPRO-BOLD.OTF) format("TrueType");

    font-display: fallback;

}



@font-face {

    font-family: 'Exo';

    src: url(../fonts/Exo/Exo-Bold.ttf) format("TrueType");

    font-display: fallback;

}



@font-face {

    font-family: 'Poppins';

    src: url(../fonts/Poppins/POPPINS-REGULAR.TTF) format("TrueType");

    font-display: fallback;

}



@font-face {

    font-family: 'Poppins-blog';

    src: url(../fonts/Poppins/POPPINS-BOLD.TTF) format("TrueType");

    font-display: fallback;

}



/*-------------------------------

			font end

			----------------------------------*/

/* clear floating */

.clearfix:after,

.layout:after,

.sys_row:after,

.web_main:after,

.page_main:after,

.nav_wrap .head_nav:after,

.items_list ul:after,

.product_items:after,

.promote_list:after,

.cate_items ul:after,

.web_head .logo:after,

.product-intro:after,

.detail-tabs:after,

.foot_items:after,

.news_cell:after,

.sys_row:after,

.banner_navigate_button:after {

    clear: both;

    display: block;

    visibility: hidden;

    height: 0;

    content: "";

}



.clearfix,

.layout,

.sys_row,

.clearfix,

.layout,

.sys_row,

.flex_row,

.web_main,

.page_main,

.nav_wrap .head_nav,

.items_list ul,

.product_items,

.promote_list,

.cate_items ul,

.web_head .logo,

.product-intro,

.detail-tabs,

.foot_items,

.sys_row,

.banner_navigate_button {

    zoom: 1;

}



.clear {

    clear: both;

}



.category_tab_wrap .product_items:after {

    display: none;

}



/* layout */

body {

    position: absolute;

    top: 0;

    left: 0;

    overflow-x: hidden;

    width: 100%;

}



.layout {

    position: relative;

    width: 90%;

    margin: 0 auto;



}



.z9999 {

    z-index: 9999 !important;

}



.hide {

    display: none;

}



/*gotop*/

.gotop {

    position: fixed;

    right: 50px;

    bottom: 50px;

    z-index: 99999;

    visibility: hidden;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    width: 50px;

    height: 50px;

    background-color: #E9001B;

    background-clip: content-box;

    box-shadow: 0 0 8px rgba(0, 0, 0, .2);

    color: #ffffff;

    text-align: center;

    text-align: center;

    font-size: 18px;

    line-height: 50px;

    opacity: 0;

    cursor: pointer;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

    -ms-transform: translateY(100%);

}



.gotop:hover,

.gotop.active:hover {

    background-color: #0876C0;

    color: #fff;

}



.gotop.active {

    visibility: visible;

    opacity: 1;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transform: none;

    transform: none;

    -ms-transform: none;

}



.gotop:before,

.gotop em {

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.gotop em {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    color: #fff;

    font-size: 12px;

    opacity: 0;

    -webkit-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px);

    filter: alpha(opacity=0);

    -ms-transform: translateY(10px);

}



.gotop:before {

    display: block;

    content: '\f176';

    font-family: 'fontawesome';

}



.gotop:hover em {

    opacity: 1;

    -webkit-transform: none;

    -o-transform: none;

    transform: none;

    filter: alpha(opacity=100);

    -ms-transform: none;

}



.gotop:hover:before {

    opacity: 0;

    -webkit-transform: translateY(-15px) scale(.5);

    -o-transform: translateY(-15px) scale(.5);

    transform: translateY(-15px) scale(.5);

    -ms-transform: translateY(-15px) scale(.5);

    filter: alpha(opacity=0);

}



/* transition */

.head_nav li a,

.nav_wrap .head_nav li li a,

.nav_wrap .head_nav li ul,

.nav_wrap .head_nav li li>a:before,

.head_nav b:after,

.product_item figure,

.gotop,

.product-item .item-img img,

.product_item .item_img img,

.product_item .item_img a,

.product_item,

.product_item .item_img a:before,

.product_item .item_img a:after,

.product_item .item_img:after,

.product-btn-wrap a,

.web_head,

.change-language .change-language-title a:after,

.newsletter .button,

.mobile-head-item .middle-show-content-wrap,

.product_item figure figcaption,

.foot_item a,

.pages a,

.head_sns li img,

.side_product_item .add-friend,

.side_product_item .add-friend:after,

.side-product-items .btn-prev,

.side-product-items .btn-next,

.blog-item:after,

.product-button-prev,

.product-button-next,

.company_subscribe .button:after {

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    -ms-transition: all .3s ease;

}



.head_nav>li>a:before,

.head_nav>li>a:after,

.icon-cate,

.foot_txt_list li a:before,

.web_footer .button:before {

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}



.company_subscribe .button .button_txt,

.company_subscribe .button .button_ico {

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



figcaption,

img,

.product_item a:after,

a,

.nav_wrap .nav_btn_close,

.index_main .product_item figure,

.foot_item.foot_nav .fot_tit:before,

.foot_item.foot_nav .fot_tit:after,

.feature_product_item .feature_imgbg,

.feature_product_item .feature_imgpd img,

.goods-may-like .navigate_button_next:before,

.goods-may-like .navigate_button_prev:before,

.advantage_items .advantage_item,

.advantage_img:before,

.feature_item .img_item img,

.feature_item .feature_title,

.feature_prev,

.feature_next,

.side-cate>li>a {

    -webkit-transition: all .35s ease-in-out;

    -o-transition: all .35s ease-in-out;

    transition: all .35s ease-in-out;

}



/*hover*/



/* grid */

.sys-layer {

    margin: 0 auto;

}



.sys-row {

    margin: 0 -8px;

}



.sys-col {

    float: left;

}



.sys-col-inner {

    margin: 0 8px;

}



.sys-col-md {

    float: left;

}



.sys-col-md-12 {

    width: 100%;

}



.sys-col-md-11 {

    width: 91.66666667%;

}



.sys-col-md-10 {

    width: 83.33333333%;

}



.sys-col-md-9 {

    width: 75%;

}



.sys-col-md-8 {

    width: 66.66666667%;

}



.sys-col-md-7 {

    width: 58.33333333%;

}



.sys-col-md-6 {

    width: 50%;

}



.sys-col-md-5 {

    width: 41.66666667%;

}



.sys-col-md-4 {

    width: 33.33333333%;

}



.sys-col-md-3 {

    width: 25%;

}



.sys-col-md-2 {

    width: 16.66666667%;

}



.sys-col-md-1 {

    width: 8.33333333%;

}



.sys_row {

    margin-right: -15px;

    margin-left: -15px;

}



.sys_col {

    float: left;

    padding-right: 15px;

    padding-left: 15px;

}



/* float */

.sys_fl {

    float: left !important;

}



.sys_fr {

    float: right !important;

}



/* flex */

.flex_row,

.items_list>ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    flex-direction: row;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -o-flex-wrap: wrap;

    flex-wrap: wrap;

}



.flex_row_nowrap {

    -webkit-flex-wrap: nowrap;

    -moz-flex-wrap: nowrap;

    -ms-flex-wrap: nowrap;

    -o-flex-wrap: nowrap;

    flex-wrap: nowrap;

}



/* button */

.sys_btn {

    position: relative;

    display: inline-block;

    overflow: hidden;

    padding: .2em 2em .2em 1em;

    min-width: 150px;

    border: 2px solid #0876C0;

    background-color: #f9f9f9;

    color: #333 !important;

    vertical-align: middle;

    text-align: left;

    text-transform: uppercase;

    text-overflow: ellipsis;

    white-space: nowrap;

    letter-spacing: -.1em;

    font-size: 22px;

    line-height: 2;

    cursor: pointer;

    transition: all .3s ease-in-out;

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    user-select: none;

    -ms-transform: scale(1);

}



.sys_btn:hover {

    background-color: #0876C0;

    color: #fff !important;

}



.sys_btn:after {

    position: absolute;

    top: 50%;

    right: 1.5em;

    margin-top: -.6em;

    content: '\f04b';

    font-size: 12px;

    font-family: 'fontawesome';

    line-height: 1.2em;

}





/* placeholder */

input::-webkit-input-placeholder {

    color: rgba(0, 0, 0, .71);

}



input:-moz-placeholder {

    color: rgba(0, 0, 0, .71);

}



input::-moz-placeholder {

    color: rgba(0, 0, 0, .71);

}



input:-ms-input-placeholder {

    color: rgba(0, 0, 0, .71);

}



/* box-sizing */

.index_promote,

.company_subscribe .button,

.nav_wrap,

.product_item .item_img {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    -ms-box-sizing: content-box;

    -o-box-sizing: content-box;

}



/* font-family */

.search-btn,

.side-cate li .icon-cate:before,

.product-btn-wrap a:before,

.mobile-head-item .title:before,

.head_nav>li:after,

.head_nav li b:after,

.download-item .item-button:before,

.faq-item .faq-title:before {

    display: inline-block;

    text-decoration: inherit;

    text-transform: none;

    font-weight: normal;

    font-style: normal;

    font-variant: normal;

    font-family: "fontawesome";

    speak: none;

}



.fa:before,

.btn_more:after,

.sys_btn:after,

.head-search .search-btn:before,

.swiper-button-next:before,

.swiper-button-prev:before,

.side-product-items .btn-prev:before,

.side-product-items .btn-next:before,

.product-btn-wrap .email:before,

.product-btn-wrap .FAQ:before,

.company_subscribe .button:after {

    font-family: 'fontawesome';

}



/*flex_row*/

.flex_row {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    flex-direction: row;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -o-flex-wrap: wrap;

    flex-wrap: wrap;

    justify-content: space-between;

    -webkit-justify-content: space-between;

}





/*----------------------------------aside---------------------------------*/

.web_main {

    margin-top: 35px;



}



.web-body {

    width: 100%;

    display: flex;

    align-items: flex-start;

    gap: 30px;

    justify-content: flex-start;

}



.main {

    width: 70%;

}



.aside-box {

    width: 35%;

}



.main .FAQ-list ul li {

    padding: 22px 30px;

    box-sizing: border-box;

    /* 描边 */

    border: 1px solid rgb(221, 221, 221);

    border-radius: 8px;

    /* 白色 */

    background: rgb(255, 255, 255);



}



.main .FAQ-list ul li>span {

    display: flex;

    justify-content: space-between;

    align-items: center;

    cursor: pointer;

}



.main .FAQ-list ul li span.active .faq-tiitle {

    color: rgb(51, 51, 51);

    font-family: 'Poppins-bolg';

    font-size: 20px;

    font-weight: 700;

    line-height: 36px;

    letter-spacing: 0px;

    text-align: left;

    text-transform: capitalize;

}



.main .FAQ-list ul li>span>div {

    color: rgb(51, 51, 51);

    font-family: 'Poppins';

    font-size: 20px;

    font-weight: 400;

    line-height: 36px;

    letter-spacing: 0px;

    text-align: left;

    text-transform: capitalize;

}





.main .FAQ-list ul li>span .down-btn {

    display: inline-block;

    width: 12px;

    height: 6px;

    position: relative;

    vertical-align: middle;

    cursor: pointer;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    margin-left: 35px;

}



.main .FAQ-list ul li>span .down-btn:before {

    content: '';

    display: inline-block;

    width: 100%;

    height: 6px;

    background-image: url(../img/faq_down.webp);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    vertical-align: top;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.main .FAQ-list ul li>span.active .down-btn::after {

    width: 100%;

    height: 6px;

    background-image: url(../img/faq_top.webp);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    vertical-align: top;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.faq-answer {

    display: none;

}



.faq-answer p {

    color: rgb(136, 136, 136);

    font-family: 'Poppins';

    font-size: 16px;

    font-weight: 400;

    line-height: 36px;

    letter-spacing: 0px;

    text-align: left;

    text-transform: capitalize;

}



.main .FAQ-list .page_bar {

    margin-top: 20px;

    display: flex;

    justify-content: center;

}



.main .FAQ-list .page_bar ul {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 10px;

}



.main .FAQ-list .page_bar ul li {

    width: 50px;

    height: 60px;

    border-radius: 50px;

    box-sizing: border-box;

    display: flex;

    justify-content: center;

    align-items: center;

    /* 背景色 */

    background: rgb(243, 238, 231);

}



.main .FAQ-list .page_bar ul li a {

    color: rgb(17, 61, 60);

    font-family: 'Poppins';

    font-size: 20px;

    font-weight: 400;

    line-height: 30px;

    letter-spacing: 0px;

    text-align: center;

    text-transform: capitalize;

}



.main .FAQ-list .page_bar ul li .perv-btn {

    font-size: 30px;

    font-weight: 400;

    line-height: 30px;

    text-align: center;

    text-transform: capitalize;

    cursor: pointer;

    color: rgb(17, 61, 60);

}



.main .FAQ-list .page_bar ul li .perv-btn::before {

    content: '\f104';

    font-family: 'fontawesome';

}



.main .FAQ-list .page_bar ul li .next-btn {

    font-size: 30px;

    font-weight: 400;

    line-height: 30px;

    text-align: center;

    text-transform: capitalize;

    cursor: pointer;

    color: rgb(17, 61, 60);

}



.main .FAQ-list .page_bar ul li .next-btn::before {

    content: '\f105';

    font-family: 'fontawesome';

}



.main .FAQ-list .page_bar ul li:hover {

    background: rgb(17, 61, 60);

}



.main .FAQ-list .page_bar ul li:hover a {

    color: rgb(58, 216, 46);

    font-family: 'Poppins';

    font-size: 20px;

    font-weight: 400;

    line-height: 30px;

    letter-spacing: 0px;

    text-align: center;

    text-transform: capitalize;

}



.main .FAQ-list .page_bar ul li:hover b {

    color: rgb(58, 216, 46);

    font-family: 'Poppins';

    font-size: 30px;

    font-weight: 400;

    line-height: 30px;

    letter-spacing: 0px;

    text-align: center;

    text-transform: capitalize;

}



.main .FAQ-list .page_bar ul li.current {

    /* 深绿色 */

    background: rgb(17, 61, 60);

}



.main .FAQ-list .page_bar ul li.current>a {

    color: rgb(58, 216, 46);

    font-family: 'Poppins';

    font-size: 20px;

    font-weight: 400;

    line-height: 30px;

    letter-spacing: 0px;

    text-align: center;

    text-transform: capitalize;

}







/*---------------mobile start------------------*/



@media (max-width:950px) {

    .main {

        width: 100%;

    }



    .aside-box {

        display: none;

    }



    .related_products .related_body {

        width: 100%;

        flex-wrap: wrap;

    }



    .related_body .product_item {

        width: 100%;

    }



    .userInfo_warp {

        padding: 20px;

    }



    .userInfo_warp {

        flex-wrap: wrap;

    }



    .userInfo-left {

        width: 100%;

    }



    .userInfo_title {

        font-size: 29px;

    }



    .userInfo_right {

        width: 100%;

    }



    .userInfo_image {

        text-align: center;

        margin-left: 0;

    }



    .recommended-news .news-item {

        width: 100% !important;

    }



    .item-image {

        width: 100%;

    }



    .recommended-news .news-tip {

        font-size: 20px;

    }



    .recommended-news .news-title {

        font-size: 35px;



    }



    .main .PDF-list ul li>a .down-btn {

        margin-left: 0;

    }



}





@media (max-width:1200px) {

    .product_item .product_name a{  line-height: 20px;}

    .related_body .product_item{     padding: 50px 9px !important; }

}



.FAQ-list li:first-child .faq-answer{  display: block;}

/*---------------mobile end------------------*/