@charset "utf-8";
html { font-size: 625%; }
body { background: #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: #212121; font-family: Roboto,arial; font-weight: 400; line-height: 1.5; }
body { background-color: #fff; }
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;  }
li { list-style: none; }
i, em { font-style: normal; }
a { color: #333; text-decoration: none; }
a:focus { outline: none; }
a:hover { color: #079332; 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; 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: 'Roboto-Medium'; font-style: normal; src: url(fonts/Roboto/Roboto-Medium.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: 'Roboto-Light'; font-style: normal; src: url(fonts/Roboto/Roboto-Light.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: 'Roboto-Regular'; font-style: normal; src: url(fonts/Roboto/Roboto-Regular.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: 'Roboto-Black'; font-style: normal; src: url(fonts/Roboto/Roboto-Black.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: 'Roboto-Bold'; font-style: normal; src: url(fonts/Roboto/Roboto-Bold.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: 'OpenSans-Regular'; font-style: normal; src: url(fonts/opensans/OpenSans-Regular.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: 'OpenSans-Bold'; font-style: normal; src: url(fonts/opensans/OpenSans-Bold.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: 'OpenSans-SemiBold'; font-style: normal; src: url(fonts/opensans/OpenSans-SemiBold.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, .head_top: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, .head_top  { *zoom: 1;
}
.clear { clear: both; }
/* layout */
body { position: absolute; top: 0; left: 0; overflow-x: hidden; width: 100%; min-width: 1200px; }
.container { overflow: hidden; overflow: hidden; position: relative; min-height: 100vh; }
.layout { position: relative; margin: 0 auto; width: 1200px; }
.index_layout { position: relative; margin: 0 auto; width: 1408px;  }
.index_layout_application{width:1150px;}
.index_main .layout { width: 1400px; max-width:100%; }
.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: #079332; background-clip: content-box; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); 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%); transform: translateY(100%); -ms-transform: translateY(100%); }
.gotop:hover, .gotop.active:hover { background-color: #079332; color: #fff; }
.gotop.active { visibility: visible; opacity: 1; -webkit-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); 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; transform: none; filter: alpha(opacity=100); -ms-transform: none; }
.gotop:hover:before { opacity: 0; -webkit-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 { -webkit-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, .slide_bullet:after { -webkit-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 { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
 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, .company_pagination .company_bullet, img, .product_contorl_bar .project_btn, .goods-may-like .navigate_button_prev, .goods-may-like .navigate_button_next,   .news_item .img img, .company_button_bar .company_prev:after, .company_button_bar .company_prev:before ,.foot_nav li ,.foot_nav li a { -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
/*hover*/
  .product_item:hover .item_img img{ -webkit-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1); }
.product_item:hover .pd_tit a { color: #079332; }
/* 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: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.flex_nowrap { position: relative; width: 100%; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex_wrap { position: relative; width: 100%; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
/* button */
.sys_btn { position: relative; display: inline-block; overflow: hidden; padding: .2em 2em .2em 1em; min-width: 150px; border: 2px solid #079332; background-color: #f9f9f9; color: #333!important; vertical-align: middle; text-align: left; text-transform: uppercase; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -.1em; font-size: 22px; line-height: 2; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-transform: scale(1); }
.sys_btn:hover { background-color: #079332; 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; }

li.index_evaluate {
    width: 24%;
    display: inline-grid;
    text-align: center;
}
h5.pd_tit {
    text-align: center;
    /*text-transform: lowercase !important;*/
    margin-bottom: 11px;
    font-size: 24px;
    padding: 20px;
    font-weight: 600;
}
h4.pd_tit {
    text-align: center;
    /*min-height: 80px;*/
    position: relative;
    background: transparent;
    max-width: 920px;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto 30px;
}
span.index_evaluate {
    /*margin: 0px 180px;*/
}

.Index_Lastest_News {
    background: #222931;
    padding: .53rem 0;
    position: relative;
}
.Lastest_News_Items {
    width: 76%;
}
.Lastest_News_Items .news_item {
    position: relative;
    width: 33.333%;
    float: left;
    padding: 10px 20px;
}
img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
}
.Lastest_News_Items .news_item figcaption {
    margin-top: .2rem;
    color: #848a90;
    font-family: 'latin';
}
.Lastest_News_Items .news_item figcaption .news_title a {
    line-height: .45rem;
    /*color: #fff;*/
    font-size: .2rem;
    text-transform: uppercase;
    font-family: 'latin';
    
    font-size: 25px;
    text-transform: uppercase;
    line-height: 1.1em;
    font-weight: normal;
}
.Lastest_News_Items .news_item figcaption .news_date {
    font-size: .13rem;
    line-height: .22rem;
    position: relative;
    font-size: .13rem;
    line-height: .22rem;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.news_date:before {
    font-family: 'fontawesome';
    content: "\f133";
    padding-right: 7px;
    font-size: .13rem;
    color: #fff;
    line-height: .22rem;
}
.Lastest_News_Items .news_item figcaption .news_text {
    font-size: .15rem;
    line-height: .24rem;
    padding: 10px 0 25px 0;
    
    /*max-height: 4.8em;*/
    line-height: 1.6em;
    overflow: hidden;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}
.Lastest_News_Items .news_item figcaption .news_title a:hover, .Lastest_News_Items .news_item figcaption .news_date:hover {
    color: #2b8f87;
}

/* 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 */

/* 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 .pdf:before, .company_subscribe .button:after { font-family: 'fontawesome'; }
/*flex_row*/
.flex_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }
/*==============web_head=================*/
.web_head { position: relative; z-index: 99; width: 100%;  }
/*head_top*/
.head_top { background-color: #026821; position: relative; }
.head_top, .head_top a { color: #fff; line-height: 45px; font-size: 14px; }
.head_mail { position: relative; display: inline-block;   }
 .head_mail:before { content: "\f0e0";  font-family: 'fontawesome'; margin-right: 10px;  }
 .web_head .change-language { position: relative; display: inline-block; vertical-align: middle; text-align: left; min-width: 90px; }
.web_head .change-language-title { position: relative; }
.web_head .change-language .change-language-cont { border-radius: 3px; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.2); box-shadow: 1px 1px 3px rgba(0,0,0,.2); }
/*head_main_nav*/
.head_bottom{position:relative;}
.head_bottom .index_layout{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;height:161px;background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;}
.web_head .logo{position:relative;}
.fixed-nav .nav_wrap{height:90px;}
.web_head .logo img{width:auto;max-height:94px;}
/*.head-search{position:relative;float:right;margin-top:9px;width:210px;height:26px;border:solid 1px #b5b5b5;line-height:24px;}*/
.search-ipt{position:relative;padding:0;padding-left:30px;width:100%;border:none;background:0 0;color:#fff;line-height:24px;opacity:.71;}
.search-btn{position:absolute;top:-1px;left:-1px;width:26px;height:26px;border:none;background:0 0;color:#fff;font-size:14px;opacity:.71;}
.search-ipt::-webkit-input-placeholder {
color:rgba(255,255,255,.71);
}
.search-ipt:-moz-placeholder {
color:rgba(255,255,255,.71);
}
.search-ipt::-moz-placeholder {
color:rgba(255,255,255,.71);
}
.search-ipt:-ms-input-placeholder {
color:rgba(255,255,255,.71);
}
/*nav*/
 .item_img img {
    width: 100%;
}
.web_head .nav_wrap .head_nav{position:relative;margin-left:auto;}
.head_nav>li{position:relative;display:inline-block;margin:0 39px;}
.head_nav>li.has-child a{padding-right:20px;}
.head_nav>li>a{position:relative;display:inline-block;color:#000;text-transform:uppercase;font-weight:400;font-size:18px;line-height:30px;}
.head_nav li a b { position: absolute; top: 50%; right: 0; display: inline-block; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; width: 19px; height: 19px; text-align: center; line-height: 19px; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.head_nav li a b:before { content: '\f107'; font-family: 'fontawesome'; }
.head_nav li ul { position: absolute; left: 0; display: block; padding: 10px; width: 250px; border-top: 2px solid #079332; border-radius: 0 0 5px 5px; background-color: #fff; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15); box-shadow: 0 0 3px rgba(0,0,0,.15); opacity: 0; -webkit-transition: all ease-in-out .35s; -o-transition: all ease-in-out .35s; transition: all ease-in-out .35s; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top;font-family:arial; }
.head_nav>li ul li { position: relative; font-size: 14px; line-height: 35px; }
.head_nav>li ul li a { position: relative; display: block;    }
 .head_nav>li ul li a b:before { content: '\f105'; }
.head_nav li ul ul { top: 0px; left: 240px; margin-left: 2px; border-radius: 3px; }
.head_nav li.menu_show>ul { display: block; opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
.head_nav>li>a:after { content: ""; width:80%; height: 2px; bottom: 0; background: #079332; position: absolute; left: 10%; opacity: 0; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }
.head_nav li.nav-current > a:after, .head_nav>li:hover>a:after { opacity: 1; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); }
.head_nav li.nav-current > a, .head_nav>li:hover>a{color: #079332;}
.head_nav > li.has-child > a:after { display: none; }
.head_nav > li > a:hover b { -webkit-transform: rotateX(180deg); transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%)rotate(180deg); }
.fixed-nav .head_bottom{position:fixed;top:0;left:0;z-index:9;width:100%;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.15);box-shadow:0 0 15px rgba(0,0,0,.15);opacity:0;-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:translateY(-100%);transform:translateY(-100%);-ms-transform:translateY(-100%);}
.fixed-nav-active .head_bottom{opacity:0;-webkit-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;-webkit-transform:none;transform:none;-ms-transform:none;}
.fixed-nav .head_bottom{position:fixed;top:0;left:0;z-index:9;width:100%;-webkit-box-shadow:0 0 15px rgba(0,0,0,.15);box-shadow:0 0 15px rgba(0,0,0,.15);opacity:0;-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:translateY(-100%);transform:translateY(-100%);-ms-transform:translateY(-100%);}
.fixed-nav-active .head_bottom{opacity:1;-webkit-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;-webkit-transform: unset;
    transform: unset;
    -ms-transform: unset;}
.fixed-nav-active.fixed-nav-appear .head_bottom{opacity:1;-webkit-transform:unset;transform:unset;-ms-transform:unset;}
.fixed-nav .logo img{max-height:60px;}
.fixed-nav .head_nav>li>a{font-size:18px; font-weight:600;}
.fixed-nav-appear.fixed-nav .head_bottom .index_layout{height:90px;}
.shopping_cart{position:relative;width:72px;height:46px;border-radius:3px; background-image:url(img/demo/shopicon.png);background-position:center;background-repeat:no-repeat;cursor:pointer;    float: right; }
.shopping_cart .shopnum{position:absolute;top:50%;left:50%;margin-top:-19px;width:19px;height:19px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ff6246;color:#fff;text-align:center;line-height:19px;-ms-border-radius:50%;-o-border-radius:50%;}
/* web_footer */
.web_footer{position:relative;background-color:#e7e7e7;}
.web_footer,.web_footer a{color:#333;font-size:16px;line-height:1;}
.foot_service{position:relative;padding:138px 0 35px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-align-items:flex-start;}
.foot_service .foot_item{max-width:350px;}
.foot_item .fot_tit{margin-bottom:30px;text-transform:capitalize;font-size:22px;font-family:Roboto-Bold;line-height:30px;}
.foot_contact_wrap{position:relative;}
.foot_contact_wrap .fot_tit{position:relative;opacity:0;}
.foot_logo{position:absolute;top:0;left:0;-webkit-transform:translateY(-webkit-calc(-100% + 20px));transform:translateY(calc(-100% + 20px));-ms-transform:translateY(calc(-100% + 20px));width: max-content;}
.foot_logo img{width: 100px;display: inline-block;}
.foot_contact li{position:relative;padding-left:34px;max-width:370px;}
.foot_contact li+li{margin-top:17px;}
.foot_contact li,.foot_contact li a{position:relative;display:block;font-size:14px;line-height:24px;}
.foot_contact li:before{position:absolute;top:4px;left:0;width:18px;height:21px;background-image:url(img/contact_icon.png);content:"";}
.foot_contact li.foot_address:before{background-position:0 0;}
.foot_contact li.foot_phone:before{background-position:0 -30px;}
.foot_contact li.foot_email:before{background-position:0 -60px;}
.foot_contact li.foot_skype:before{background-position:0 -90px;}
.foot_contact li.foot_Whatsapp:before{background-position:0 -120px;}
.foot_nav li+li{margin-top:25px;}
.foot_nav li a{display:block;text-transform:capitalize;}

.foot_nav li{position:relative;    padding-left: 15px;}
.foot_nav li:before{    position: absolute;
    top: 0;
    left: 0;
    font-family: 'fontawesome';
    content: "\f105";
    color: #079332;
    font-size: 12px;}

.inquiry_text{position:relative;margin-bottom:28px;}
.foot_inquiry{position:relative;width:316px;}
.foot_inquiry .inquiry_ipt{padding:0;padding-left:17px;width:100%;/*border:solid 1px #dcdcdc;*/border-radius:6px;background-color:#079332;line-height:43px;    color: #fff;}
.foot_inquiry .inquiry_btn{position:absolute;top:0;right:0;padding:0;width:76px;height:43px;border:none;border-radius:0 6px 6px 0;background-color:#ff6f00;background-image:url(img/web_icon.png);background-position:-250px 10px;background-repeat:no-repeat;font-size:0; -webkit-transition: all ease-in-out .35s; -o-transition: all ease-in-out .35s; transition: all ease-in-out .35s;}
.sns_tit{margin-top:40px;margin-bottom:17px;text-transform:capitalize;font-weight:400;font-size:16px;line-height:16px;}
.foot_sns{position:relative;}
.foot_sns li{display:inline-block;margin-right:18px;}
.foot_sns li a{width:36px;height:36px;border:1px solid #6f6f6f;border-radius:50%;text-align:center;line-height:34px;}
.foot_sns li img{width:auto;max-height:18px;}
.foot_sns li:hover img{-webkit-transform:rotate(-15deg);transform:rotate(-15deg);-ms-transform:rotate(-15deg);}
.copyright{position:relative;display:block;padding-bottom:100px;color:#272727;text-align:center;font-size:14px;line-height:18px;}
.tel_link{pointer-events:none;}
.foot_nav li:hover{ -webkit-transform: translateX(7px); -ms-transform: translateX(7px); transform: translateX(7px);}
.foot_nav li:hover a{ color: #079332;}
.foot_inquiry .inquiry_btn:hover{    background-color: #eee;     background-position: -188px -13px;}
@media screen and (max-width: 768px) {
.tel_link { pointer-events: auto; }
.inquiry-pop-bd{
    position: fixed;
    width: 100%;
    /* left: 50%; */
    top: 50%;
    box-shadow: 0 0 10px rgba(255, 255, 255, .5);
    display: none;
    z-index: 2000;
    overflow: visible;
}
.inquiry-pop-bd{position:fixed;width: 550px;left: 50%;top: 0%!important;box-shadow:0 0 10px rgba(255, 255, 255, .5);display:none;z-index:2000;overflow:visible;    height: 450px;}
}
/*-------------------------------------------------------- 
    page: index
                ------------------------------------------------------*/
.web_main { position: relative; z-index: 2; overflow: hidden; }
.index_main, .index_main a { color: #333; }
.index_main a:hover { }
/* swiper */
.swiper-container-fade { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.swiper-container-fade .swiper-slide { height: auto; }
/*slider_banner*/
.slider_banner .swiper-wrapper { }
.slider_banner .swiper-slide img { width: 100%;   }
.slider_banner .swiper-slide img+img { position: absolute; top: 0; left: 0; }
.slider_banner .swiper-slide img { width: 100%; -webkit-transition: 3s linear; -o-transition: 3s linear; transition: 3s linear; -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }
.slider_banner .swiper-slide.swiper-slide-active img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.slider_banner .slider_swiper_control { position: absolute; left: 50%; bottom: 28px; z-index: 2; width: 1400px; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.slider_banner .swiper-button-white { position: static; position: relative; right: auto; left: auto; display: inline-block; overflow: hidden; margin: auto; width: 60px; height: 90px; border-radius: 0; background-color: #079332; background-position: center; background-repeat: no-repeat; vertical-align: middle; text-indent: -9999px; opacity: 1; filter: alpha(opacity=100); }
.slider_banner .swiper-pagination { position: static; display: inline-block; width: 100%; color: #fff; vertical-align: middle; margin: auto; }
.slider_banner .swiper-pagination span { vertical-align: middle; }
.slider_banner .swiper-pagination i { display: inline-block; margin: 0 8px; width: 6px; height: 6px; background-color: #fff; vertical-align: middle; }
.slider_banner .swiper-pagination-bullet:before { display: none; }
.slider_banner .swiper-pagination-bullet { display: inline-block; text-align: center; font-size: 16px; border: 2px solid #079332; border-radius: 50%; background: #fff; width: 14px; height: 14px; color: #fff; line-height: 29px; margin: 0 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #079332; border-color: #fff; }
.banner_button_prev, .banner_button_next { position: relative; display: inline-block; vertical-align: middle; width: 12px; height: 29px; border-radius: 12px; background: #079332; padding: 12px 8px; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center; cursor: pointer; display: none; }
.banner_button_prev:before, .banner_button_next:before { position: absolute; top: 12px; left: 8px; width: 13px; height: 29px; content: ""; -webkit-transition: all ease-in-out .35s; -o-transition: all ease-in-out .35s; transition: all ease-in-out .35s; }
.banner_button_next:before { background: url(img/web_icon.png) no-repeat; background-position: right 0; }
.banner_button_prev:before { background: url(img/web_icon.png) no-repeat; background-position: -257px 0; }
.banner_button_prev:hover, .banner_button_next:hover { background-color: #ababab; }
/*=======idnex public=============*/ 
.index_title_bar{position:relative;margin-bottom:40px;padding-bottom:17px;color:#333;}
.hd_title{position:relative;display:block;text-transform:capitalize;font-weight:400;font-size:45px; font-family:Roboto-Black;line-height:1;color:#333333;}
.index_hd span{display:block;font-size:16px;line-height:1.5;}
.index_title_bar:after{    position: absolute;
    display: block;
    /* bottom: 0; */
    /* left: 0; */
    margin: 7px auto;
    width: 100px;
    height: 3px;
    background-color: #079332;
    content: "";
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;}
.index_title_bar.title_center{text-align:center;width: 62%;margin: 0 auto;}
.index_title_bar.title_center:after{left:50%;margin-left:-48px;}
.web_btn{position:relative;display:table;padding:0 60px;border:solid 1px #dcdcdc;text-align:center;text-transform:uppercase;line-height:44px;}
.web_btn:hover , .web_btn.newsmore:hover{ background-color: #079332; color: #fff;    padding: 0 50px;}
.img{position:relative;display:block;overflow:hidden;}
 
/*=========================slide_bullet=========================*/
.slide_bullet { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 10px; width: 18px; height: 18px; cursor: pointer; }
.slide_bullet:before { position: absolute; top: 7px; left: 7px; width: 4px; height: 4px; border-radius: 50%; background: #333; content: ""; -ms-border-radius: 50%; -o-border-radius: 50%; }
.slide_bullet:after { position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; border: solid 1px #079332; border-radius: 50%; background: 0 0; content: ""; opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); -ms-border-radius: 50%; -o-border-radius: 50%; -ms-transform: scale(.7); }
.slide_bullet.slide_bullet_active:after, .slide_bullet:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); }
.slide_bullet.slide_bullet_active:before, .slide_bullet:hover:before { background: #079332; }
/*advantage_icons*/
.advantage_icons{padding:63px 0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.advantage_icon{width:auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.advantage_icon img{width:auto;}
.advantage_icon>div{margin-left:15px;}
.advantage_icon>div > span{display:block;color:#079332;font-size:50px;font-family:Roboto-Black;line-height:1;}
.advantage_icon>div span sup{display:inline-block;font-family:Roboto-Regular;line-height:15px;}
.advantage_icon>div span+span{color:#333;font-size:16px;font-family:Roboto-Regular;line-height:18px;}
/*index_about_container*/
.index_about_container{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#f8f8f8;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.about_img{width:54%;-webkit-box-flex:0;-webkit-flex:0 0 54%;-ms-flex:0 0 54%;flex:0 0 54%;}
.about_wrap{margin-left:4%;max-width:560px;}
.about_wrap .about_introduce{color:#333;font-size:18px;line-height:26px;  }
.about_wrap .about_introduce p{padding:4px 0 5px 0;}
.aboutmore{margin-top:52px;}

/*index_feature_product*/
.index_feature_product{position:relative;margin-top:107px;margin-bottom:65px;}
.feature_items{position:relative;    padding: 1px 0;}
.web_btn.featuremore{margin:auto;margin-top:54px;border:solid 1px #fff;background-color:#079332;color:#fff;}
.feature_button_next,.feature_button_prev{position:absolute;top:46%;z-index:99;width:40px;height:40px;/*background:#fff;*/color:#000;text-align:center;font-weight:lighter;font-size:30px;line-height:40px;cursor:pointer;}
.feature_button_prev{left:0;}
.feature_button_next{right:0;}
.feature_button_next:after,.feature_button_prev:after{font-size:30px;font-family:fontawesome;line-height:40px;}
.feature_button_prev:after{content:"\f104";}
.feature_button_next:after{content:"\f105";}
.feature_button_next:hover,.feature_button_prev:hover{background:#079332;color:#fff;}
.feature-button-disabled{opacity:0;}
.feature-pagination{display:none;}

 /*index_planting_product*/
 .index_planting_product{position:relative;padding-top:80px;background-repeat:no-repeat;}
 .planting_items{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin-top: 20px;}
 .planting_item{overflow:hidden;padding:5px;width:20%;}
 .planting_item figure{overflow:hidden;}
 .planting_item:last-child{position:absolute;right:0;bottom:0;width:60%;height:50%;}
 .planting_item figure{position:relative;overflow:hidden;height:100%;}
 .planting_item figcaption .planting_shadow{position:absolute;top:-40%;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;}
 .planting_item figcaption .planting_title{position:absolute;top:80%;left:0;display:block;width:100%;color:#fff;text-align:center;opacity:0;-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);font-size:20px;}
 .planting_item:hover figcaption .planting_shadow{top:0;opacity:1;}
 .planting_item:hover figcaption .planting_title{top:50%;opacity:1;}
 .classify_items{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
 .classify_item{position:relative;overflow:hidden;max-width: 23%;}
 .classify_item .classify_shadow{position:absolute;top:-40%;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;}
 .classify_item .classify_img{position:relative;}
 .classify_item .classify_content{position:absolute;top:80%;left:0;width:100%;text-align:center;opacity:0;-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);}
 .classify_content .img_icon{display:block;margin:auto;margin-bottom:16px;width:107px;height:107px;/*border:2px solid #fff;*/border-radius:50%;text-align:center;line-height:105px;}
 .classify_content .img_icon img{width:auto;}
 .classify_content .classify_tit{display:block;color:#f2f2f2;text-transform:capitalize;font-weight:400;font-size:20px;font-family:Roboto-Bold;line-height:1.5;display:none;}
 .classify_content .classify_more{display:block;color:#fff;text-transform:capitalize;font-size:16px;display:none;}
 .classify_title{display:block;margin-top:25px;color:#333;text-align:center;text-transform:capitalize;font-size:20px;font-weight: 600;}
 .classify_item:hover .classify_shadow{top:0;opacity:1;}
 .classify_item:hover .classify_content{top:50%;opacity:1;}
 
/*company_introduce_container*/
.company_introduce_container{position:relative;padding-top:40px;padding-bottom:104px;background:#fafafa;}
.company_introduce_container:before{position:absolute;top:0;right:0;width:36%;height:-webkit-calc(100% - 256px);height:calc(100% - 256px);background-color:#565656;content:"";opacity:.09;}
.about_title_bar{-webkit-transform:translateY(23px);transform:translateY(23px);-ms-transform:translateY(23px);}
.about_title_bar .hd_title{color:#079332;font-size:40px;font-family:Roboto-Black;}
.about_slider{position:relative;}
.application_industry{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.company_slide .company_img{width:54%;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;-webkit-box-flex:0;-webkit-flex:0 0 54%;-ms-flex:0 0 54%;flex:0 0 54%;}
.company_slide .company_content{padding-right:25px;}
.company_content h3{position:relative;margin-bottom:32px;padding-bottom:19px;max-width:357px;border-bottom:1px solid #e5e5e5;}
.company_content h3{display:block;color:#333;text-transform:capitalize;font-weight:400;font-size:26px;font-family:Roboto-Bold;}
.company_content .about_info{color:#333;font-size:18px;line-height:26px;}
.company_button_bar{position:relative;z-index:99;margin:-33px 0 90px 0;width:135px;background:#fafafa;font-size:0;}
.company_button_bar .company_next,.company_button_bar .company_prev{display:inline-block;width:65px;height:65px;background-color:#ebebeb;text-align:center;line-height:65px;cursor:pointer;}
.company_button_bar .company_next{margin-left:5px;}
.company_button_bar .company_next:after,.company_button_bar .company_prev:after{color:#afafaf;font-size:36px;font-family:fontawesome;line-height:60px;}
.company_button_bar .company_prev:after{content:"\f0d9";}
.company_button_bar .company_next:after{content:"\f0da";}
.company_button_bar .company_next:hover:after,.company_button_bar .company_prev:hover:after{color:#079332;}
.company_slide .about_more:hover{background-color:#079332;color:#fff;}
.company_pagination{position:relative;bottom:unset!important;left:unset!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.company_pagination:before{position:absolute;top:50%;left:0;margin-top:-1px;width:100%;height:2px;background-color:#666;content:"";opacity:.3;}
.company_pagination .company_bullet{position:relative;display:inline-block;padding:0 10px;background-color:#e5e5e5;color:#333;font-size:16px;line-height:30px;cursor:pointer;}
.company_pagination .company_bullet.company_bullet_active{background-color:#079332;color:#fff;}
.about_buttons{position:absolute;bottom:0!important;z-index:99;padding:10px;width:unset!important;border-radius:0 7px 0 0;background:#fff;-ms-border-radius:0 7px 0 0;-o-border-radius:0 7px 0 0;}
.about_buttons .about_button{position:relative;display:inline-block;margin:0 7px;width:8px;height:8px;border-radius:50%;background:#079332;cursor:pointer;}

/*Certificate*/
.index_certificate {
    padding-top: 40px;
    background: #f8f8f8;
}
.index_hd {
    margin-bottom: 40px;
    text-align: center;
    margin-top: 40px;
}
.index_hd .hd_title {
    font-size: 36px;
}
.index_certificate .index_hd .hd_title:after {
    margin: 20px auto;
}
.index_certificate p {
    font-size: 16px;
    width: 100%;
    margin: 0 auto;
}
.swiper-container-horizontal {
    overflow: hidden;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

 
/*company_subscribe*/
.company_subscribe{position:relative;background-color:#f8f8f8;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;    margin-top: 100px;}
.subscribe_img{padding-right:70px;-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;}
.subscribe_wrap{padding-left:55px;color:#333;line-height:1;-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;}
.subscribe_wrap .subscribe_title{font-size:40px;font-family:Roboto-Bold;}
.subscribe_wrap .subscribe_subtit{margin:13px 0 53px 0;font-weight:400;font-size:26px;}
.subscribe_wrap .subscribe_desc{font-size:18px;padding: 10px 0 0 0;}
.subscribe_wrap .button{position:relative;display:table;margin-top:60px;font-size:0;line-height:55px;}
.subscribe_wrap .button span{position:relative;display:inline-block;width:248px;background-color:#079332;color:#fff;vertical-align:middle;text-align:center;font-weight:400;font-size:18px;}
.subscribe_wrap .button i{position:relative;display:inline-block;width:55px;height:55px;background-color:#ededed;vertical-align:middle;text-align:center;}
.subscribe_wrap .button i:before{color:#079332;content:"\f0da";font-size:20px;font-family:fontawesome;}

/*index_news_container*/
.index_news_container{position:relative;padding:95px 0 65px 0;}
.news_items{position:relative;}
.news_items:before{position:relative;position:absolute;top:70px;left:50%;width:1px;height:100%;background-color:#f0eded;content:""; -webkit-transition: all ease-in-out .35s; -o-transition: all ease-in-out .35s; transition: all ease-in-out .35s;}
.news_items .news_item{position:relative;width:-webkit-calc(50% + 33px);width:calc(50% + 33px);}
.news_items .news_item:before{position:absolute;top:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:-7px;width:14px;height:14px;border:solid 2px #cdcdcd;border-radius:50%;content:"";}
 .news_items .news_item .news_info{ position: relative; }
 .news_items .news_item .news_info::before{ height: 100%; width: 0; position: absolute; content: ""; left: 0; top: 0;background: #079332; -webkit-transition: all ease-in-out .35s; -o-transition: all ease-in-out .35s; transition: all ease-in-out .35s;}
.news_item .news_wrap{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;}
.news_wrap .news_time{padding-top:30px;border:solid 1px #fafafa;text-align:center;-webkit-box-flex:0;-webkit-flex:0 0 193px;-ms-flex:0 0 193px;flex:0 0 193px;}
.news_wrap .news_time span{display:block;color:#bebebe;font-size:40px;}
.news_wrap .news_time span+span{font-size:16px;font-family:Roboto-Light;}
.news_wrap .news_info .news_tit{position:relative;margin-bottom:7px;z-index: 3;}
.news_wrap .news_info .news_tit a{display:block;color:#333;font-weight:400;font-size:22px;font-family:Roboto-Medium;    -webkit-transition: unset;    -o-transition: unset;    transition: unset;}
.news_wrap .news_info .news_detail{color:#666;font-size:18px;font-family:Roboto-Light;line-height:19px;z-index: 3;    position: relative;}
.news_items .news_item:nth-child(odd){text-align:right;}
.news_items .news_item:nth-child(even){margin-left:auto;}
.news_items .news_item:nth-child(odd) .news_time{padding-right:63px;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;}
.news_items .news_item:nth-child(even) .news_time{padding-left:63px;}
.news_items .news_item:nth-child(odd):before{right:25px;}
.news_items .news_item:nth-child(even):before{left:25px;}
.news_item:nth-child(odd) .news_info{padding:38px 20px 32px 0;}
.news_item:nth-child(even) .news_info{padding:38px 0 32px 20px;}
.news_item.current .news_time,.news_item:hover .news_time{border:solid 1px #e5e5e5;}
.news_items .news_item.current .news_info,.news_items .news_item:hover .news_info{background:#079332;}
.news_items .news_item.current .news_detail,.news_items .news_item.current .news_info a,.news_items .news_item:hover .news_detail,.news_items .news_item:hover .news_info a{color:#fff;}
.news_item.current .news_time>span,.news_item:hover .news_time>span{color:#079332;}
.web_btn.newsmore{margin:auto;margin-top:40px;background-color:#fafafa;}
/* .news_items .news_item.current .news_info::before,.news_items .news_item:hover .news_info::before{ width: 100%;} */
/*----------------------------------page head---------------------------------*/	

/*public*/

.page_main { z-index: 1; overflow: visible; padding: 62px 0 0 0; background: #FFF; }
/*page_banner_slider*/
.page_banner_slider{
    position:relative;
    width:100%;
    /*height:500px;*/
    
}
.page_banner_slider h1{position:absolute;top:50%;left:0;z-index:9;width:100%;color:#000;text-align:center;text-transform:uppercase;letter-spacing:3px;font-size:50px;font-size:50px;font-family:Roboto-Black;line-height:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);}
.page_banner_slider .contact_path_title {
    color: #fff;
}
.path_bar{position:relative;padding:12px 0;background:#f5f5f5;text-align:center;line-height:41px;}
.path_bar ul{font-size:0;}
.path_bar li{display:inline-block;letter-spacing:0;}
.path_bar li,.path_bar li a{color:#999;text-transform:capitalize;font-size:14px;}
.path_bar li:before{position:relative;margin:0 2px;content:'-';vertical-align:baseline;}
.path_bar li:first-child:before{display:none;}
.mobile-head-items{display:none;}

/*----------------------------------aside---------------------------------*/	
.aside{float:left;width:270px;}
.side-tit-bar{position:relative;margin-bottom:16px;}
.side-tit-bar .side-tit{position:relative;padding-left:10px;border-radius:3px;background:#079332;color:#fff;text-transform:capitalize;font-weight:400;font-size:20px;line-height:33px;}
.side-widget{position:relative;overflow:hidden;margin:0 0 40px;}
.side-cate{overflow:hidden;}
.side-cate li{position:relative;overflow:hidden;font-size:16px;line-height:30px;}
.side-cate li a{position:relative;display:block;padding-left:9px;text-transform:capitalize;font-size:18px;}
.side-cate ul{display:none;overflow:visible!important;background-color:#fff;}
.side-cate li a{-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out;}
.side-cate li ul{padding-top:8px;padding-bottom:8px;}
.side-cate li li{font-size:14px;}
.side-cate li li a{margin-left:9px;background:0 0;color:#333;font-size:14px;}
.side-cate li li li{font-size:12px;}
.side-cate li a:hover,.side-cate li.active>a{color:#079332;}
.side-cate li a:hover:before,.side-cate li.active>a:before{background-color:#079332;}
.side-cate li .icon-cate{position:absolute;top:0;right:0;display:inline-block;overflow:hidden;width:40px;height:40px;border-radius:0;color:#616265;text-align:center;font-size:10px;line-height:40px;cursor:pointer;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.side-cate li .icon-cate:before{padding-right:1px;padding-left:1px;}
.side-cate li .icon-cate.icon-cate-down:before{content:'\f04b';}
.side-cate li .icon-cate.icon-cate-up:before{content:'\f04b';}
.side-cate li .icon-cate.icon-cate-up{-webkit-transform:rotate(90deg);transform:rotate(90deg);-ms-transform:rotate(90deg);}
.side-widget .cate-type-list>li{font-size:14px;line-height:30px;}
.side-widget .cate-type-list>li>a{margin-right:0;padding-left:15px;}
.side-widget .cate-type-list>li>a:before{position:absolute;top:15px;left:0;display:inline-block;width:5px;height:5px;background-color:#e0e0e0;content:'';}
.side-cate li.has-child>a{padding-right:40px;line-height:38px;}
.side-cate li.nav-current>.icon-cate{color:#079332;}
.side-cate>li.nav-current>.icon-cate,.side-cate>li.nav-current>a{color:#079332;}
.side-cate li li.nav-current>a{color:#079332;}
.side-product-items{position:relative;margin-top:8px;}
.side-product-items .items_content{position:relative;padding:35px 0;}
.side_product_item{position:relative;display:block;overflow:hidden;width:100%;}
.side_product_item figure{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;padding:1px 0;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.side_product_item .item-img{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;width: 40%;/* height:100%; */border:1px solid #d9d9d9;}
.side_product_item .item-img img{display:block;width:100%;max-height:100%;}
.side_product_item figcaption{padding-left:15px;width: 60%;}
.side_product_item figcaption h3{font-weight:400;font-size:14px;}
.side_product_item figcaption h3 a{display:block;display:-webkit-box;overflow:hidden;max-height:3.2em;text-overflow:ellipsis;word-wrap:break-word;line-height:1.6em;-o-text-overflow:ellipsis;-ms-word-break:break-all;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.side_product_item .item-img:hover+figcaption h3 a,.side_product_item figcaption h3 a:hover{color:#079332;}
.side_product_item:hover .item-img{border-color:#079332;}
.side-product-items .swiper-slide{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.side-product-items .side_slider{position:relative;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;max-height:460px;}
.side-product-items .side_slider .swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.side-product-items .side_product_item{height:100% !important;}
.side-product-items .btn-next,.side-product-items .btn-prev{position:absolute;left:0;z-index:1;width:100%;height:32px;color:#ccd3d9;text-align:center;font-size:38px;line-height:32px;opacity:1;cursor:pointer;}
.side-product-items .swiper-button-disabled{color:#eee;cursor:default;}
.side-product-items .btn-next:before,.side-product-items .btn-prev:before{display:inline-block;-webkit-transform:scale(2.5,1);transform:scale(2.5,1);-ms-transform:scale(2.5,1);}
.side-product-items .btn-prev{top:0;}
.side-product-items .btn-prev:before{content:'\f106';}
.side-product-items .btn-next{bottom:0;}
.side-product-items .btn-next:before{content:'\f107';}
.side-product-items .btn-next:not(.swiper-button-disabled):hover,.side-product-items .btn-prev:not(.swiper-button-disabled):hover{color:#000;}
.aside .side-bn{margin:0 0 40px;width:100%;}
.aside .side-bn img{width:100%;}
.aside_search{position:relative;width:100%;height:27px;background-color:#f6f6f6;line-height:27px;}
.aside_search .asidesearch_ipt{position:relative;padding:0;padding-left:7px;width:100%;border:none;background:0 0;font-size:14px;line-height:27px;}
.aside_search .asidesearch_btn{position:absolute;top:0;right:0;margin:0;padding:0;width:29px;height:27px;border:none;background-color:#079332;color:#fff;font-family:fontawesome;}

 
/*----------------------------------main---------------------------------*/
.main { position: relative; float: right;  width: -webkit-calc(100% - 410px); width: calc(100% - 410px);z-index:999; }
 
.page_main, .pagge_main a { color: #002140; }
.page_main a:hover { color: #079332; }
/*title*/
.main_hd { margin-bottom: 35px; text-align: center; }
.main_hd .page_title { font-size: 30px; }
.main_hd .page_title, .main_hd .page_title a { color: #595959; }
/*page*/
.page_bar { position: relative; margin-top: 26px; height: 24px; text-align: center; font-size: 14px; line-height: 22px; }
.page_bar a, .page_bar span { position: relative; display: inline-block; margin: 0 0 0 8px; padding: 0 8px; min-width: 33px; border: 1px solid #ccc; color: #000; vertical-align: top; text-align: center; }
.page_bar a.current, .page_bar a:hover { border-color: #079332; background-color: #079332; color: #FFF; }
.page_bar span.current2 { padding-right: 8px; padding-left: 8px; }
/*-------------------------------------------------------- 
page: product list
                ------------------------------------------------------*/
.items_list { position: relative; width: 100%; }
.items_list ul { margin: -10px -18px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.items_list ul { margin: -2.5%; }
.items_list .product_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 2.5%; width: 25%; max-width: 25%; -webkit-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }
.items_list .product_item figure { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; border: 1px solid #e6e6e6; background-color: #fff; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.items_list .product_item figcaption { padding: 25px 15px; text-align: center; }
.items_list .product_item .item_img, .items_list .product_item .item_img img { display: block; }
.items_list .product_item .item_img { border: 1px solid #e6e6e6; -webkit-box-flex: 1.0; -moz-flex-grow: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.items_list .product_item .item_title { text-transform: uppercase; font-size: 12px; }
.items_list .product_item .item_title a { height: 3.7em; background-color: #425664; color: #fff; font-size: 12px; line-height: 3.7em; }
.items_list .product_item figure:hover { border-color: #ccc; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3); box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3); }
.items_list .product_item figure:hover .item_title a { background-color: #079332; color: #fff; }
 
 
/*-------------------------------------------------------- 
page: single Product
                ------------------------------------------------------*/
/*product photos*/
.product-intro { position: relative; margin-bottom: 80px; }
.cloud-zoom-lens { border: 1px solid #eee; cursor: move; }
.cloud-zoom-title { position: absolute !important; top: 0px; padding: 3px; width: 100%; background-color: #000; color: #fff; text-align: center; font-weight: bold; font-size: 10px; }
.cloud-zoom-big { overflow: hidden; padding: 0px; background-color: #fff; }
.cloud-zoom-loading { padding: 3px; border: 1px solid #000; background: #222; color: white; }
.product-view .product-image.zoom_remove:after { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; height: 100%; content: ""; }
.product-view { position: relative; float: left; width: 52.5%; }
.product-view .product-image { overflow: hidden;-webkit-box-shadow: 0px 0px 13px 0px   rgba(46, 9, 1, 0.07);box-shadow: 0px 0px 13px 0px   rgba(46, 9, 1, 0.07); }
.product-view .product-image img { position: relative; width: 100%; }
.product-view .image-additional-wrap { position: relative; z-index: 999; margin-top: 34px; padding: 0 60px; }
.product-view .image-additional { position: relative; overflow: hidden; padding: 0 2px; }
.product-view .image-additional li { position: relative; /*float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; width: 100%; width: 20%; height: auto; border: 1px solid #fff; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; */background-color: #ffffff; padding: 5px;}
.product-view .image-additional li:before {  position: absolute; bottom: -5px; left: 40%; z-index: 1; display: none; width: 20%; height: 4px; border-radius: 6px; content: ''; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.product-view .image-additional li.single { display: none; }
.product-view .image-additional li img { position: relative; display: block; margin: 0 auto; width: 100%;  -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; filter: alpha(opacity=40); 	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09); 	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09);}
.product-view .image-additional li a { position: relative; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.product-view .image-additional li.current { -bottom: 0; border: 1px solid #079332; }
.product-view .image-additional li.current img { opacity: 1; filter: alpha(opacity=100); }
.product-view .image-additional img.popup { display: none; }
.ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #079332; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; }
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets { display: none; }
.product-view .swiper-button-next, .product-view .swiper-button-prev { margin-top: -16px; width: 25px; height: 32px; font-size: 24px; line-height: 32px; background: none; opacity: 1; filter: alpha(opacity=100); }
.product-view .swiper-button-prev { left: 13px; }
.product-view .swiper-button-next { right: 13px; }
.product-view .swiper-button-next:before, .product-view .swiper-button-prev:before { content: ""; width: 25px; height: 33px; background-repeat: no-repeat; -o-transition: all ease .35s; transition: all ease .35s; -webkit-transition: all ease .35s; font-family: 'fontawesome'; }
.product-view .swiper-button-next:before { content: "\f054"; }
.product-view .swiper-button-prev:before { content: "\f053"; }
.product-view .swiper-button-next:hover:before, .product-view .swiper-button-prev:hover:before { color: #079332; }
.product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled { opacity: 1; filter: alpha(opacity=100); }
.product-view:hover .swiper-button-prev, .product-view:hover .swiper-button-next { opacity: 1; filter: alpha(opacity=100); background: none; }
.product-view:hover .swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); }
/*product summary*/
.product-summary{position:relative;float:right;width:-webkit-calc(47.5% - 60px);width:calc(47.5% - 60px);color:#353333;}
.product-summary .page_title{display:block;margin-top:-3px;margin-bottom:54px;padding-bottom:14px;border-bottom:1px dashed #999;color:#079332;text-transform:capitalize;letter-spacing:1px;font-size:22px;font-family:Roboto-Medium;line-height:28px;}
.product-summary .product-meta{color:#353333;font-size:15px;line-height:24px;}
.product-summary .product-meta p{margin:12px 0;font-family:'Arial'!important;}
.product-summary .product-meta ul{margin-top:34px;}
.product-summary .product-meta li{display:table;padding:2px 0;width:100%;font-size:14px;line-height:1.6;}
.product-summary .product-meta li em{display:table-cell;width:36%;color:rgba(0,33,64,.5);}
.product-summary .product-meta li .item-val{display:table-cell;color:#002140;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;}
.product-summary .product-meta br{display:none;height:10px;}
.product-btn-wrap{position:relative;padding-top:48px;}
.product-btn-wrap .buy,.product-btn-wrap .email,.product-btn-wrap .pdf{position:relative;display:inline-block;margin:0 7px 7px 0;padding:0 10px;border:1px solid #9b9b9b;background:#9b9b9b;color:#fff;vertical-align:top;text-transform:uppercase;font-size:16px;line-height:38px;cursor: pointer;}
.product-btn-wrap .buy:hover,.product-btn-wrap .email:hover,.product-btn-wrap .pdf:hover{border-color:#079332;background:#079332;color:#fff;}
.product-btn-wrap .email:before,.product-btn-wrap .pdf:before{padding-right:10px;font-size:16px;}
.product-btn-wrap .email:before{content:'\f003';}
.product-btn-wrap .pdf:before{content:'\f217';}
.product-summary .share-this{margin:45px 0 0;text-align:right;}

/* product detail */
.product-detail{position:relative;overflow:visible;}
.detail-tabs{display: none;position:relative;margin-bottom:-1px;background:#eaedf0;}
.detail-tabs .title{position:relative;position:relative;position:relative;float:left;display:inline-block;margin-right:-1px;padding:1px 35px;border:1px solid #ccd3d9;color:#959da7;color:rgba(0,33,64,.5);vertical-align:top;text-transform:uppercase;font-weight:700;font-size:18px;font-family:Times New Roman;line-height:35px;cursor:pointer;}
.detail-tabs .title.current{position:relative;z-index:2;margin-bottom:-1px;padding-bottom:2px;border-bottom:none;background:#fff;color:#002140;}
.product-detail .tab-panel-content{display:block;overflow:hidden;padding:10px 0;}
.product-detail .disabled{display:none;}
.tab-panel-wrap{margin-bottom:60px;padding:40px;border: 0;background-color:#fff;}
.product_subscribe .subscribe_img{padding-right:0;}
.product_subscribe .subscribe_wrap{padding:0 120px;}
.product_subscribe .subscribe_wrap .subscribe_title{font-size:36px;}
.product_subscribe .subscribe_wrap .subscribe_subtit{margin:9px 0 26px 0;font-size:18px;}
.product_subscribe .subscribe_wrap .subscribe_desc{font-size:16px;line-height:26px;}
.product_subscribe .subscribe_wrap .button{margin-top:35px;}
.goods-may-like{position:relative;margin:75px 0 54px 0;}
.good_title_bar{position:relative;margin-bottom:43px;text-align:center;}
.good_title_bar h2{color:#089332;text-transform:capitalize;font-weight:700;font-size:36px;font-family:Roboto-Bold;line-height:40px;}
.good_title_bar span{display:block;font-size:14px;}
.goods-may-like .swiper-wrapper{padding:1px 0;}
.goods-may-like .swiper-pagination-bullets{display:none;margin-top:23px;text-align:center;line-height:1;}
.goods-may-like .navigate_button_next,.goods-may-like .navigate_button_prev{position:absolute;top:50%;z-index:999;margin-top:-25px;width:50px;height:50px;text-align:center;cursor:pointer;}
.goods-may-like .navigate_button_next{right:-70px;}
.goods-may-like .navigate_button_prev{left:-70px;}
.goods-may-like .navigate_button_next:before,.goods-may-like .navigate_button_prev:before{display:block;width:50px;height:50px;background-color:#000;color:#fff;content:"";font-family:fontawesome;line-height:50px;}
.goods-may-like .navigate_button_next:before{content:"\f054";}
.goods-may-like .navigate_button_prev:before{content:"\f053";}
.goods-may-like .navigate_button_next:hover:before{background-color:#079332;}
.goods-may-like .navigate_button_prev:hover:before{background-color:#079332;}
.relative_btn{display:table;margin:auto;margin-top:50px;padding:0 45px;border:1px solid #a9a9a9;color:#000;text-transform:capitalize;font-size:16px;line-height:32px;}

/*----------------product-------------*/
.product_items .product_item{margin-right:20px;margin-bottom:40px;text-align:center;-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 60px)/ 3);flex:0 0 calc((100% - 60px)/ 3);-webkit-flex:0 0 -webkit-calc((100% - 60px)/ 3);}
.product_items .product_item:nth-child(3n){margin-right:0;}
.product_item{position:relative;border:solid 1px #dcdcdc;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.11);box-shadow:0 0 2px 0 rgba(0,0,0,.11);text-align:center;}
.product_item figure{position:relative;height:100%;}
.product_item .item_img{position:relative;display:block;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.product_item .item_img img{width:100%;}
.product_item .pd_tit{position:relative;padding:8px;}
.product_item .pd_tit a{display:block;color:#333;text-transform:capitalize;font-weight:600;font-size:22px;line-height:1.5;}
.product_item .product_shadow{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.42);opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);}
.product_item .pd_more{position:absolute;top:70%;left:50%;display:table;margin-top:30px;margin-left:-69px;width:138px;border:solid 1px #fff;background-color:#079332;color:#fff;text-align:center;text-transform:capitalize;font-size:20px;line-height:40px;opacity:0;}
.product_item .pd_more,.product_item .product_shadow{-webkit-transition:all ease-in-out .35s;-o-transition:all ease-in-out .35s;transition:all ease-in-out .35s;}
.product_item:hover .product_shadow{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);}
.product_item:hover .pd_more{top:35%;opacity:1;}

/*-------------------------------------------------------- 
page: blog list
                ------------------------------------------------------*/
.blog_list { position: relative; width: 100%; }
.blog-item { position: relative; overflow: hidden; padding: 35px 20px; width: 100%; }
.blog-item:nth-child(2n+1) { background: #f9f9f9; }
.blog-item:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; content: ""; }
.blog-item:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 3px; background-color: #079332; content: ''; opacity: 0; filter: alpha(opacity=0); }
.blog-item:hover:after { width: 100%; opacity: 1; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; filter: alpha(opacity=100); }
.blog-item .item-img, .blog-item .item-img img { border-radius: 5px; }
.blog-item .item-img { position: relative; float: left; display: block; margin: 0 20px 0 0; padding: 5px; max-width: 200px; border: 1px solid #eee; background-color: #fff; }
.blog-item .item-img img { position: relative; width: 100%; }
.blog-item .item-info .item-title { overflow: hidden; height: 1.5em; font-weight: normal; font-size: 20px; line-height: 1.5em; }
.blog-item .item-info time { display: block; margin: 8px 0; font-size: 16px; }
.blog-item .item-info .item-detail { }
.blog-item .item-info .item-more { float: right; margin: 20px 0 0; color: #8f9395; }
.blog-item .item-info .item-more { position: relative; display: inline-block; padding: .2em .8em; color: #079332; text-transform: uppercase; line-height: 1.8; }
.blog-item .item-info .item-more:after { position: absolute; display: block; width: 100%; height: 2px; background-color: #079332; content: ''; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.blog-item .item-info .item-more:before { top: 0; left: 0; }
.blog-item .item-info .item-more:after { right: 0; bottom: 0; }
.blog-item .item-info .item-more:hover:before, .blog-item .item-info .item-more:hover:after { width: 0; opacity: 0; }
.blog-item .item-info .item-more:hover { background-color: #079332; color: #fff; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
/*-------------------------------------------------------- 
page: download list
                ------------------------------------------------------*/
.download_list { position: relative; width: 100%; }
.download-item { position: relative; overflow: hidden; margin: 0 0 10px; padding: 15px 0; border-bottom: 1px solid #eee; line-height: 30px; }
.download-item .item-img { max-width: 25px; }
.download-item .item-title { position: relative; display: inline-block; margin: 0 10px; vertical-align: top; font-weight: bold; font-size: 16px; *display: inline;
*zoom: 1;
}
.download-item .item-button { position: relative; float: right; display: inline-block; padding: 0 15px; border: 1px solid #ccc; border-radius: 5px; background: #eee; vertical-align: top; line-height: 30px; cursor: pointer; *display: inline;
*zoom: 1;
}
.download-item .item-button:before { margin: 0 10px 0 0; content: "\f019"; }
/*-------------------------------------------------------- 
page: faq list
                ------------------------------------------------------*/
.faq_list { position: relative; width: 100%; }
.faq-item { position: relative; overflow: hidden; margin: 0 0 20px; padding: 0 25px; width: 100%; border: 1px solid #eee; }
.faq-item .faq-title { position: relative; padding: 15px 0; font-size: 16px; cursor: pointer; }
.faq-item .faq-title:before { position: absolute; right: 0; content: "\f067"; font-size: 14px; }
.faq-item .faq-title.show-title:before { content: '\f068'; }
.faq-item .faq-title h3 { font-weight: normal; }
.faq-item .faq-cont { display: none; margin: 0 0 25px; }
.faq-item:first-child .faq-cont { display: block; }
@media only screen and (max-width: 768px) {
.inquiry-form .form-btn-wrapx .form-btn-submitx { top: 0 !important; }
.slider_banner .slider_swiper_control{
    
    bottom: 10px!important;
}
}
@media only screen and (max-width:1540px){.index_layout{width:1300px;}
.head_bottom .index_layout{height:130px;}
}
@media only screen and (max-width:1440px){
    body{min-width:1200px;}
.index_layout{width:1200px;}
.head_nav>li{margin:0 20px;}
.head_nav>li>a{text-transform:capitalize;font-size:16px;}
.head_bottom .index_layout{height:100px;}
.head_top,.head_top a{font-size:12px;line-height:36px;}
.head-search{margin-top:6px;}
.hd_title{font-size:40px;}
.about_title_bar .hd_title{font-size:36px;}
.index_feature_product{margin:50px 0;}
.company_introduce_container{padding:50px 0;}
.advantage_icon>div>span{font-size:45px;}
.advantage_icon img{max-height:50px;}
.advantage_icon>div span+span{font-size:14px;line-height:16px;}
.advantage_icons,.index_news_container{padding:50px 0;}
.about_wrap .about_introduce,.company_content .about_info{font-size:16px;line-height:1.5;}
.company_content h3 a{font-size:24px;}
.company_content h3{margin-bottom:25px;padding-bottom:13px;}
.company_button_bar .company_next,.company_button_bar .company_prev{width:50px;height:50px;line-height:50px;}
.company_button_bar .company_next:after,.company_button_bar .company_prev:after{font-size:24px;line-height:50px;}
.company_button_bar{margin:-33px 0 50px 0;}
.company_introduce_container:before{height:-webkit-calc(100% - 146px);height:calc(100% - 146px);}
.subscribe_wrap .subscribe_title{font-size:36px;}
.subscribe_wrap .subscribe_subtit{margin:10px 0 35px 0;font-weight:400;font-size:24px;}
.news_wrap .news_info .news_tit a{font-size:20px;}
.news_wrap .news_info .news_detail{font-size:14px;line-height:18px;}
.news_wrap .news_time span{font-size:36px;}
.news_wrap .news_time{-webkit-flex:0 0 150px;-ms-flex:0 0 150px;-webkit-box-flex:0;flex:0 0 150px;}
.news_items .news_item:nth-child(odd) .news_time{padding-right:40px;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;}
.news_items .news_item:nth-child(even) .news_time{padding-left:40px;}
.web_footer,.web_footer a{font-size:14px;}
.foot_item .fot_tit{margin-bottom:20px;font-size:20px;line-height:1.5;}
.index_planting_product{padding-top:50px;}
.product-view{width:50%;}
.product-view .image-additional-wrap{width:100%;}
.product-summary{margin-left:5%;width:45%;}
.product-intro:before{display:none;}
.goods-may-like .index_title_bar{margin-bottom:30px;}
.product_item .pd_tit{padding:15px 0 30px 0;}
.product_item .pd_tit a{font-size:16px;line-height:1.5;}
.relative_btn{margin-top:35px;}
}
@media only screen and (max-width:1366px){
    .main{width:-webkit-calc(100% - 350px);width:calc(100% - 350px);}
.page_bar{margin-top:15px;font-size:12px;}
.path_bar li,.path_bar li a{font-size:14px;}
.items_list .product_item{width:33.33333333%;max-width:33.33333333%;-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;}
}
@media only screen and (max-width:1280px){
    
    body{min-width:1100px;}
.index_layout{width:98%;}
.layout{width:98%;}
/*.head-search{width:180px;}*/
.index_title_bar{margin-bottom:20px;padding-bottom:10px;font-size:12px;}
.hd_title{font-size:34px;}
.about_wrap .about_introduce,.company_content .about_info{font-size:13px;line-height:1.68;}
.advantage_icon>div>span{font-size:34px;}
.advantage_icon>div span+span{font-size:12px;line-height:1;}
.advantage_icon img{max-height:40px;}
.about_wrap{margin-left:15px;max-width:unset;}
.about_wrap .about_introduce p{padding:3px 0;}
.aboutmore,.web_btn.featuremore{margin-top:15px;}
.web_btn{padding:0 30px;text-transform:capitalize;line-height:30px;}
.classify_title{margin-top:10px;font-size:18px;}
.about_title_bar .hd_title{font-size:32px;}
.about_title_bar{-webkit-transform:unset;transform:unset;-ms-transform:unset;}
.company_content h3{margin-bottom:15px;padding-bottom:7px;}
.company_pagination .company_bullet{font-size:12px;}
.subscribe_wrap{padding-left:0;}
.product_subscribe .subscribe_wrap .subscribe_title,.subscribe_wrap .subscribe_title{font-size:30px;}
.product_subscribe .subscribe_wrap .subscribe_subtit,.subscribe_wrap .subscribe_subtit{margin:10px 0 15px 0;font-size:20px;}
.product_subscribe .subscribe_wrap .subscribe_desc,.subscribe_wrap .subscribe_desc{font-size:14px;}
.product_subscribe .subscribe_wrap{padding:0 15px;}
.subscribe_wrap .button span{width:200px;font-size:14px;}
.subscribe_wrap .button{margin-top:30px;line-height:45px;}
.subscribe_wrap .button i{width:45px;height:45px;}
.news_item:nth-child(odd) .news_info{padding:15px 15px 15px 0;}
.news_item:nth-child(even) .news_info{padding:15px 0 15px 15px;}
.news_wrap .news_info .news_tit a{font-size:18px;}
.news_wrap .news_info .news_detail{font-size:12px;line-height:1.5;}
.news_wrap .news_time span{font-size:24px;}
.news_wrap .news_time span+span{font-size:12px;}
.news_wrap .news_time{-webkit-flex:0 0 125px;-ms-flex:0 0 125px;-webkit-box-flex:0;flex:0 0 125px;}
.news_items .news_item:nth-child(odd) .news_time{padding-right:30px;}
.news_items .news_item:nth-child(even) .news_time{padding-left:30px;}
.product_item .pd_tit a{font-size:14px;}
.product_item .pd_tit{padding:10px 0 15px 0; margin:0;}

.items_list ul{margin:-5px;}
.items_list .product_item{padding:5px;}
}
@media only screen and (max-width:1200px){
    body{min-width:unset;}
}

@media only screen and (max-width: 950px) {
    .head-search{width:180px;}
    .head_top{display:none;}
.head_bottom{/*display:none;*/}
body { min-width: 100%; }
.z10000 { position: relative; z-index: 100000; }
.mobile-body-mask { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); }
.mobile-ico-close { position: absolute; top: 0; right: -35px; width: 30px; height: 30px; background: #fff url(img/mobile_close.png) center center no-repeat; background-size: 50% auto; cursor: pointer; }
.sub-content { position: relative; right: auto; z-index: 99999; display: block; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.lang-more { display: none !important; }
.mobile-head-items { position: fixed; top: 0; left: 0; z-index: 999; display: block; width: 100%; height: 25px; background: #161622; text-align: left; line-height: 25px; }
.mobile-head-item { float: left; width: 45px; }
.mobile-head-item.mobile-head-aside { float: right; }
.mobile-head-item .title { overflow: hidden; width: 100%; height: 25px; color: #FFF; text-align: center; line-height: 25px; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.mobile-head-item .title a { position: relative; display: block; color: #FFF; }
.mobile-head-item.mobile-head-home .title a:before { content: '\f015'; }
.mobile-head-item.mobile-head-nav .title:before { content: '\f0c9'; }
.mobile-head-item.mobile-head-language .title:before { content: "\f1ab"; }
.mobile-head-item.mobile-head-search .title:before { content: "\f002"; }
.mobile-head-item.mobile-head-social .title:before { content: "\f007"; }
.mobile-head-item.mobile-head-aside .title:before { content: "\f060"; }
.mobile-head-item .main-content-wrap { top: 0; z-index: 99999; display: block; background: #FFF; }
.mobile-head-item .main-content-wrap .content-wrap { overflow-y: auto; padding: 15px 10px; height: 100%; background-color: #fff; }
.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap { overflow-y: hidden; }
.mobile-head-item .side-content-wrap { position: fixed; left: -70%; display: block; width: 70%; height: 100%; }
.mobile-head-item .middle-content-wrap { position: absolute; left: 0; visibility: hidden; padding: 20px 0; width: 100%; height: auto; opacity: 0; }
.mobile-head-item .middle-show-content-wrap { top: 30px; visibility: visible; opacity: 1; }
.head_bottom .head_nav, .head_bottom .head-search, .head_top .head_mail,  .head_top .head-search ,.head_nav li > a:after, .web_head .change-language { display: none; }
.index_main .layout,.layout{margin:0 auto;width:98%;}
.web_head{padding:25px 0 0;height:auto;}
.web_head .logo{position:relative;display:block;width:100%;max-width:unset;text-align:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.web_head .nav_wrap{position:static;}
.web_head .head-search{display:none;}
.head-search{position:relative;margin:0 auto;width:100%;height:34px;border:1px solid #079332;line-height:35px;}
.search-btn{right:-1px;left:unset;width:37px;height:37px;background:#079332;color:#fff;font-size:14px;opacity:1;}
.search-ipt{padding-left:15px;color:#079332;line-height:35px;opacity:1;}
.search-ipt::-webkit-input-placeholder{color:#079332;}
.search-ipt:-moz-placeholder{color:#079332;}
.search-ipt::-moz-placeholder{color:#079332;}
.search-ipt:-ms-input-placeholder{color:#079332;}
.web_head{position:static;margin-bottom:0;text-align:center;}
.head_nav{padding:0 5px;width:100%;}
.head_nav>li{display:block;}
.head_nav li{padding-top:4px;padding-bottom:4px;padding-left:28px;}
.head_nav li,.head_nav li a{color:#111;}
.head_nav li.has-child{margin-top:0;margin-bottom:0;padding-left:28px;}
.head_nav li.has-child>a{margin-top:3px;margin-right:35px;margin-bottom:3px;}
.head_nav li.has-child>ul{position:relative;top:auto;left:auto;display:none;margin-left:0;padding:0 0 0 10px;width:100%;border-top:unset;-webkit-box-shadow:unset;box-shadow:unset;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-ms-transform:scaleY(1);}
.head_nav li a{position:relative;display:block;height:1.4em;line-height:1.4em;}
.head_nav li a:hover{color:inherit;}
.head_nav li em{display:block;overflow:hidden;height:1.4em;}
.head_nav li li{font-size:14px;}
.head_nav li li li{font-size:12px;}
.head_nav li li a{color:#666;font-size:12px;}
.head_nav li.has-child a b{position:absolute;right:-35px;display:inline-block;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;width:15px;height:15px;border:1px solid #111;border-radius:2px;line-height:15px;}
.head_nav li.has-child a b:after,.head_nav li.has-child a b:before{position:absolute;top:50%;left:3px;display:block;margin-top:-.5px;width:9px;height:1px;background-color:#111;content:'';}
.head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);-ms-transform:rotate(90deg);}
.head_nav li.has-child a:hover b{border-color:#111;}
.head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2;}
.head_nav>li>a{position:relative;position:relative;margin-bottom:-1px;text-transform:capitalize;font-size:14px;}
.head_nav li,.head_nav li.has-child{padding-left:0;}
.head_nav li.active>a>b:after{display:none;}
.advantage_icons,.index_about_container,.index_news_container{padding:30px 0;}
.index_planting_product{padding-top:30px;}
.advantage_icon{width:25%;}
.advantage_icon>div>span{font-size:24px;}
.advantage_icon img{max-height:35px;}
.about_wrap .about_introduce,.company_content .about_info{font-size:12px;}
.hd_title{font-size:30px;}
.about_img{width:50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;}
.company_pagination .company_bullet{padding:0 5px;}
.company_button_bar{margin:15px 0;}
.company_content h3 a{font-size:20px;}
.company_button_bar .company_next,.company_button_bar .company_prev{width:35px;height:35px;line-height:35px;}
.company_button_bar .company_next:after,.company_button_bar .company_prev:after{font-size:20px;line-height:35px;}
.news_items .news_item{width:70%;background:#fafafa;}
.news_items .news_item:before{z-index:9;width:10px;height:10px;border:solid 2px #079332;background:#079332;}
.news_items .news_item:nth-child(even):before{left:-5px;}
.news_items .news_item:nth-child(odd):before{right:-5px;}
.news_items .news_item{margin-bottom:10px;border:solid 1px #e5e5e5;}
.news_item.current .news_time,.news_item:hover .news_time{border:none;}
.news_items .news_item .news_info::before{width:100%;}
.news_items .news_item .news_detail,.news_items .news_item .news_info a{color:#fff;}
.news_wrap .news_time span{color:#079332;}
.foot_contact li,.foot_contact li a,.web_footer,.web_footer a{font-size:12px;line-height:1.68;}
.foot_service .foot_item{max-width:33%;}
.foot_nav li+li{margin-top:10px;}
.foot_inquiry{position:relative;width:100%;}
.inquiry_text{margin-bottom:15px;}
.sns_tit{margin-top:20px;margin-bottom:10px;}
.copyright{padding-bottom:30px;font-size:12px;}
.index_feature_product{margin:30px 0;}
.shopping_cart {
       position: fixed;
    top: 50px;
    right: 0;
    width: 50px;
    background-color: #079332;
    height: 50px;
    z-index: 9;
}



/*page*/
.page_main{padding:25px 0;}
.product_items .product_item{margin-right:15px;-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 45px)/ 4);flex:0 0 calc((100% - 45px)/ 4);-webkit-flex:0 0 -webkit-calc((100% - 45px)/ 4);}
.product_items .product_item:nth-child(3n){margin-right:15px;}
.product_items .product_item:nth-child(4n){margin-right:0;}
.product_items .product_item{margin-bottom:15px;}
.goods-may-like .swiper-pagination-bullets{display:block;}
.feature-pagination{bottom:unset!important;display:block;margin-top:15px;text-align:center;}
.feature_button_next,.feature_button_prev{display:none;}

/* aside */
.aside { display: none; }
.side-widget { margin-bottom: 35px; }
.side-product-items .items_content { margin-top: 10px; padding-top: 0; padding-bottom: 0; }
.side-product-items .btn-prev, .side-product-items .btn-next { display: none; }
.side-product-items .side_slider { padding-top: 0; padding-bottom: 0; max-height: inherit; }
.side-product-items .side_slider ul:after { clear: both; display: block; visibility: hidden; height: 0; content: ''; }
.side-product-items .side_slider .swiper-wrapper { display: block; margin: 0 -5px; width: auto; }
.side-product-items .side_product_item { float: left; display: block; width: 50%; height: auto!important; ; text-align: center; }
.side-product-items .side_product_item:nth-child(2n+1) { clear: left; }
.side-product-items .side_product_item figure { display: block; margin: 5px; padding: 3px; width: auto; border: 1px solid #eee; }
.side-product-items .side_product_item .item-img { float: none; display: block; width: 100%; border: 0; }
.side-product-items .side_product_item .item-img img { width: 100%; height: auto; border: 0; }
.side-product-items .side_product_item figcaption { display: block; padding: 8px; width: auto; }
.side-product-items .side_product_item figcaption .item_title { height: auto; text-transform: none; font-size: 12px; }
/* main */
 
.main { float: none; margin: 0 auto; width: auto; }
.product-item { width: 33.333%; }
.product-item .item-wrap { margin: 8px; }
.page_bar { margin-top: 20px; text-align: center; }
.path_bar .layout { width: auto; }
.sys_sub_head .layer_ft_bg { display: none; }
.path_bar { padding: 6px 0;  line-height: 24px;}
.path_bar li, .path_bar li a { font-size: 12px; }
/* list */
.main_hd { margin-bottom: 15px; text-align: center; }
.main_hd .page_title { font-size: 22px; }
.items_list>ul { margin: 0; }
/* product intro */
.page_title { border-bottom: 0; line-height: 1.1; }
.video_close { display: none; }
.image-additional li.image-item.current img { border: none; }
.product-view { float: none; margin: 0 auto 30px; width: 100%; }
.product-view .product-image, .single_product_items { display: none; }
.product-view .image-additional-wrap { width: 100%; margin-top: 0; padding: 0 30px; }
.product-view .image-additional { margin: 0 -2px; padding: 0; background: none; }
.product-view .image-additional ul { width: 100%; }
.product-view .image-additional li { margin: 0; width: 33.33333333%; }
.product-view .image-additional li a { padding: 0; border: 0; }
.product-view .image-additional li a:before { display: none; }
.product-view .image-additional li img { opacity: 1; filter: alpha(opacity=100); }
.product-view .image-additional li.current img { border-color: inherit; }
.product-view .image-additional li.current:before { display: none; }
.product-view .image-additional li.single { display: block; }
.product-view .image-additional li.current a:before, .product-view .image-additional li.current a:after { display: none; }
.product-view .swiper-button-next { right: 0; }
.product-view .swiper-button-prev { left: 0; }
.product-view .swiper-button-next, .product-view .swiper-button-prev { opacity: 1; filter: alpha(opacity=100); }
.product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); }
/* product summary */
.product-summary .page_title { font-size: 22px; margin-top: 0; margin-bottom: 10px; padding-bottom: 7px; }
.product-summary .product-meta, .product-summary .product-meta li { font-size: 12px; line-height: 1.68; }
.product-summary .product-meta ul { margin-top: 15px; }
.product-intro { margin-bottom: 20px; }
.product-summary { position: relative; float: none; margin-left: 0; width: 100%; }
.product-summary .product-meta li .item-val { display: inline-block; }
.product-summary .share-this { float: none; margin: 30px 0; }
.product-summary .product-meta li { display: block; }
.product-summary .product-meta li em { display: inline; padding-right: 15px; color: #333; font-weight: bold; }
.product-btn-wrap { padding-top: 20px; text-align: left; }
.product-btn-wrap a { margin: 0 0 10px !important; }
.product-summary .share-this { text-align: left; }
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { font-size: 12px; line-height: 33px; }
/* product detail  */ 
.tab-panel-wrap { padding: 30px 0 0; }
.pagnation_title { font-size: 36px; }
.good_title_bar h2 { font-size: 30px; line-height: 1; }
.good_title_bar span { font-size: 12px; }
.slide_bullet { margin: 0 2px; }
.goods-may-like .navigate_button_next, .goods-may-like .navigate_button_prev { display: none; }
}
@media only screen and (max-width: 768px) {
/*index*/
body{font-size:12px;}
.company_pagination,.flex_nowrap,.planting_items{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}
.advantage_icons,.index_about_container,.index_news_container{padding:15px 0;}
.advantage_icon{margin:15px 0;width:50%;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;}
.index_about_container{display:block;}
.about_img,.about_wrap{margin:15px auto;width:98%;}
.planting_item:nth-child(1),.planting_item:nth-child(2){width:50%;}
.planting_item:nth-child(3),.planting_item:nth-child(4),.planting_item:nth-child(5){width:33.33%;}
.planting_item:last-child{position:relative;right:unset;bottom:unset;width:100%;height:auto;}
/*.classify_item .classify_shadow,.planting_item figcaption .planting_shadow{top:0;background:rgba(0,0,0,.35);opacity:1;}*/
/*.classify_item .classify_content,.planting_item figcaption .planting_title{top:50%;opacity:1;}*/
.classify_content .img_icon:hover{margin-bottom:7px;width:60px;height:60px;line-height:60px;}
.classify_content .img_icon img{max-width:60px;}
.classify_content .classify_tit{font-size:16px;}
.classify_content .classify_more{font-size:12px;}
.classify_title{font-size: 12px;}
.hd_title{font-size:26px;}
.application_industry{display:block;}
.company_slide .company_content{margin-top:15px;padding-right:0;}
.company_introduce_container:before,.company_pagination:before{display:none;}
.company_pagination .company_bullet{margin:5px 0;width:32%;text-align:center;}
.company_subscribe{display:block;}
.subscribe_img{padding-right:0;}
.subscribe_img::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7);content:"";}
.subscribe_wrap{position:absolute;top:50%;padding:15px;padding-left:0;width:100%;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);}
.subscribe_wrap .button{margin:auto;margin-top:20px;}
.news_items .news_item{width:90%;}
.foot_sns li{margin-right:5px;}
.page_banner_slider h1{font-size:24px;}

/*footer*/
 /*page*/
 .product-summary .page_title {    font-size: 18px; }
.product_subscribe .subscribe_wrap .button {    margin-top: 15px; }
.product_items .product_item { -webkit-box-flex: 0; -ms-flex: 0 0 calc((100% - 20px)/ 3); flex: 0 0 calc((100% - 20px)/ 3); -webkit-flex: 0 0 -webkit-calc((100% - 20px)/ 3); margin-right: 10px; }
.product_items .product_item:nth-child(4n) { margin-right: 10px; }
.product_items .product_item:nth-child(3n) { margin-right: 0; }
 
.product_item .pd_tit a { font-size: 13px; }
/*list*/
.items_list .product_item figcaption { padding: 12px; }
.good_title_bar h2 { font-size: 26px; }
 
}
@media only screen and (max-width: 640px) {
/*index*/
/*footer*/
.foot_service{padding:15px 0;}
.news_items .news_item:nth-child(odd) .news_info{padding-right:40px;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;}
/*.foot_logo,.news_wrap .news_time{display:none;}*/
.foot_contact_wrap .fot_tit{opacity:1;}
.foot_service .foot_item{margin-bottom:15px;width:100%;max-width:unset;}
.product_subscribe .subscribe_wrap .subscribe_title,.subscribe_wrap .subscribe_title{font-size:24px;}
.product_subscribe .subscribe_wrap .subscribe_subtit,.subscribe_wrap .subscribe_subtit{font-size:18px;}
.product_subscribe .subscribe_wrap .subscribe_desc,.subscribe_wrap .subscribe_desc{font-size:12px;}
/*page*/
 
.product_items .product_item { -webkit-box-flex: 0; -ms-flex: 0 0 calc((100% - 5px)/ 2); flex: 0 0 calc((100% - 5px)/ 2); -webkit-flex: 0 0 -webkit-calc((100% - 5px)/ 2); margin-right: 5px; }
.product_items .product_item:nth-child(3n), .product_items .product_item:nth-child(4n) { margin-right: 5px; }
.product_items .product_item:nth-child(2n) { margin-right: 0; }
.product_item .pd_tit a { font-size: 12px; }
 
/*page*/
.good_title_bar h2 { font-size: 22px; }
.goods-may-like .navigate_bar { display: none; }
.goods-may-like .swiper-pagination-bullets { display: block; }
.goods-may-like .index_title_bar .good_title { font-size: 24px; }
.goods-may-like .index_title_bar { margin-bottom: 20px; }
/* list */
.sys_sub_head .head_title h1 { font-size: 30px; }
.items_list .product_item { width: 50%; max-width: 50%; -webkit-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
}
@media only screen and (max-width: 480px) {
.web_head .logo img { width: 15%;}
.index_title_bar.title_center{width:100%;}
.swiper-button-next{display:none;}
.web_footer{padding-top:100px;}
.foot_logo img {width: 80px;}
.foot_logo{top:-20px;}
.swiper-button-prev{display:none;}
.head_bottom .index_layout {height: 70px;}
.mobile-hide { display: none!important; }
.gotop { display: none !important; }
.service_item { width: 100%; }
.blog-item .item-img { width: 150px; }
.table_wrap { overflow-x: scroll; }
/* layout */
.classify_content .classify_tit{font-size:14px;}
.classify_items{display:block;overflow:hidden;}
.classify_item{margin-bottom:10px;max-width:48%;float:left;}
.classify_items li:nth-child(odd){margin:0 8px 0 3px;}
.company_pagination .company_bullet{padding:0;width:49%;}

.swiper-wrapper li{/*width:49% !important;*/}
.swiper-wrapper li:nth-child(1),.swiper-wrapper li:nth-child(3){margin-bottom:5px;}
/*.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{display:none;}*/
.feature-pagination span:nth-child(2){display:none;}

/*page*/
 
.good_title_bar h2 { font-size: 20px; }
/* aside */
.side-widget { margin: 0 0 30px; }
.side-tit-bar .side-tit {  text-transform: none; font-size: 16px; }
.side-cate li { font-size: 12px; }
.side-cate li .icon-cate { width: 30px; }
.side-cate li.has-child>a {   line-height: 20px; }
.side-widget .cate-type-list>li { line-height: 20px; }
.side-widget .cate-type-list>li>a {  padding-top: 3px; padding-bottom: 3px; }
.side-product-items .side_product_item { float: none; width: 100%; }
.side-product-items .side_product_item figure { margin-right: 10px; margin-left: 10px; }
.side-cate li a{font-size:16px;}
.side-cate li.has-child>a{line-height:30px;}
.side-cate li li a{font-size:12px;}
.side-widget .cate-type-list>li>a:before{display:none;}
.side-widget .cate-type-list>li>a{padding-left:5px;}

/* index */

/*main*/
.path_bar ul:before { width: 16px; height: 16px; background-size: contain; -webkit-background-size: contain; }
.path_bar li { padding-left: 5px; font-size: 12px; }
.path_bar li + li:before { margin-right: 5px; }
.main_banner .swiper-pagination-bullet { width: 8px; height: 8px; }
.page_bar { font-size: 12px; line-height: 22px; }
.page_bar a, .page_bar span { margin: 0 2px; min-width: 2em; border-radius: 2px; }
/*list*/
.main_hd .page_title { font-size: 20px; }
.items_list ul { margin: -2px; }
.items_list .product_item { padding: 2px; }
.items_list .product_item figure { position: relative; border: 0; }
.items_list .product_item figcaption { position: absolute; bottom: 0; left: 0; padding: 1px 0 0; width: 100%; }
.items_list .product_item .item_title { font-size: 12px; }
.items_list .product_item .item_title a { height: 2.5em; background-color: rgba(0,0,0,.7); line-height: 2.5em; }
/*blog*/
.blog-item { padding: 30px 5px; }
.blog-item .item-img { float: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 0; width: auto; max-width: 70%; border: 1px solid #ddd; }
.blog-item .item-info .item-title { font-weight: normal; line-height: 1.2; }
.blog-item .item-info { padding-top: 15px; }
.blog-item .item-info .item-title { height: auto; font-size: 22px; }
.blog-item .item-info .item-detail { display: -webkit-box; overflow: hidden; overflow: hidden; max-height: 9em; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.blog-item .item-info .item-more { float: none; }
.blog-item .item-info time { color: #888; font-size: 14px; }
/* product */
.items_list .share_this { position: static; float: none; padding-bottom: 15px; text-align: left; }
.product-intro { overflow: visible; }
.product-view { width: auto; }
.product-view .image-additional li { width: 100%; }
.product-view .image-additional li a { margin-right: 0; margin-left: 0; }
.product-view .image-additional li a:before, .product-view .image-additional li a:after { display: none; }
.product-view .swiper-button-prev, .product-view .swiper-button-next { width: 27px; height: 40px; font-size: 18px; line-height: 40px; opacity: .8; -webkit-transform: none; transform: none; -ms-transform: none; }
.product-view .swiper-button-prev { left: 0; padding-right: 2px; border-radius: 0 3px 3px 0; }
.goods-may-like .title { text-transform: none; }
.page_title { font-weight: normal; font-size: 20px; }
.product-summary { padding-top: 0; }
.product-summary .page_title { margin-bottom: 15px; font-weight: bold; font-size: 16px; }
.product-summary .product-meta { font-size: 12px; }
.product-summary .product-meta p { font-size: 12px; }
.product-summary .product-meta h3 { font-size: 16px; line-height: 1.3; }
.product-summary .product-meta li { font-size: 13px; }
.product-summary .share-this { margin: 20px 0 0; text-align: left; }
.product-btn-wrap { padding-top: 30px; }
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { padding: 5px 10px; font-size: 12px; line-height: 20px; }
.product-detail { margin-top: 40px; }
.detail-tabs .title { padding: 1px 15px; font-size: 14px; }
.tab-panel-wrap { padding: 20px 0; border: 0; }
.goods-may-like .title { margin-top: 15px; margin-bottom: 15px; font-size: 14px; }
.goods-may-like .layer-bd { position: relative; padding: 0; }
.goods-may-like .swiper-slider { position: relative; }
.goods-may-like .product_item figure { padding: 1px; }
.goods-may-like .product_item .item_title { font-size: 14px; }
.goods-may-like .product_item .item_title a { padding-right: 0; padding-left: 0; }
.goods-may-like .swiper-control { position: static; }
.goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next { position: absolute; margin-top: -15px; margin-right: 0; margin-left: 0; width: 30px; height: 30px; background-color: rgba(0,0,0,.7); line-height: 30px; }
.goods-may-like .layer-bd .swiper-button-prev { left: 5px; }
.goods-may-like .layer-bd .swiper-button-next { right: 5px; }
}
@media only screen and (max-width: 320px) {
.side_product_item { width: 100%; }
.foor_service { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.foor_service .foot_item { margin-bottom: 10px; }
.foot_item.foot_Catalog_nav { width: 100%; }
.foot_item.foot_Catalog_nav ul li { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; }
.foor_service .foot_item .fot_tit { margin-bottom: 5px; }
}
/*-------------------------------
swiper-slide start
----------------------------------*/
.slider_banner { position: relative; overflow: hidden; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode>.swiper-wrapper { margin: 0 auto; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-slide { position: relative; overflow: hidden; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.swiper-invisible-blank-slide { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; pointer-events: none; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; z-index: 2; margin-top: -25px; width: 36px; height: 50px; border-radius: 2px; background-color: rgba(0,0,0,.4); background-color: #ccc; text-align: center; font-size: 30px; line-height: 50px; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.swiper-button-next:before, .swiper-button-prev:before { display: inline-block; }
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.3; cursor: auto;/* pointer-events:none; */ }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { right: auto; left: 10px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }
.swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before { content: '\f104'; }
.swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before { content: '\f105'; }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; z-index: 2; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); }
.swiper-pagination-bullet, .swiper-pagination-bullet:before, .swiper-pagination-bullet:after { display: inline-block; width: 14px; height: 14px; vertical-align: top; }
.swiper-pagination-bullet { position: relative; overflow: hidden; cursor: pointer; }
.swiper-pagination-bullet:before { background-color: #fff; content: ''; }
.swiper-pagination-bullet-active:before { background-color: #e18c44; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-container-vertical>.swiper-pagination-bullets { top: 50%; right: 10px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 6px 0; }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .3s -webkit-transform; -o-transition: .2s transform, .3s top; -o-transition: .2s top, .3s -webkit-transform; transition: .2s top, .3s -webkit-transform; -webkit-transition: .2s transform, .3s top; transition: .2s transform, .3s top; -webkit-transition: .2s transform, .3s top, .3s -webkit-transform; -o-transition: .2s transform, .3s top, .3s -webkit-transform; transition: .2s transform, .3s top, .3s -webkit-transform; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .3s -webkit-transform; -o-transition: .2s transform, .3s left; -o-transition: .2s left, .3s -webkit-transform; transition: .2s left, .3s -webkit-transform; -webkit-transition: .2s transform, .3s left; transition: .2s transform, .3s left; -webkit-transition: .2s transform, .3s left, .3s -webkit-transform; -o-transition: .2s transform, .3s left, .3s -webkit-transform; transition: .2s transform, .3s left, .3s -webkit-transform; }
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .3s -webkit-transform; -o-transition: .2s transform, .3s right; -o-transition: .2s right, .3s -webkit-transform; transition: .2s right, .3s -webkit-transform; -webkit-transition: .2s transform, .3s right; transition: .2s transform, .3s right; -webkit-transition: .2s transform, .3s right, .3s -webkit-transform; -o-transition: .2s transform, .3s right, .3s -webkit-transform; transition: .2s transform, .3s right, .3s -webkit-transform; }
.swiper-pagination-progressbar { position: absolute; background: rgba(0, 0, 0, .25); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #007aff; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; -ms-transform: scale(0); -ms-transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; }
.swiper-container-horizontal { overflow: hidden;     margin-top: 20px;}
.swiper-container-horizontal>.swiper-pagination-progressbar { top: 0; left: 0; width: 100%; height: 4px; }
.swiper-container-vertical>.swiper-pagination-progressbar { top: 0; left: 0; width: 4px; height: 100%; }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { position: relative; border-radius: 10px; background: rgba(0, 0, 0, .1); -ms-touch-action: none; }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; bottom: 3px; left: 1%; z-index: 50; width: 98%; height: 5px; }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; top: 1%; right: 3px; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { position: relative; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(0, 0, 0, .5); }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; -webkit-transform-origin: 50%; transform-origin: 50%; -ms-transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after { display: block; width: 100%; height: 100%; background-position: 50%; background-size: 100%; background-repeat: no-repeat; content: ''; }
.swiper-lazy-preloader-white:after { }
@-webkit-keyframes swiper-preloader-spin { 100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin { 100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification { position: absolute; top: 0; left: 0; z-index: -1000; opacity: 0; pointer-events: none; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; pointer-events: none; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube { overflow: visible; }
.swiper-container-cube .swiper-slide { z-index: 1; visibility: hidden; width: 100%; height: 100%; -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform-origin: 0 0; }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -ms-transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { visibility: visible; pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { z-index: 1; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; }
@media screen and (max-width: 480px) {
.swiper-pagination-bullet { margin: 0 5px; width: 10px; height: 10px; }
}
/*ie*/
.swiper-container { overflow: hidden\9; }
.slider_banner .swiper-container .swiper-wrapper { width: 2000%\9; }
.swiper-slide { float: left\9; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.swiper-container .swiper-wrapper { width: auto; }
}
/*-------------------------------
swiper-slide end
----------------------------------*/



/*-------------------------------
entry-table start
----------------------------------*/	
.entry { padding: 15px 0; }
.entry { color: #666; }
.entry a { color: #0030FF; }
.entry p { margin: 0; padding: 8px 0; font-size: 16px; line-height: 1.8; }
.entry table { margin-bottom: 20px; width: 100%; border-collapse: collapse; border-spacing: 0; }
.entry th, .entry td {
        height: 30px;
    border: 1px solid #ccc;
    text-align: left;
    line-height: 1.5;
    font-size: 14px;
    color: #666;
    background: #fbfbfb;
    padding: 0 15px;
    vertical-align: middle;
    
}
.entry th { background: #eee; font-size: 12px; }
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p {margin: 0;padding: 5px;color: #666;font-size: 14px;line-height: 1.3;}
.entry td.amts { color: #cb2027; }
.entry th#cartDelete { text-align: center; }
.entry .button { margin: 15px 10px 0 0; padding: 8px 15px; border: 0; background: #dfdfdf; color: #777; text-transform: Capitalize; font-weight: bold; line-height: 1.2; cursor: pointer; }
.entry .button:hover { background: #cb2027; color: #fff; }
.entry .deletecartitem { width: 50px; text-align: center; }
.entry .deletecartitem label { display: none; }
.entry .stotal td.amts { font-weight: bold; font-size: 18px; }
.entry img.alignleft { float: left; margin: 20px 15px 0 0; }
.entry img.alignright { float: right; margin: 20px 0 0 15px; }
.entry img.alignleftnopad { float: left; margin-left: 0; }
.entry img.alignrightnopad { float: right; margin-right: 0; }
.entry img.aligncenter { display: block; margin: 20px auto 0 auto; text-align: center; }
.entry img { max-width: 100%; }
.cartitem a { color: #292929; font-weight: bold; }
.inquiry-form ul li { background: none; }
.entry .inquiry-form-wrap { margin: 20px 0 0; }
.table_wrap { position: relative; display: block; }
.main table { position: relative; margin-bottom: 0 !important; width: 100%; border-collapse: collapse; border-spacing: 0; }
.main table th, .main table td { padding: 0 15px; height: 30px; border: 1px solid #ccc; background: #fbfbfb; color: #666; text-align: left; font-size: 12px; line-height: 1.5; }
.main table th { background: #eee; font-size: 12px; }
.main table td p, .main table th p, table td p, table th p { margin: 0; padding: 5px; color: #666; font-size: 12px; line-height: 1.3; }
.main table td.amts { color: #cb2027; }
.main table th#cartDelete { text-align: center; }
/*-------------------------------
entry-table end
----------------------------------*/





/*-------------------------------
scrollsidebar start
----------------------------------*/
.scrollsidebar, .scrollsidebar a { color: #999; font-size: 12px; font-family: Arial; }
.scrollsidebar { position: absolute; top: 150px; right: 0; z-index: 100; }
.show_btn { position: absolute; top: 0; right: 0; display: block; overflow: hidden; overflow: hidden; width: 38px; height: 192px; background: url(img/custom_service/show_btn.png) no-repeat center center; cursor: pointer; }
.side_content { float: left; overflow: hidden; width: 0; height: auto; }
.side_content .side_list { position: relative; overflow: hidden; width: 150px; border: 1px solid #dadada; border-radius: 8px; background: #FFF; }
.side_content .side_list .hd img { width: 100%; border-bottom: 1px solid #dadada; }
.side_content .side_list .cont li { position: relative; height: 40px; border-bottom: 1px solid #dadada; list-style: none; line-height: 40px; }
.side_content .side_list .cont li a { position: relative; display: block; padding: 0 0 0 43px; text-decoration: none; }
.side_content .side_list .cont li a:before { position: absolute; top: 0; left: 10px; display: block; overflow: hidden; width: 25px; height: 40px; background-position: center center; background-repeat: no-repeat; content: ""; }
.side_content .side_list .cont li .email:before { background-image: url(img/custom_service/icons01.png); }
.side_content .side_list .cont li .whatsapp:before { background-image: url(img/custom_service/icons05.png); }
.side_content .side_list .cont li .skype:before { background-image: url(img/custom_service/icons02.png); }
.side_content .side_list .cont li .inquiry:before { background-image: url(img/custom_service/icons03.png); }
.side_content .side_list .cont li .qq:before { background-image: url(img/custom_service/icons04.png); }
.ww { margin-left: -30px; }
.side_content .side_list .t-code { padding: 10px 10px 7px; border-bottom: 1px solid #dadada; }
.side_content .side_list .t-code img { width: 100%; }
.side_content .side_list .side_title { padding: 0 12px; height: 30px; line-height: 30px; }
.side_content .side_list .side_title .close_btn { position: absolute; right: 10px; bottom: 0; width: 12px; height: 30px; background: url(img/custom_service/close.png) no-repeat center center; cursor: pointer; }
.side_content .side_list .side_title .close_btn span { display: none; }
/*-------------------------------
scrollsidebar end
----------------------------------*/

/*inquiry*/
.inquiry-pop-bd {position: fixed;top: 50%;left: 50%;z-index: 2000;display: none;margin: -300px 0 0 -275px;width: 550px;/* height: 500px; */background: #FFF;-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, .5);box-shadow: 0 0 10px rgba(255, 255, 255, .5);}
.inquiry-pop-bd:before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); content: ""; }
.inquiry-pop-bd .inquiry-pop { position: absolute; top: 0; left: 0; z-index: 1; padding: 22px; width: 100%; height: 100%; background: #FFF; -webkit-animation: fadeInDownA .4s ease; animation: fadeInDownA .4s ease; }
.inquiry-pop-bd .inquiry-pop .ico-close-pop { position: absolute; top: -10px; right: -10px; z-index: 1; width: 30px; height: 30px; background: url(img/custom_service/fancy_close.png) no-repeat center center; cursor: pointer; }
.inquiry-form-wrap { position: relative; width: 100.5%; height: 420px; }
.ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #079332; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; }
@media screen and (max-width: 550px) {
.inquiry-pop-bd { top: 10px; right: 10px; bottom: 10px; left: 10px; margin: auto; width: auto; }
.inquiry-pop-bd .inquiry-pop { padding: 10px; }
.scrollsidebar { display: none; }
.inquiry-pop-bd{
    position: fixed;
    width: 100%!important;
    left: 0%!important; 
    top: 50%;
    box-shadow: 0 0 10px rgba(255, 255, 255, .5);
    display: none;
    z-index: 2000;
    overflow: visible;
}


}
/*-------------------------------
language  start
----------------------------------*/
.prisna-wp-translate-seo { display: none; font-family: Arial, Helvetica, sans-serif; }
.mobile-head-language .prisna-wp-translate-seo, .change-language .prisna-wp-translate-seo { display: block; }
.change-language .change-language-title, .change-language .change-language-title a { font-size: 13px; }
.change-language .change-language-title a:after { display: inline-block; padding-left: 2px; content: "\f0d7"; font-size: 12px; font-family: 'fontawesome'; }
.change-language:hover .change-language-title a:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
.change-language .change-language-cont { position: absolute; top: 36px; right: 0; z-index: 999; visibility: hidden; overflow-y: scroll; padding: 20px 10px 20px 20px; width: 360px; max-height: 80vh; border: 1px solid #eee; border-radius: 5px; background: #FFF; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); -ms-transition: all 0.3s ease-in-out; }
.change-language:hover .change-language-cont { visibility: visible; opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.change-language .change-language-cont li { display: inline-block; overflow: hidden; margin: 0 0 10px; padding: 0 10px 0 0; width: 30%; vertical-align: top; font-size: 10pt; }
.change-language .change-language-cont li a:hover { color: #079332; }
.change-language .change-language-cont .lang-item-hide { display: none !important; }
.change-language .change-language-cont .lang-more { position: relative; display: block; text-align: center; line-height: 30px; cursor: pointer; }
.change-language .change-language-cont .more-active { font-size: 20px; }
.language-flag span { position: relative; display: inline-block; overflow: hidden; padding: 0 0 0 30px; vertical-align: top; white-space: nowrap; *display: inline;
*zoom: 1;
}
.change-language ::-webkit-scrollbar {
width: 5px;
}
.change-language ::-webkit-scrollbar-track {
background-color: #fff;
}
.change-language ::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: rgba(0,0,0,.3);
}
.change-language .language-cont:hover::-webkit-scrollbar-thumb {
display: block;
}
.language-flag .country-flag { position: absolute; top: 50%; left: 0; display: inline-block; margin: -8px 5px 0; width: 22px; height: 16px; background-image: url(img/all-m.gif); background-repeat: no-repeat; vertical-align: top; *display: inline;
*zoom: 1;
}
li.language-flag a { position: relative; }
.language-flag-af .country-flag { background-position: 0 0 !important; }
.language-flag-sq .country-flag { background-position: 0 -16px !important; }
.language-flag-ar .country-flag { background-position: 0 -32px !important; }
.language-flag-hy .country-flag { background-position: 0 -48px !important; }
.language-flag-az .country-flag { background-position: 0 -64px !important; }
.language-flag-eu .country-flag { background-position: 0 -80px !important; }
.language-flag-be .country-flag { background-position: 0 -96px !important; }
.language-flag-bg .country-flag { background-position: 0 -112px !important; }
.language-flag-ca .country-flag { background-position: 0 -128px !important; }
.language-flag-zh .country-flag { background-position: 0 -144px !important; }
.language-flag-zh-TW .country-flag { background-position: 0 -160px !important; }
.language-flag-hr .country-flag { background-position: 0 -176px !important; }
.language-flag-cs .country-flag { background-position: 0 -192px !important; }
.language-flag-da .country-flag { background-position: 0 -208px !important; }
.language-flag-nl .country-flag { background-position: 0 -240px !important; }
.language-flag-en .country-flag { background-position: 0 -256px !important; }
.language-flag-et .country-flag { background-position: 0 -272px !important; }
.language-flag-tl .country-flag { background-position: 0 -288px !important; }
.language-flag-fi .country-flag { background-position: 0 -304px !important; }
.language-flag-fr .country-flag { background-position: 0 -320px !important; }
.language-flag-gl .country-flag { background-position: 0 -336px !important; }
.language-flag-ka .country-flag { background-position: 0 -352px !important; }
.language-flag-de .country-flag { background-position: 0 -368px !important; }
.language-flag-el .country-flag { background-position: 0 -384px !important; }
.language-flag-ht .country-flag { background-position: 0 -400px !important; }
.language-flag-iw .country-flag { background-position: 0 -416px !important; }
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag { background-position: 0 -432px !important; }
.language-flag-hu .country-flag { background-position: 0 -448px !important; }
.language-flag-is .country-flag { background-position: 0 -464px !important; }
.language-flag-id .country-flag { background-position: 0 -480px !important; }
.language-flag-ga .country-flag { background-position: 0 -496px !important; }
.language-flag-it .country-flag { background-position: 0 -512px !important; }
.language-flag-ja .country-flag { background-position: 0 -528px !important; }
.language-flag-ko .country-flag { background-position: 0 -544px !important; }
.language-flag-la .country-flag { background-position: 0 -560px !important; }
.language-flag-lv .country-flag { background-position: 0 -576px !important; }
.language-flag-lt .country-flag { background-position: 0 -592px !important; }
.language-flag-mk .country-flag { background-position: 0 -608px !important; }
.language-flag-ms .country-flag { background-position: 0 -624px !important; }
.language-flag-mt .country-flag { background-position: 0 -640px !important; }
.language-flag-no .country-flag { background-position: 0 -656px !important; }
.language-flag-fa .country-flag { background-position: 0 -672px !important; }
.language-flag-pl .country-flag { background-position: 0 -688px !important; }
.language-flag-pt .country-flag { background-position: 0 -704px !important; }
.language-flag-ro .country-flag { background-position: 0 -720px !important; }
.language-flag-ru .country-flag { background-position: 0 -736px !important; }
.language-flag-sr .country-flag { background-position: 0 -752px !important; }
.language-flag-sk .country-flag { background-position: 0 -768px !important; }
.language-flag-sl .country-flag { background-position: 0 -784px !important; }
.language-flag-es .country-flag { background-position: 0 -800px !important; }
.language-flag-sw .country-flag { background-position: 0 -816px !important; }
.language-flag-sv .country-flag { background-position: 0 -832px !important; }
.language-flag-th .country-flag { background-position: 0 -848px !important; }
.language-flag-tr .country-flag { background-position: 0 -864px !important; }
.language-flag-uk .country-flag { background-position: 0 -880px !important; }
.language-flag-ur .country-flag { background-position: 0 -896px !important; }
.language-flag-vi .country-flag { background-position: 0 -912px !important; }
.language-flag-cy .country-flag { background-position: 0 -928px !important; }
.language-flag-yi .country-flag { background-position: 0 -944px !important; }
.language-flag-bn .country-flag { background-position: 0 -960px !important; }
.language-flag-eo .country-flag { background-position: 0 -976px !important; }
.language-flag.language-flag-custom-afghanistan .country-flag { background-position: 0 -992px !important; }
.language-flag.language-flag-custom-albania .country-flag { background-position: 0 -1008px !important; }
.language-flag.language-flag-custom-algeria .country-flag { background-position: 0 -1024px !important; }
.language-flag.language-flag-custom-argentina .country-flag { background-position: 0 -1040px !important; }
.language-flag.language-flag-custom-australia .country-flag { background-position: 0 -1056px !important; }
.language-flag.language-flag-custom-austria .country-flag { background-position: 0 -1072px !important; }
.language-flag.language-flag-custom-belgium .country-flag { background-position: 0 -1088px !important; }
.language-flag.language-flag-custom-brazil .country-flag { background-position: 0 -1104px !important; }
.language-flag.language-flag-custom-canada .country-flag { background-position: 0 -1120px !important; }
.language-flag.language-flag-custom-chile .country-flag { background-position: 0 -1136px !important; }
.language-flag.language-flag-custom-cote-d-ivoire .country-flag { background-position: 0 -1152px !important; }
.language-flag.language-flag-custom-ecuador .country-flag { background-position: 0 -1168px !important; }
.language-flag.language-flag-custom-egypt .country-flag { background-position: 0 -1184px !important; }
.language-flag.language-flag-custom-england .country-flag { background-position: 0 -1200px !important; }
.language-flag.language-flag-custom-luxembourg .country-flag { background-position: 0 -1216px !important; }
.language-flag.language-flag-custom-malaysia .country-flag { background-position: 0 -1232px !important; }
.language-flag.language-flag-custom-mexico .country-flag { background-position: 0 -1248px !important; }
.language-flag.language-flag-custom-new-zealand .country-flag { background-position: 0 -1264px !important; }
.language-flag.language-flag-custom-oman .country-flag { background-position: 0 -1280px !important; }
.language-flag.language-flag-custom-qatar .country-flag { background-position: 0 -1296px !important; }
.language-flag.language-flag-custom-saudi-arabia .country-flag { background-position: 0 -1312px !important; }
.language-flag.language-flag-custom-singapore .country-flag { background-position: 0 -1328px !important; }
.language-flag.language-flag-custom-south-africa .country-flag { background-position: 0 0 !important; }
.language-flag.language-flag-custom-switzerland .country-flag { background-position: 0 -1344px !important; }
.language-flag.language-flag-custom-syria .country-flag { background-position: 0 -1360px !important; }
.language-flag.language-flag-custom-united-arab-emirates .country-flag { background-position: 0 -1376px !important; }
.language-flag.language-flag-custom-united-states-of-america .country-flag { background-position: 0 -1392px !important; }
.language-flag-hy .country-flag { background-position: 0 -1408px; }
.language-flag-bs .country-flag { background-position: 0 -1424px; }
.language-flag-ceb .country-flag { background-position: 0 -1440px; }
.language-flag-ny .country-flag { background-position: 0 -1456px; }
.language-flag-ha .country-flag { background-position: 0 -1472px; }
.language-flag-hmn .country-flag { background-position: 0 -1488px; }
.language-flag-ig .country-flag { background-position: 0 -1504px; }
.language-flag-jw .country-flag { background-position: 0 -1520px; }
.language-flag-kk .country-flag { background-position: 0 -1536px; }
.language-flag-km .country-flag { background-position: 0 -1552px; }
.language-flag-lo .country-flag { background-position: 0 -1568px; }
.language-flag-la .country-flag { background-position: 0 -1584px; }
.language-flag-mg .country-flag { background-position: 0 -1600px; }
.language-flag-ml .country-flag { background-position: 0 -1616px; }
.language-flag-mi .country-flag { background-position: 0 -1632px; }
.language-flag-mr .country-flag { background-position: 0 -1648px; }
.language-flag-mn .country-flag { background-position: 0 -1664px; }
.language-flag-my .country-flag { background-position: 0 -1680px; }
.language-flag-ne .country-flag { background-position: 0 -1696px; }
.language-flag-pa .country-flag { background-position: 0 -1712px; }
.language-flag-st .country-flag { background-position: 0 -1728px; }
.language-flag-si .country-flag { background-position: 0 -1744px; }
.language-flag-so .country-flag { background-position: 0 -1760px; }
.language-flag-su .country-flag { background-position: 0 -1776px; }
.language-flag-tg .country-flag { background-position: 0 -1792px; }
.language-flag-uz .country-flag { background-position: 0 -1808px; }
.language-flag-yo .country-flag { background-position: 0 -1824px; }
.language-flag-zu .country-flag { background-position: 0 -1840px; }
/*-------------------------------
language  end
----------------------------------*/
/*-------------------------------
animation  start
----------------------------------*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes fadeInLeftA { 0% {
opacity: 0;
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftA { 0% {
opacity: 0;
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0);
-ms-transform: translate3d(-30%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
-ms-transform: none;
}
}
.fadeInLeftA { -webkit-animation-name: fadeInLeftA; animation-name: fadeInLeftA; }
@-webkit-keyframes fadeInUpA { 0% {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpA { 0% {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
-ms-transform: translate3d(0, 30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
-ms-transform: none;
}
}
.fadeInUpA { -webkit-animation-name: fadeInUpA; animation-name: fadeInUpA; }
@-webkit-keyframes fadeInRightA { 0% {
opacity: 0;
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightA { 0% {
opacity: 0;
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0);
-ms-transform: translate3d(30%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
-ms-transform: none;
}
}
.fadeInRightA { -webkit-animation-name: fadeInRightA; animation-name: fadeInRightA; }
@-webkit-keyframes twinkling { 0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes OrangePulse { from {
background-color: rgba(210,174,109,.2);
-webkit-box-shadow: 0 0 10px rgba(210,174,109,1);
}
50% {
background-color: rgba(210,174,109,1);
-webkit-box-shadow: 0 0 10px rgba(210,174,109,1);
}
to { background-color: rgba(210,174,109,.2); -webkit-box-shadow: 0 0 10px rgba(210,174,109,1); }
}
@-webkit-keyframes swing { 20% {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
40% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
60% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
80% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing { 20% {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
-ms-transform: rotate(40deg);
}
40% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
}
60% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
-ms-transform: rotate(10deg);
}
80% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-ms-transform: rotate(0deg);
}
}
.swing { -webkit-transform-origin: top center; transform-origin: top center; -ms-transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
@-webkit-keyframes jump { 0% {
-webkit-transform: translateY(0);
}
25% {
-webkit-transform: translateY(-20%);
}
50% {
-webkit-transform: translateY(0);
}
75% {
-webkit-transform: translateY(-10%);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes jump { 0% {
-webkit-transform: translateY(0);
        transform: translateY(0);
}
25% {
-webkit-transform: translateY(-20%);
        transform: translateY(-20%);
}
50% {
-webkit-transform: translateY(0);
        transform: translateY(0);
}
75% {
-webkit-transform: translateY(-10%);
        transform: translateY(-10%);
}
100% {
-webkit-transform: translateY(0);
        transform: translateY(0);
}
}
@-webkit-keyframes bounceInA { 0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceInA { 0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
-o-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
   transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
-ms-transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
-ms-transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
-ms-transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
}
}
.bounceInA { -webkit-animation-name: bounceInA; animation-name: bounceInA; -webkit-animation-duration: .75s; animation-duration: .75s; }
@-webkit-keyframes fadeInDownA { 0% {
opacity: 0;
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownA { 0% {
opacity: 0;
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0);
-ms-transform: translate3d(0, -20%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
-ms-transform: none;
}
}
.fadeInDownA { -webkit-animation-name: fadeInDownA; animation-name: fadeInDownA; }
@-webkit-keyframes fadeInA { 0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInA { 0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeInA { -webkit-animation-name: fadeInA; animation-name: fadeInA; }
@-webkit-keyframes flipInY { 0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
}
0%, 40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
}
60% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
@keyframes flipInY { 0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
}
0%, 40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
}
60% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
.flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY; }
/* animate.css */
@-webkit-keyframes fadeInUp { 0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp { 0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig { 0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}
@keyframes bounceInUp { 0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }
@-webkit-keyframes zoomInA { 0% {
opacity: 0;
-webkit-transform: scale3d(.6, .6, .6);
transform: scale3d(.6, .6, .6);
}
50% {
opacity: 1;
}
}
@keyframes zoomInA { 0% {
opacity: 0;
-webkit-transform: scale3d(.6, .6, .6);
transform: scale3d(.6, .6, .6);
}
50% {
opacity: 1;
}
}
.zoomInA { -webkit-animation-name: zoomInA; animation-name: zoomInA; }

/*-------------------------------
animation  end
----------------------------------*/
.history_slide{
    display: block;
}
@media screen and (max-width: 640px) {
.swiper-pagination-bullet:before { background-color: #949494; }
.swiper-pagination-bullet-active:before { background-color: #079332; }
.swiper-pagination-bullet, .swiper-pagination-bullet:before, .swiper-pagination-bullet:after { display: inline-block; width: 8px; height: 8px; vertical-align: top; border-radius: 50%; }
}
 /*History*/
 
.history_slide{position:relative;height: 400px;padding: 30px 0;}
.history_slide:before{ content:""; width:100%; height:1px ; background:#d2d2d2; position:absolute; left:0; top:50%;    margin-top: -25px;}
 
.history_item{
   
    display: flex;
    flex-direction: column; 
}
.history_item time{font-family: "Cambria";
    font-size: 36px;
    position: relative;
    display: block;
    text-align: center;    line-height: 1;}
.history_item p{color: #666;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    position: relative;    height: 100px;
    overflow: hidden;}
    
 .history_item:nth-child(odd){  justify-content: flex-end;}
  .history_item:nth-child(even){  justify-content: flex-start;}
  .history_item:nth-child(odd):before{ content:""; position:absolute; width:12px; height:38px; left:50%; margin-left:-6px; background-image:url(img/demo/history_icon02.png);    top: 50%;transform: translateY(-6px);} 
 
 .history_item:nth-child(even):before{content:""; position:absolute; width:12px; height:38px;  left:50%; margin-left:-6px; background-image:url(img/demo/history_icon01.png);     bottom: 50%;     transform: translateY(6px);}
 
 .history_slide .swiper-pagination{    position: relative;
    margin-top: 30px;}
.history_slide .swiper-pagination-bullet {
  
    display: inline-block;    cursor: pointer;
    width: 6px;
    height: 6px;
    background: #b5b5b5;
    border-radius: 50%;
    margin: 0 3px !important;
}
.history_slide .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #1946a0}
.history_slide .swiper-pagination-bullet:before{ display:none;}
 
 @media only screen and (max-width: 640px) {
	 
	 .history_slide {
    
    height: 300px; 
}
.history_item p {
  
    font-size: 12px;
    line-height: 18px; 
    height: auto; 
}
.history_item time { 
    font-size: 24px; 
    margin-bottom: 7px;
}
 }
 @media only screen and (max-width: 480px) {
    
    .history_slide {
    height: auto;
}
.history_item:nth-child(odd) {
    justify-content: flex-start;
}
.history_slide:before ,.history_item:nth-child(odd):before ,.history_item:nth-child(even):before{
display:none;
}
 }
  /*History*/
  .page_ob .page_resp>div{
    border-radius: 20px;
}
.page_ob .page_resp>div:hover{
    box-shadow: 0 0 20px -5px #000000ad;
}
.copyright a {
    display: inline-block;
}
.herbal_tail p{
    font-size: 18px;
    font-family: Arial;
}
/*inquiry*/
.inquiry-pop-bd{position:fixed;width: 550px;left: 50%;top: 50%;box-shadow:0 0 10px rgba(255, 255, 255, .5);display:none;z-index:2000;overflow:visible;    height: 450px;}
body .pop_task{ content:""; position:fixed;width:100%; height:100%; left:0; top:0;background:rgba(0, 0, 0, .7); z-index:1999; display:none  }
.inquiry-pop-bd .inquiry-pop {position:relative;width:100%;height:100%;left:0;top:0;/* padding:36px; */z-index:10000;background:#FFF;}
.inquiry-pop-bd .inquiry-pop .ico-close-pop { position:absolute;right:9px;top:7px;width:30px;height:30px;/*background:url(img/icon09.png) no-repeat center center;*/ cursor:pointer; z-index:1; }
.inquiry-form-wrap {position:relative;/* margin:78px 0 8px; */}
.ad_prompt { position:absolute; display:block; top:50%; left:0; width:100%; line-height:40px; margin:-20px 0 0; text-align:center; color:#ff6f00; font-size:20px; -webkit-animation:twinkling 1s infinite ease-in-out; animation:twinkling 1s infinite ease-in-out; display:none; }
.contact_form{ border:1px solid #eee; background:#fff;}
.contact_form .title{font-weight:500;font-size:14px;padding:0 20px;line-height:50px;height:50px;overflow:hidden;background: #089332;color:#eee;}
.contact_form form{ padding: 0 20px 26px;}
.contact_form form li{ margin:13px 0 15px; position:relative;}
.contact_form form input[type=text],.contact_form form .wpcf7-textarea,.form-input-email,.form-input-phone{ margin: 15px 0 0 0;border:1px solid #eee; background:#FFF; padding:0 12px; height:38px; line-height:38px; border-radius:3px; overflow:hidden; width:80%;font-weight:500;}
.contact_form form .wpcf7-textarea{ height:92px; width:100%;}
.contact_form form input[type=text].form-input-capcha{ width:213px; font-weight:500;}
.contact_form form input[type=submit],.form-btn-submitx{height:38px;border-radius:3px;width:100%;border:1px solid #ff6f00; background:#ff6f00; color:#FFF; text-align:center; text-transform:capitalize;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.contact_form form input[type=submit]:hover{ background-color:#1eb53a; }
.contact_form ::-webkit-input-placeholder{color:#666 } 
.contact_form :-moz-placeholder,.contact_form ::-moz-placeholder,.contact_form :-ms-input-placeholder {color:#666} 
.sida{
    height: 38px;
    border-radius: 3px;
    width: 100%;
    border: 1px solid #ff6f00;
    background: #ff6f00;
    color: #FFF;
    text-align: center;
    text-transform: capitalize;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
}
.product_item .ico-close-pop{
    position: absolute;
right: -10px;
top: -10px;
width: 30px;
height: 30px;
background: url(img/custom_service/fancy_close.png) no-repeat center center;
cursor: pointer;
z-index: 99999;
    
}
.index_testimonials{position: relative;max-width: 1200px;margin: 0 auto;}
.index_testimonials .swiper-pagination-bullet::before {
    background-color: #bdbdbd;
    content: '';
}
.index_testimonials .swiper-pagination-bullet-active::before {
    background-color: #e18c44;
}
.index_testimonials .swiper-button-next, .index_testimonials .swiper-button-prev{opacity: 1;top:65%;}
.index_testimonials .swiper-button-next{right: 25%;}
.index_testimonials .swiper-button-prev{left: 25%;}
 @media only screen and (max-width: 600px){
     .Lastest_News_Items .news_item{width: 100%;}
 }

/** layui-v2.5.7 MIT License */
 .layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}html #layuicss-layer{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url(img/loading-1.gif) center center no-repeat #eee}.layui-layer-ico{background:url(img/icon.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layer-anim{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-00{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 15px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:5px 5px 0;padding:0 15px;border:1px solid #dedede;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#1E9FFF;background-color:#1E9FFF;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:260px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(img/loading-0.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(img/loading-1.gif) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(img/loading-2.gif) no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:8px 15px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:5px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#fff;border-color:#E9E7E7;color:#333}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95;border-color:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url(img/icon-ext.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:230px;height:36px;margin:0 auto;line-height:30px;padding-left:10px;border:1px solid #e6e6e6;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px;padding:6px 10px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;overflow:hidden;cursor:pointer}.layui-layer-tab .layui-layer-title span.layui-this{height:43px;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.layui-this{display:block}.layui-layer-photos{-webkit-animation-duration:.8s;animation-duration:.8s}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}
 
.btn--search {
/*border-right: 1px solid #2b8f87;*/
margin-left: 13px;
display: inline-block;
width: 35px;
height: 20px;
position: relative;
vertical-align: middle;
cursor: pointer;
-webkit-box-sizing: content-box;
box-sizing: content-box;
float: right;
margin-top: 15px;
}

 .btn--search::after,  .btn--search::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 20px;
    background-image: url(img/search_btn.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

}

/*-------------------------------
			search  start
			----------------------------------*/
.container { position:relative; min-height:100vh;}
.search-ipt { border:0; background:transparent; border-radius:0; -webkit-appearance:none; }
.web-search { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;visibility:hidden; }
.web-search .btn--search-close { display:inline-block;font-size:1.8em;border-radius:50%; position:absolute; top:1.25em; right:1.25em; display:none; background-image:url(img/search_btn_close.png);background-position:center;background-repeat:no-repeat; -webkit-background-size:auto 35%;background-size:auto 35%; background-color:#ccc;width:42px;height:42px;line-height:42px;cursor:pointer;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease; }
.web-search .btn--search-close:hover{background-color:#2b8f87;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.js .btn--search-close { display:block; }
.web-search .search-ipt { font-family:inherit; line-height:1em; display:inline-block; box-sizing:border-box; width:75%; padding:0.05em 0; color:#333; border-bottom:3px solid; font-size:20px; }
.web-search .search-ipt::-webkit-input-placeholder {color:#333;font-weight:bold;}
.web-search .search-ipt::-moz-placeholder {opacity:1;color:#333;font-weight:bold;}
.web-search .search-ipt:-ms-input-placeholder {color:#333;font-weight:bold;}
.web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {-webkit-appearance:none;}
.web-search .search-ipt::-ms-clear {display:none;}
.web-search .search-attr { font-size:90%;display:block; width:75%; margin:0 auto; padding:0.85em 0; text-align:right; color:#333; }
.js .container { position:relative; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;  }
.js .main-wrap--move {height:100vh; }
.js .web-search { pointer-events:none; }
.js .search--open { pointer-events:auto; opacity:1; visibility:visible;}
.web-search .btn--search-close { opacity:0;-webkit-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease; }
.search--open .btn--search-close { opacity:1; -webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease; -webkit-animation:bounceInA 1s ease;-o-animation:bounceInA 1s ease;animation:bounceInA 1s ease;}
.search__suggestion, .web-search .search-attr { opacity:0;-moz-transform:translate3d(0, 30px, 0); -webkit-transform:translate3d(0, 30px, 0); -ms-transform:translate3d(0, 30px, 0); -o-transform:translate3d(0, 30px, 0); transform:translate3d(0, 30px, 0);-moz-transition:opacity 0.8s, transform 0.8s; -webkit-transition:opacity 0.8s, transform 0.8s; -ms-transition:opacity 0.8s, transform 0.8s; -o-transition:opacity 0.8s, transform 0.8s; transition:opacity 0.8s, transform 0.8s; }
.search--open .search-attr { opacity:1;-moz-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); font-size:20px; }
.js .web-search .search-ipt {font-size:60px;font-weight:bold;border-bottom-width:1px;padding:15px 0;-moz-transform:scale3d(0, 1, 1); -webkit-transform:scale3d(0, 1, 1); -ms-transform:scale3d(0, 1, 1); -o-transform:scale3d(0, 1, 1); transform:scale3d(0, 1, 1);-moz-transform-origin:0% 50%; -webkit-transform-origin:0% 50%; -ms-transform-origin:0% 50%; -o-transform-origin:0% 50%; transform-origin:0% 50%;-moz-transition:transform .3s; -webkit-transition:transform .3s; -ms-transition:transform .3s; -o-transition:transform .3s; transition:transform .3s; opacity:0;text-transform:uppercase;}
.js .web-search .search-ipt,.web-search .search-attr {-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;}
.js .search--open .search-ipt {-moz-transform:scale3d(1, 1, 1); -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); -o-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);opacity:1;-moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -ms-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s; }
.js .search--open .search-btn { display:none !important; }
.web-search .search-attr{padding-bottom:0;}
.js .web-search{width:70%;height:240px;position:fixed;left:0;top:0;right:0;bottom:0;padding:50px 0;margin:auto;border-radius:8px;z-index:100001;perspective:1200px;}
.js .web-search::before {content:'';position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;background:rgba(255, 255, 255, 0.98);background-color:#fff\9;-webkit-transform:translateY(-30%) scale(1,0);-ms-transform:translateY(-30%) scale(1,0);-o-transform:translateY(-30%) scale(1,0);transform:translateY(-30%) scale(1,0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.js .search--open::before {opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.main-wrap--move:after{content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:fixed;left:0;top:0;z-index:100000;}
/*-------------------------------
			search  end
			----------------------------------*/
.right_nav{ right:0; bottom:50%; position:fixed; text-align:left;overflow: hidden;z-index:9;
    /*background-color: #3c9ba6;*/
    border-radius: 25px 0 0 25px;
    transform: translateY(50%);
}

.right_nav li{background: #f39700;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative;border-radius: 50px 0 0 50px;right: -85px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav .iconBox > img{
    width: 45px;
    height: 45px;
    background-color: white;
    border-radius: 50%;
    padding: 7%;
}
.right_nav li h4{color: #fff;font-size: 12px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background: #f39700;}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 28px;top:-10px;z-index: 999;opacity:1 !important;width:max-content;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #f39700;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;float:left;}
.right_nav li .hideBox .hb h5{text-align:center;padding: 5px 0;border-bottom: 2px solid #ccc;color: #f39700;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;
    display: none;
}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .fonttalk{margin-top: 10px;}
.right_nav li .hideBox .hb .fonttalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .fonttalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .fonttalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li .hideBox img{width:140px;height: 140px;margin-top: 10px;}