@charset "utf-8";
html {font-size:625%;}
body {font-size:14px;background:#FFF;}
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:#333;font-family:'SourceSansPro',Arial, Helvetica, sans-serif;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 {border:none;vertical-align:middle;max-width:100%;}
li {list-style:none;}
i, em {font-style:normal;}
a {color:#333;text-decoration:none;}
a:focus {outline:none;}
a:hover {color:#a81c1b;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 {border:none;padding:0;}
hr {height:1px;border:none;border-top:1px dashed #c1c1c1;margin:15px 0 15px 0;}
a:active, select, input, textarea {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;outline:0!important;}
* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline: 0;}

/* clear floating */
.clearfix:after,.layout:after,.sys_row:after,.flex_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,.product-intro:after,.detail-tabs:after,.foot_items:after,.news_cell:after,.news_item .item_inner:after,.sys_row:after,
.foot_bar .foot_links:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
.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,.news_cell,.news_item .item_inner,.sys_row,
.foot_bar .foot_links{*zoom:1;}
.clear {clear:both;}

/* layout */
body {width:100%;position:absolute;left:0;top:0;min-width: 1180px;overflow-x: hidden;}
.layout {width: 1180px;margin:0 auto;position:relative;}
.web_head .layout,.web_footer .layout{width: 1400px;}
.z9999 {z-index:9999!important;}
.hide{display: none;}

/*gotop*/
.gotop {position:fixed;text-align:center;right:50px;bottom:50px;color:#fff;background-color: #a81c1b;text-align: center;width: 60px;height:60px;line-height: 60px;border-radius: 50%;box-shadow: 0 8px 10px rgba(0,0,0,.2);background-clip: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;z-index:99999;cursor:pointer;font-size:20px;opacity: 0;visibility: hidden;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);}
.gotop:hover,.gotop.active:hover {background-color: #fff;color: #a81c1b;}
.gotop.active{opacity: 1;visibility: visible;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.gotop:before,.gotop em{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.gotop em{font-size: 12px;width: 100%;position: absolute;left: 0;top: 0;color: #a81c1b;font-weight: bold;opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}
.gotop:before{font-family: 'fontawesome';content: '\f106';font-size: 24px;display: block;}
.gotop:hover em{opacity: 1;filter: alpha(opacity=100);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.gotop:hover:before{-webkit-transform:translateY(-15px) scale(.5);-ms-transform:translateY(-15px) scale(.5);-o-transform:translateY(-15px) scale(.5);transform:translateY(-15px) scale(.5);opacity: 0;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,*/.head_nav b:after,.web_head .btn--search,.web_head .btn--search:before,.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,.ad_item figure figcaption .item_more,.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,.foot_sns li img,.blog-item:after{-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.head_nav>li>a:before,.head_nav>li>a:after,.head-search .search-btn,.icon-cate,
.index_product .product_item .item_img,.index_product .product_item .item_img a:before,
.foot_txt_list li a:before,.web_footer .button:before{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.company_subscribe .button .button_txt,.company_subscribe .button .button_ico{-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.index_main .product_item figure{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

/* 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-left: -15px;margin-right: -15px;}
.sys_col{float: left;padding-left: 15px;padding-right: 15px;}

/* float */
.sys_fl{float:left!important;}
.sys_fr{float:right!important;}

/* flex */
.flex_row,.items_list>ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}
.flex_row_nowrap{-webkit-flex-wrap: nowrap;-moz-flex-wrap: nowrap;-ms-flex-wrap: nowrap;-o-flex-wrap: nowrap;flex-wrap:nowrap;}

/* button */
.sys_btn{display: inline-block;border: 3px solid;font-size: 16px;color: #000!important;padding: .35em 1.8em;}
.sys_btn:hover{background-color: #e08c44;color:#fff!important;border-color: #fff;box-shadow: 0 10px 10px rgba(0,0,0,.15);}
.sys_btn_white{color: #fff!important;background-color: #a81c1b;}
.sys_btn_white:hover{background-color: #fff;color: #a81c1b!important;border-color: #fff!important;}

/* placeholder */
input::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{color:#aaa;opacity: 1;}
input:-ms-input-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}

/* box-sizing */
.index_promote,.company_subscribe .button,.nav_wrap,.product_item .item_img {-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}

/* font-family */
.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{font-family: "fontawesome";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;font-variant: normal;text-transform: none;}
.fa:before,
.btn_more:after,.sys_btn:after,
.head-search .search-btn:before,.web_head .btn--search: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,
.index_company_intr .btn_more:before,.promote_item .icon-player:before{font-family: 'fontawesome';}
.web_head,.index_hd .hd_title,.sys_btn,.index_main{font-family: 'AiDeep',Arial, Helvetica, sans-serif;}

/*transition*/
a{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

/*hover*/
.foot_nav li a{display: inline-block;position: relative;}
.foot_nav li a:after{content: '';display: block;width: 0%;height:1px;position: absolute;right: 0;bottom: -5px;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.foot_nav li a:hover:after{width: 100%;left: 0;right: auto;background-color: #a81c1b;}

/* web_head */
.web_head{width: 100%;z-index: 9; }
.web_head:after{content: '';display: none;height: 77px;background-position: center 0;background-repeat: no-repeat;background-image: url(../web-images/header_bg_ft.png);}

.page_head .head_layer{
    /* height: auto !important; */
}
.page_head .head_layer:before{
    /* height: 0 !important; */
}
.page_head .head_layer{
    /* background: #fff !important; */
}

.web_head .head_layer:before,.page_head .head_layer:before{content: '';display: block;background-color: #fff;width: 105%;height: 300px;position: absolute;left: -5px;bottom: -8px;-webkit-transform: rotate(-1.5deg);-ms-transform: rotate(-1.5deg);-o-transform: rotate(-1.5deg);transform: rotate(-1.5deg);/* box-shadow: 0 0 15px rgba(0,0,0,.2); */}

.web_head .logo{position: relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.web_head .logo:after{content: "";display: block;background: #a81c1b;width: 1000px;height: 500px;position: absolute;left: -242px;bottom: 46px;-moz-transform: rotate(-5.6deg) skewX(39deg) skewY(-8.8deg);-ms-transform: rotate(-5.6deg) skewX(39deg) skewY(-8.8deg);-o-transform: rotate(-5.6deg) skewX(39deg) skewY(-8.8deg);-webkit-transform: rotate(-5.6deg) skewX(39deg) skewY(-8.8deg);transform: rotate(-5.6deg) skewX(39deg) skewY(-8.8deg);overflow: hidden;z-index: -1;}
.web_head .head_layer {/* width: 100%; *//* background-color: #474747; *//* height: 110px; */position: relative;z-index: 9;/* padding-bottom: 10px; */}
.web_head .head_layer .layout{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}
.web_head .logo,.web_head .head_right{height: 60px;}
.web_head .logo:before,.web_head .head_right:before{content: '';display: inline-block;width: 0;vertical-align: middle;}
.web_head .logo{float: left;padding: 0 10px;}
.web_head .logo img{width: auto;max-height: 81px;margin-left: 10px;margin-top: 9px;}
.web_head .head_right{float: right;}
.web_head .btn--search{display: inline-block;width: 35px;height: 18px;position: relative;vertical-align: middle;cursor: pointer;-webkit-box-sizing: content-box;box-sizing: content-box;margin-left: 25px;}
.web_head .btn--search:before{content: '';display: inline-block;width: 100%;height: 18px;background-image: url(../web-images/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;}
.web_head .btn--search:before{opacity: .6;filter: alpha(opacity=60);}
.web_head .btn--search:hover:before{opacity: 1;filter: alpha(opacity=100);}
.web_head .change-language{display: inline-block;position: relative;text-align: left;vertical-align: middle;padding-left: 10px;}
.web_head .change-language-title{position: relative;}
.web_head .change-language-cont,.web_head .change-language-cont a{color: #333;}
.web_head .btn--search+.change-language:before{content: '';display: block;width: 1px;height: 12px;background-color: #333;position: absolute;left: 0;top: 50%;margin-top: -6px;}
.web_head .nav_wrap{float: left;padding-left: 3%;text-align: center;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align: center;}
.web_head .head_nav{display: inline-block;max-width: 98%;vertical-align: middle;}
.web_head .head_nav>li{display: inline-block;line-height: 60px;margin: 0 10px;position: relative;}
.web_head .head_nav>li>a{display: inline-block;color:#000;vertical-align: top;font-size: 16px;text-transform: uppercase;}
.web_head .head_nav>li:hover>a{color: #a81c1b;}
.web_head .head_nav>li ul{width:250px;border: 3px solid #fff;padding:15px 0;background-color: #474747;position:absolute;left:0;top:135%;z-index:999;-webkit-transform:scale3d(.8,.8,.8);-ms-transform:scale3d(.8,.8,.8);-o-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8);opacity:0;filter:alpha(opacity=0);visibility:hidden;box-sizing:border-box;box-shadow: 8px 8px 10px rgba(0,0,0,.08);}
.nav_wrap .head_nav li.menu_left ul{right:auto;right:0;}
.nav_wrap .head_nav li.menu_left ul ul{right:102%;}
.nav_wrap .head_nav>li.nav-current>a{color: #a81c1b;}
.nav_wrap .head_nav>li li {position:relative;text-align:left;padding:0 15px;text-transform: uppercase;}
.nav_wrap .head_nav>li li a {display:block;line-height:1.8em;padding:8px 0 8px 15px;font-size:12px;position:relative;color:#fff;}
.nav_wrap .head_nav>li li a:before,.nav_wrap .head_nav>li li:hover>a:before{content:'';display:block;border: 3px solid #fff;width: 5px;height: 5px;background-color: #a81c1b;border-radius: 50%;position: absolute;left: -9px;top: 12px;opacity: 0;filter: alpha(opacity=0);}
.nav_wrap .head_nav>li li:last-child>a{border-bottom:0;}
.nav_wrap .head_nav>li li:hover>a{color:#a81c1b;}
.nav_wrap .head_nav>li li:hover>a:before{left: -5px;opacity: 1;filter: alpha(opacity=100);}
.nav_wrap .head_nav>li ul ul{left:103%;top:-15px;}
.nav_wrap .head_nav li:hover>ul{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100);visibility:visible;}
.index_web_head {position: fixed;left: 0;top: 0;margin-bottom: 0;}
.index_web_head .head_layer{background: none;height: auto;}
.index_web_head .head_layer:before{bottom: -1px;}
.index_web_head:after{display: none;}

.fixed-nav .head_right{height: 70px;}
.fixed-nav .logo:after{/* width: 100%; *//* height: 100%; *//* -webkit-transform: none; */-ms-transform: none;-o-transform: none;/* transform: none; *//* bottom: 0; *//* left: 0; */}
.fixed-nav .logo img{max-height: 70px;}
.fixed-nav .logo {/* overflow: hidden; */}
/*.fixed-nav .logo a,.fixed-nav .logo img,.fixed-nav .head_nav li a{-webkit-transition: none;-o-transition: none;transition: none;margin-left: 0px;*/
/*margin-top: 0px;}*/
.fixed-nav .head_nav>li{line-height: 70px;}
.fixed-nav .head_layer{width: 100%;height: 60px;position: fixed;left: 0;top: 0;z-index: 9;-webkit-transition: none;-o-transition: none;transition: none;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);opacity:1;/* background: #fff; */padding-bottom: 0;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.fixed-nav-active .head_layer{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.mobile_logo img{
    display: none;
}
.mobile_banner{
    display: none;
}
/*video*/
.index_video{padding-top: 35px;border-top: 1px solid #ededed;}
.wp_hh{position:relative;}
.wp_title{
    position: absolute;
    top: calc(50% - 26px);
    left: 0;
    color: #fff;
    font-size: 0.35rem;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}

.pc_banner{display:block;}
.mobile_banner{display:none;}
/* web_footer */
.web_footer,.web_footer a{color: #ffffff;}
.web_footer {background-color: #474747;position: relative;font-size: 16px;z-index: 1;}
.web_footer .foot_service{padding: 60px 0 30px;}
.web_footer:before{content: '';display: block;width: 100%;height: 90px;background-repeat: no-repeat;background-position: center bottom;background-image: url(../web-images/footer_bg.png);position: absolute;left: 0;bottom: 100%;}
.company_subscribe{padding-top: 3px;}
.company_subscribe .button{padding: .5em 2.5em;}
.foot_service .foot_items{margin: 0 -1.5%;}
.foot_service .foot_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width: 33.33333333%;width: 33.33333333%;padding: 25px 1.5%;}
.foot_service .foot_item_hd .title{display: inline;font-size: 30px;font-weight: normal;font-family: 'Arg-UltraItalic';}
.foot_service .foot_item_hd .title,.foot_service .foot_item_hd .title a{color: #fff;}
.foot_service .foot_item_hd .tit_desc{display: inline;padding-left: 1.2em;font-weight: normal;}
.foot_service .foot_item_bd{padding-top: 18px;}
.foot_sns li{display: inline;padding: 0 15px 15px 0;}
.foot_sns li a{display: inline-block;padding: 10px;line-height: 10px;vertical-align: middle;background-color: #74706f;border-radius: 50%;}
.foot_sns li a:hover{background-color: #a81c1b;-webkit-animation: jump .6s ease;-o-animation: jump .6s ease;animation: jump .6s ease;}
.foot_sns li img{max-height: 30px;width: auto;vertical-align: middle;}
.foot_bar{text-align: center;}
.foot_bar .layout{border-top: 1px solid #666;padding: 25px 0;}
.contact_item{padding-left: 50px;line-height: 1.1;position: relative;}
.contact_item .item_label{display: block;font-size: 32px;}
.contact_item .item_label,.contact_item .item_label a{color: #fff;}
.contact_item .item_val{display: block;padding-top: 8px;}
.contact_item .contact_ico{display: inline-block;width: 40px;height: 40px;position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-position: 0 center;}
.contact_item .contact_ico_tel{background-image: url(img/contact_ico_tel.png);}
.contact_item .contact_ico_loca{background-image: url(img/wz.png);}
.item_wz{font-size:22px !important;}
.tel_link{pointer-events: none;}
@media screen and (max-width: 768px){.tel_link{pointer-events: auto;}}



/*-------------------------------------------------------- 
														page: index
																	------------------------------------------------------*/
.web_main{overflow: hidden;}
.index_main,.index_main a{color: #424261;}
.index_main a:hover{color: #a81c1b;}
/* title */
.index_hd{margin: 0 auto 25px;text-align: center;}
.index_hd .hd_title {font-size: 40px;line-height: .8em;padding: 25px 0;font-weight: normal;position: relative;}
.index_hd .hd_title .title_bg{display: block;width: 100%;position: absolute;left: 0;top: 25px;-webkit-transform: scale(1.9);-ms-transform: scale(1.9);-o-transform: scale(1.9);transform: scale(1.9);color: #e5e5e5;}
.index_hd .hd_title .title_txt{display: block;width: 100%;position: relative;z-index: 1;}
.index_company_intr .hd_title .title_bg{color: #666666;}
/* swiper */
.slider_banner .swiper-slide img{width:100%;/* min-height: 200px; */}
.slider_banner .swiper-slide img+img{position:absolute;left:0;top:0;}
.slider_banner .swiper-slide img{width:100%;transition:3s linear;transform:scale(1.08);}
.slider_banner .swiper-button-white{display: block;width: 55px;height: 55px;border-radius:3px;margin-top: -27.5px;background-color: rgba(0,0,0,.25);border:2px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.slider_banner .swiper-button-white:before{content: '';display: block;width: 0;height: 0;border: 14px solid #fff;border-top-width: 8px;border-bottom-width: 8px;border-top-color: transparent;border-bottom-color: transparent;border-left-width: 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.slider_banner .swiper-button-next:before{border-left-width: 14px;border-right-width: 0;}
.slider_banner .swiper-button-prev{left: 75px;}
.slider_banner .swiper-button-next{right: 75px;}
.slider_banner:hover .swiper-button-prev{left: 60px;}
.slider_banner:hover .swiper-button-next{right: 60px;}
.slider_banner:hover .swiper-button-prev,.slider_banner:hover .swiper-button-next{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.slider_banner:hover .swiper-button-next:not(.swiper-button-disabled),.slider_banner:hover .swiper-button-prev:not(.swiper-button-disabled) {opacity: .6;filter: alpha(opacity=60);}
.slider_banner:hover .swiper-button-next:hover,.slider_banner:hover .swiper-button-prev:hover {opacity:1;filter: alpha(opacity=100);background: #a81c1b;border-color: #a81c1b;}
.slider_banner .index_swiper_control{position: static;}
.slider_banner .swiper-slide.swiper-slide-active img{transform:scale(1);}
.slider_banner .swiper-pagination{position: absolute;width: 100%;left: 0;bottom:50px;text-align: center;z-index: 3;}
.slider_banner .swiper-pagination-bullet{margin: 0 15px;}
.slider_banner .swiper-pagination-bullet,.slider_banner .swiper-pagination-bullet:before{width: 14px;height: 14px;}
.slider_banner .swiper-pagination-bullet:before{background-color: rgba(255,255,255,.3);}
.slider_banner .swiper-pagination-bullet-active:before{background-color: rgba(255,255,255,.6);background-color: #a81c1b;}
.slider_banner .slide-page-box{display:none;}
.slider_banner:after{content: '';display: block;width: 100%;height: 110px;position: absolute;left: 0;bottom: 0;background-repeat: no-repeat;background-position: center 0;background-image: url(../web-images/banner_bg_up.png) !important;z-index: 2;}
/*index_swiper_control*/
.index_swiper_control .swiper_buttons{text-align: center;position: static;padding-top: 15px;}
.index_swiper_control .swiper-button-prev,.index_swiper_control .swiper-button-next{display: inline-block;width: 32px;height: 32px;background-color: #fff;background-position: center;background-repeat: no-repeat;margin: 0 30px;position: static;opacity: 1;filter: alpha(opacity=100);}
.index_swiper_control .swiper-button-prev:before,.index_swiper_control .swiper-button-next:before{display: block;width: 32px;height: 32px;vertical-align: middle;background-repeat: no-repeat;background-position: center;text-indent: -9999px;overflow: hidden;opacity: .6;filter: alpha(opacity=60);}
.index_swiper_control .swiper-button-prev:before{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMBAMAAACZySCyAAAAMFBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbTjrt6AAAAD3RSTlMAgBC/UO/fIHAwj8+fYECK0vAQAAAAWElEQVQI12MAAQ1BQREQzZL//78QkGa3///fHEgzyf//nwKScPv//6MCkC7+//9zAUjA9f//CLBWpvX//1uCWZz7//9fBGZxxP//egHM0gGqnwBmPQOaAABMoCKhFQ3HzwAAAABJRU5ErkJggg==);}
.index_swiper_control .swiper-button-next:before{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAMAAABcOc2zAAAAM1BMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZwOlLNAAAAEHRSTlMAgBC/UO/fIHAwj8+vn2BAYtSEZwAAAExJREFUCNeNjUkSwCAIBAFR0az/f20KhFje7BtDwwCjIgQB4asUhp+aLEp1Rlwswp27c95J1iCH04bQyV90G4/m63vYstpXdHrhA84Hl70EW22fv/wAAAAASUVORK5CYII=);}
.index_swiper_control .swiper-button-next.swiper-button-disabled,.index_swiper_control .swiper-button-prev.swiper-button-disabled{opacity: .3;filter: alpha(opacity=30);}
/*index_company_intr*/
.index_company_intr{padding:20px 0;position: relative;text-align: center;background-color: #474747;z-index: 3;margin-bottom: 170px;}
.index_company_intr,.index_company_intr a{color: #fff;}
.index_company_intr .company_intr_desc{max-width: 900px;margin: 0 auto;font-size: 18px;line-height: 2;}
.index_company_intr:before{}
.index_company_intr:after{content: '';display: block;width: 100%;height: 140px;position: absolute;left: 0;top: 100%;background-repeat: no-repeat;background-position: center 0;background-image: url(../web-images/banner_bg_down.png) !important;}
/*index_application*/
.index_application {position: relative;}
.index_application .application_list{overflow: hidden;-webkit-flex-wrap: nowrap;-moz-flex-wrap: nowrap;-ms-flex-wrap: nowrap;-o-flex-wrap: nowrap;flex-wrap:nowrap;}
.index_application .application_item{width: 20%;-webkit-transition: all .6s ;-o-transition: all .6s ;transition: all .6s ;float: left;position: relative;}
.application_item,.application_item a,.application_item a:hover{color: #fff;}
.application_item .item_inner{display: block;position: relative;-webkit-transition: none;-o-transition: none;transition: none;width: 100%;}
.application_item .item_img{display: block;}
.application_item .item_img img{display: block;min-width: 100%;max-width: inherit; }
.application_item .item_img:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.35);box-shadow: 0 0 8px rgba(0,0,0,.5) inset;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.application_item .item_info{width: 165%;padding: 15px 10px;position: absolute;left: 0;bottom: -70px;z-index: 2;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.application_item .item_title{font-size: 16px;line-height: 1.3em;font-weight: normal;text-transform: uppercase;padding-bottom: 10px;position: relative;}
.application_item .item_title:after{content: '';display: block;width: 90px;height: 3px;background-color: #a81c1b;position: absolute;left: 0;bottom: 0;}
.application_item .item_cont{-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;opacity: 0;filter: alpha(opacity=0);}
.application_item .item_desc{margin-top: 8px;height: 2.6em;line-height: 1.3em;overflow: hidden;}
.application_item .item_more{font-size: 12px;margin-top: 8px;}
.application_item .item_more:after{content: '';display: inline-block;width: 19px;height: 15px;background-repeat: no-repeat;background-position: center;background-image: url(../../downs.png);}
.application_item .item_more{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-right: 18px;}
.application_item .item_more:before{content: '';display: block;height: 3px;background-color: #a81c1b;-webkit-box-flex: 1.0;-moz-flex-grow: 1;-webkit-flex-grow: 1;flex-grow: 1;}
.application_item .item_more .more_txt{padding: 0 8px;text-transform: uppercase;}
.application_item:hover .item_info{bottom: 0;}
.application_item:hover .item_cont{opacity: 1;filter: alpha(opacity=100);}
.application_item:hover .item_img:before{background-color: rgba(0,0,0,.15);}
.application_list:hover .application_item{width: 16.75%;}
.application_list:hover .application_item:hover{width: 33%;}
.application_list .application_item:hover .item_info{width: 100%;}
.application_list .application_item:hover .item_desc,.application_list .application_item:hover .item_more{display: block;opacity: 1;filter: alpha(opacity=100);}
.application_list .application_item:hover .item_more{display:-webkit-box;display:-webkit-flex;display:flex;}
/*index_product*/
.product_item {width: 33.33333333%;float: left;}
.product_item figure{margin: 0;}
.product_item .item_img{display: block;position: relative;width: 100%;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;}
.product_item .item_img{*display: inline;}
.product_item .item_img a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-color: rgba(255,255,255,0);}
.product_item .item_img img{width: 100%;height: auto;}
.product_item  figcaption{ padding:15px 10px;}
.product_item .item_title{ font-weight:normal; font-size:15px;text-align: center;}
.product_item .item_title a{display: block;height:2.6em;line-height: 1.3em;vertical-align: middle;padding: 0 10%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-transform: capitalize;}
.product_item:hover .item_img a:before{width: 100%;left: 0;}
.index_product{padding-top: 55px;background-color: #a81c1b;position: relative;margin-bottom: 0;position: relative;z-index: 2;}
.index_product:after{content: '';display: block;width: 100%;height: 150px;background-repeat: no-repeat;background-position: center bottom;position: absolute;left: 0;top: 100%;background-image: url(../web-images/product_bg.png);}
.index_product .hd_title{color: #fff;}
.index_product .index_hd .hd_title .title_bg{color: #c31f1f;}
.index_product .product_item{width: 100%;background-color: #a81c1b;}
.index_product .product_item,.index_product .product_item a{color: #fff;}
.index_product .product_item figure{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;margin: -25px;}
.index_product .product_item .item_img,.index_product .product_item figcaption{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%;float: left;padding: 25px;}
.index_product .product_item .item_img {border: 0;-webkit-box-ordinal-group: 2;-moz-order: 2;-webkit-order: 2;order: 2;float: right;}
.index_product .product_item .item_title{font-size: 24px;text-align: left;margin-bottom: 1em;}
.index_product .product_item .item_title a{height: 1.3em;padding: 0;}
.index_product .product_item .item_desc{font-size: 20px;height: 7.6em;margin-bottom: 1.5em;overflow: hidden;}
.index_product .product_item .item_desc p{max-height: 3.6em;line-height: 1.8em;padding-left: 35px;position: relative;overflow: hidden;}
.index_product .product_item .item_desc p:before{content: '';display: block;width: 9px;height: 9px;background-color: #fff;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.index_product .product_item .item_more{padding-top: 20px;}
.index_product .swiper-slide figure{-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.index_product .swiper-slide figure{opacity: 0;filter: alpha(opacity=0);-webkit-transform:translate3d(8%,0,0);-ms-transform:translate3d(8%,0,0);-o-transform:translate3d(8%,0,0);transform:translate3d(8%,0,0);}
.index_product .swiper-slide-active figure{opacity: 1;filter: alpha(opacity=100);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
/*index_news*/
.index_news{padding: 200px 0 160px;position: relative;overflow: hidden;}
.index_news .index_bd{position: relative;z-index: 1;}
.index_news .flex_row{margin-left: -14px;margin-right: -14px;}
.index_news .news_main,.index_news .news_side{padding-left: 14px;padding-right: 14px;}
.index_news .news_main{float: left;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);padding-right: 28px;-webkit-box-flex:0 0 70%;-webkit-flex:0 0 70%;-ms-flex:0 0 70%;flex:0 0 70%;max-width: 70%;width: 70%;}
.index_news .news_main:before{content: '';display: block;width: 300%;height: 400%;position: absolute;right: 0;top: -210px;background-color: #f5f5f5;}
.index_news .news_items{margin: -12px;}
.index_news .news_item,.index_news .news_item a{color: #fff;}
.index_news .news_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%;text-align: center;padding: 12px;}
.index_news .news_item .item_inner{display: block;position: relative;overflow: hidden;}
.index_news .news_item .item_img:before{content: '';display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;-webkit-transform: scale(.85);-ms-transform: scale(.85);-o-transform: scale(.85);transform: scale(.85);background-clip: content-box;border: 10px solid rgba(255,255,255,0);-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.index_news .news_item .item_img img{display: block;width: 100%;height: auto;-webkit-transition: all .9s ease-in-out;-o-transition: all .9s ease-in-out;transition: all .9s ease-in-out;}
.index_news .news_item .item_info{width: 100%;position: absolute;left: 0;top: 55%;z-index: 2;-webkit-transform: translate3d(0,-50%,0);-ms-transform: translate3d(0,-50%,0);-o-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.index_news .news_item .item_title{font-size: 21px;font-weight: normal;max-height: 2.2em;line-height: 1.1em;overflow: hidden;}
.index_news .news_item .ico_view{display: block;margin: 0 auto 8px;}
.index_news .news_item .ico_view:before{content: '\f06e';font-size: 85px;line-height: 1;}
.index_news .news_item:hover .item_img:before{background-color: rgb(168 28 27 / 50%);border-color:rgba(255,255,255,.7);-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.index_news .news_item:hover .item_info{opacity: 1;filter: alpha(opacity=100);top: 50%;}
.index_news .news_item:hover .item_img img{-webkit-transform: scale(1.12);-ms-transform: scale(1.12);-o-transform: scale(1.12);transform: scale(1.12);}
.index_news .news_side{float: left;text-align: left;padding-left: 70px;-webkit-box-flex:0 0 30%;-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%;max-width: 30%;width: 30%;}
.index_news .index_hd .hd_title .title_bg{-webkit-transform-origin: 0 center;-moz-transform-origin: 0 center;-ms-transform-origin: 0 center;-o-transform-origin: 0 center;transform-origin: 0 center;margin-left: -5px;}
.index_news .index_hd{text-align: left;}
.index_news .index_hd .hd_bg{}
.index_news .news_tabs li{font-size: 16px;padding: 20px 0;border-bottom: 1px solid #e5e5e5;position: relative;}
.index_news .news_tabs li a{display: block;}
.index_news .news_tabs li:after{content: '';display: block;width: 0;height: 4px;background-color: #a81c1b;position: absolute;left: 0;bottom: -1px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.index_news .news_tabs li.active:after{width: 50px;}
.index_news .news_side .learn_more{padding-top: 180px;}
.index_news .news_side .sys_btn{display: block;text-align: center;}





/*----------------------------------page head---------------------------------*/	

/*public*/
.web_main { position:relative; }
.page_main{padding-top: 70px;padding-bottom: 80px;}
.page_main,.page_main a{color: #002140;}
.page_main a:hover{color: #a81c1b;}



/*sys_sub_head*/
.sys_sub_head{text-align: center;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;position: relative;}
.sys_sub_head .head_bn_item{width: 100%;}
.sys_sub_head .head_bn_item img{width: 100%;height: auto;min-height: 100px;}
.sys_sub_head .swiper-pagination{width: 100%;bottom: 10px;;z-index: 3;}
.path_bar{background-color: #e5e8ec;font-size: 14px;text-align: left;text-transform: uppercase;padding: 8px 0;}
.path_bar li{display: inline;padding-left: 12px;}
.path_bar li,.path_bar li a{color: #666;}
.path_bar li a:hover{color: #a81c1b;}
.path_bar li+li:before{content: '';display: inline-block;width: 0;height: 0;overflow: hidden;border: 8px solid #a81c1b;border-top-width: 5px;border-bottom-width: 5px;border-right-width: 0;border-top-color: transparent;border-bottom-color: transparent;vertical-align: middle;margin-right: 15px;}
.mobile-head-items {display:none;}



/*----------------------------------aside---------------------------------*/	
.aside { float:left; width:300px;}
.side-tit-bar { position:relative; }
.side-tit-bar .side-tit { position:relative; font-size:20px; line-height:49px; color:#FFF; padding:0 20px;background: #a81c1b; font-weight:normal;text-transform: capitalize;}
.side-widget { position:relative; margin:0 0 60px; }
.side-cate { }
.side-cate li { position:relative; line-height:24px;background:#f3f3f3;}
.side-cate li li {background:#f9f9f9;}
.side-cate li a { position:relative;display:block; padding:8px 0 8px 20px;margin-right:38px; }
.side-cate ul { display:none; overflow:visible !important }
.side-cate li li a { padding:8px 20px 8px 35px;margin-right:0;color:#666;text-transform: capitalize;}
.side-cate li li a:hover{color:#53b9e3;}
.side-cate li li li a { padding:0 66px;margin-right:0;}
.side-cate li .icon-cate { position:absolute; right:10px; top:10px;display:inline-block;width:20px; line-height:20px;text-align:center; font-size:10px; cursor:pointer; color:#222;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.side-cate li .icon-cate.icon-cate-down:before { content:'\f067'; }
.side-cate li .icon-cate.icon-cate-up:before { content:'\f068'; }
.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate { color:#1f2d5e; }
.side-cate li .icon-cate:hover{background-color:#1f2d5e;color:#fff;}
.side-product-items { position:relative; }
.side-product-items .items_content { position:relative; }
.side-product-items .items_content { }
.side_product_item { position:relative; display:block; width:100%; overflow:hidden; margin:0 0 6px;height: 100% !important;}
.side_product_item figure { position:relative; display:block;  border:1px solid #eee; overflow:hidden; padding:8px; background:#FFF;position:relative;}
.side_product_item .item-img { position:relative; display:inline-block; vertical-align:top;  *display:inline;*zoom:1;width:45%; }
.side_product_item .item-img img { position:relative; width:100%; }
.side_product_item figcaption { position:relative; display:inline-block; vertical-align:top;  *display:inline;*zoom:1;width:53%; padding:10px 0 10px 15px;}
.side_product_item figcaption .item_title { line-height:1.3; margin:0 0 10px; text-transform:uppercase; font-size:14px;font-weight:normal; }
.side_product_item figcaption .item_text { color:#949494; line-height:1.3;font-size: 12px; }
.side_product_item .add-friend { position:absolute; right:0; bottom:0; width:37px; height:39px; }
.side_product_item .add-friend:before{content:'';display:block;width:0;height:0;border-style:dashed dashed solid;border-color:transparent transparent  #02a0e1;border-width:0 0 39px 39px;overflow:hidden;position:absolute;right:0;bottom:0;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing:content-box;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.side_product_item .add-friend:hover:before{border-bottom-color:#53b9e3;}
.side_product_item .add-friend:after { content:""; position:absolute; width:11px; height:11px; bottom:6px; right:6px; background:url(img/add01.png) no-repeat center center; z-index:1;}
.side-product-items .btn-prev, .side-product-items .btn-next { position:absolute; left:0; width:100%; height:15px; display:block; cursor:pointer; opacity:.25; }
.aside .side-bn { width:100%; margin:0 0 40px; }
.aside .side-bn img { width:100% }


/*----------------------------------main---------------------------------*/
.main { position:relative;width: calc(100% - 320px); float:right;padding-bottom: 50px;}
.main .banner_section {margin-bottom: 25px;}

/*title*/
.main_hd{margin-bottom:10px;border-bottom:1px solid #e0e0e0;padding-bottom:10px;margin-bottom: 60px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.main_hd .page_title{line-height: 1;float:left;font-weight:normal;padding-right:8%;padding-bottom:0;-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.main_hd .share_this,.items_list .main_hd .share_this{float:right;position:static;}
.page_title{font-size:22px;padding-bottom:15px;}
/*main_banner*/
.banner_section .main_banner_slider ul{-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;margin: 0!important}
.main_banner{margin-bottom: 30px;position: relative;overflow: hidden;}
.main_banner img{display: block;width: 100%;height: auto;min-height: 160px;}
.main_banner .swiper-wrapper li a{display: block;position: relative;}
.main_banner .swiper-wrapper li a:before{content: '';display: block;width: 100%;height: 100%;background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.6));background-image: linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.6));position: absolute;left: 0;top: 0;}
.main_banner .swiper-pagination{width: 100%;text-align: center;padding-bottom: 15px;position: absolute;left: 0;bottom: 0;z-index: 1;}
.main_banner .swiper-pagination-bullet{margin: 0 5px;}
.main_banner .swiper-pagination-bullet:before{border: 0;}
.main_intro{line-height: 2;}
/*page*/
.page_bar{ position:relative;  line-height:31px; height:33px; margin:30px 0; text-align:center; font-size:12px;}
.page_bar a,.page_bar span{position:relative; display:inline-block; vertical-align:top; min-width:33px; padding:0 5px;  border:1px solid #ccc; margin:0 0 0 8px; text-align:center; border-radius:3px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#e7eaee',gradientType='0');background: -moz-linear-gradient(top, #ffffff, #e7eaee);background: -o-linear-gradient(top,#ffffff, #e7eaee);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e7eaee));}
.page_bar a.current,.page_bar a:hover{ color:#FFF; background:#333;  border-color:#333 }
.page_bar  span.current2{padding-left: 8px;padding-right: 8px;}



/*-------------------------------------------------------- 
													page: product list
																	------------------------------------------------------*/
.items_list {width:100%;position: relative;}
.items_list ul{margin:-10px -18px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.items_list .product_item {-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width: 33.33333333%;width: 33.33333333%;float: left;padding:10px 18px;}
.items_list .product_item .item_img,.goods-may-like .product_item .item_img {border-left: 10px solid rgba(0,33,64,.04);border-bottom: 3px solid rgba(0,33,64,.04);}
.items_list .product_item .item_img:hover img,.goods-may-like .product_item .item_img:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.items_list .product_item .item_img a,.goods-may-like .product_item .item_img a{z-index: 2;}
.items_list .product_item .item_img a:before,.goods-may-like .product_item .item_img a:before{content: '';display: block;position: absolute;width: 100%;height: 100%;background-color: #de7626;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity: 0;filter: alpha(opacity=0);}
.items_list .product_item .item_img a:after,.goods-may-like .product_item .item_img a:after{content: '';display: inline-block;width: 39px;height: 39px;line-height: 39px;background-image: url(img/ico_plus.png);background-position: center;background-repeat: no-repeat;-webkit-background-size: auto 39px;background-size: auto 39px;text-align: center;color: #fff;font-size: 24px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 1;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);}
.items_list .product_item:hover .item_title a,.goods-may-like .product_item:hover .item_title a{color: #a81c1b;}
.items_list .product_item:hover .item_img a:after,.goods-may-like .product_item:hover .item_img a:after{opacity: .8;filter: alpha(opacity=80);font-size: 40px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.items_list .product_item .item_img:before,.goods-may-like .product_item .item_img:before{content: '';display: block;position: absolute;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;z-index: 1;}
.items_list .product_item .item_img:before,.goods-may-like .product_item .item_img:before{width: 50%;height: 50%;left: 25%;top: 25%;}
.items_list .product_item:hover .item_img:before,.goods-may-like .product_item:hover .item_img:before{background-color: rgb(168 28 27 / 50%);width: 100%;height: 100%;left: 0;top: 0;}



/*-------------------------------------------------------- 
													page: single Product
																	------------------------------------------------------*/
/*product photos*/
.product-intro {position:relative;margin-bottom: 60px;}
.cloud-zoom-lens {border: 1px solid #eee;cursor:move;}
.cloud-zoom-title {position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
.cloud-zoom-big {overflow:hidden;padding:0px;background-color: #fff;}
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}
.product-view .swiper-slide{padding-bottom: 1px;}
.product-view .product-image.zoom_remove:after {content: "";position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;z-index: 999;}
.product-view{position:relative;width:42%;/*max-width: 545px;*/float:left;}
.product-view .product-image{box-shadow:-20px 8px 0 #f3f4f6,0 8px 0 #f3f4f6,-20px 0 0 #f3f4f6;}
.product-view .product-image img{position:relative;width:100%;}
.product-view .image-additional{position:relative;width:100%;margin:50px auto 25px;overflow:hidden;background-color: #f6f6f6;}	
.product-view .image-additional li{position:relative;width:100%;width: 20%;float: left;height: auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;}
.product-view .image-additional li.single{display:none;}	
.product-view .image-additional li img{display: block;width:100%;position:relative;margin:0 auto;/*opacity: .3;filter: alpha(opacity=30);*/-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.product-view .image-additional li a{display: block;position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-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 a:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,.7);position: absolute;left: 0;top: 0;z-index: 1;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.product-view .image-additional li.current a:before{background-color: rgba(255,255,255,0);}
.product-view .image-additional img.popup{display:none;}
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#a81c1b;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none;}
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets{display:none;}
.product-view .swiper-button-next,.product-view .swiper-button-prev {width:22px;height:32px;margin-top:-16px;line-height: 32px;border-radius:0;font-weight: bold;font-size: 24px;opacity: .9;filter: alpha(opacity=90);background-color: rgba(0,0,0,.7);color:#fff;font-weight: normal;opacity: 0;filter: alpha(opacity=0);}
.product-view .swiper-button-next.swiper-button-disabled,.product-view .swiper-button-prev.swiper-button-disabled{opacity: 0;filter: alpha(opacity=0);}
.product-view:hover .swiper-button-next.swiper-button-disabled,.product-view:hover .swiper-button-prev.swiper-button-disabled{opacity: .3;filter: alpha(opacity=30);}
.product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-prev {left:0;}
.product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-next {right:0;}
.product-view:hover .swiper-button-prev,.product-view:hover .swiper-button-next{opacity: 1;filter: alpha(opacity=100);}
.product-view:hover .swiper-button-disabled{opacity: .3;filter: alpha(opacity=30);}
.product-view .swiper-button-prev:not(.swiper-button-disabled):hover,
.product-view .swiper-button-next:not(.swiper-button-disabled):hover{background-color: #a81c1b;color:#fff;}
/*product summary*/
.product-summary {position:relative;width:54%;max-width: 680px;float:right;padding:0 0 10px;}
.product-summary .page_title{font-size: 28px;text-transform: capitalize;}
.product-summary .product-meta {line-height:25px;font-size: 16px;line-height: 1.8;}
.product-summary .product-meta h3 {margin:0 0 10px;font-size:18px;font-weight: normal;color: #aaa;}
.product-summary .product-meta p{font-size: 17px;}
.product-summary .product-meta ul{padding-top: 25px;}
.product-summary .product-meta li{width: 100%;display: table;font-size: 16px;padding: 2px 0;line-height: 1.6;}
.product-summary .product-meta li em{display: table-cell;width: 36%;color: #98a6b1;}
.product-summary .product-meta li .item-val{display: table-cell;-ms-word-break: break-all;word-break: break-all;word-wrap: break-word;}
.product-summary .product-meta br{height: 10px;display: none;}
.product-btn-wrap {position:relative;padding-top: 90px;text-align: right;}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {position:relative;display:inline-block; *display:inline;*zoom:1;vertical-align:top;line-height:28px;padding:.05em .8em;border: 1px solid #a81c1b;font-size:16px;background:#a81c1b; color:#fff;margin:0 0 10px 25px;text-transform: uppercase;border-radius: 4px;}
.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover{background: #1e252b;border-color: #1e252b;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: '\f1c1';}
.product-summary .share-this {margin:45px 0 0;text-align: right;}
/* product detail */
.product-detail {position:relative;overflow:visible;}
.detail-tabs {position:relative;margin-bottom: -1px;background-color: #eaedf0;border:1px solid #ccd3d9;}
.detail-tabs .title {position:relative;display:inline-block;vertical-align:top;line-height:35px;padding:1px 35px;cursor:pointer;font-weight:bold;font-size:18px;float: left;margin-right: -1px;position: relative;color: #959da7;text-transform: uppercase;border-left: 1px solid #ccd3d9;border-right: 1px solid #ccd3d9;margin-left: -1px;position: relative;}
.detail-tabs .title.current {background:#fff;color: #002140;padding-bottom: 2px;margin-bottom: -1px;position: relative;z-index: 2;}
.product-detail .tab-panel-content {padding:10px 0;display:block;overflow:hidden }
.product-detail .disabled {display:none;}
.tab-panel-wrap{padding:40px;background-color: #fff;border: 1px solid #ccd3d9;margin-bottom:60px;}
/*like product*/
.goods-may-like{position: relative;overflow: hidden;margin-bottom: 110px;}
.goods-may-like .swiper-slider{}
.goods-may-like .swiper-wrapper{}
.goods-may-like .title{font-size:24px;margin:80px 0 40px;font-weight: bold;}
.goods-may-like .title em{font-weight: normal;padding-right: 3px;}
.goods-may-like .title:before,.goods-may-like .title:after{content: '';display: inline-block;width: 20px;height: 14px;background-color: #002140;opacity: .1;filter: alpha(opacity=10);-webkit-transform: skew(30deg);-ms-transform: skew(30deg);-o-transform: skew(30deg);transform: skew(30deg);margin: 0 15px;vertical-align: middle;}
.goods-may-like .title:before{margin-left: 3px;}
.goods-may-like .product_item{width: 25%;margin:0;padding:0;}
.goods-may-like .swiper-slide{width: 25%;overflow: visible;}
.goods-may-like .product_item{width: 33.3333%;margin-right: 20px;padding-bottom: 0px;position: relative;}
.goods-may-like .product_item figure{margin: 0;}
.goods-may-like .product_item:hover .item_img img{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.goods-may-like .product_item{width: 25%; margin:0; padding:0;}
.goods-may-like .swiper-control{position: absolute;right: 0;top: 90px;}
.goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next{position: static;display: inline-block;font-family: Arial, Helvetica, sans-serif;;width: 26px;height: 26px;line-height: 26px;font-size: 18px;border-radius:0;text-align: center;background-color: #002140;color: #fff;margin-left: 7px;opacity: 1;filter: alpha(opacity=100);}
.goods-may-like .swiper-button-prev:before,.goods-may-like .swiper-button-next:before{content: '';display: inline-block;width: 0;height: 0;overflow: hidden;border: 8px solid #fff;border-top-width: 5px;border-bottom-width: 5px;border-top-color: transparent;border-bottom-color: transparent;vertical-align: middle;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.goods-may-like .swiper-button-prev:before{border-left-width: 0;}
.goods-may-like .swiper-button-next:before{border-right-width: 0;}
.goods-may-like .swiper-button-prev:not(.swiper-button-disabled):hover, .goods-may-like .swiper-button-next:not(.swiper-button-disabled):hover{background-color: #a81c1b;}
.goods-may-like .swiper-button-next.swiper-button-disabled,.goods-may-like .swiper-button-prev.swiper-button-disabled{opacity: 0.3;filter: alpha(opacity=30);}





/*-------------------------------------------------------- 
													page: blog list
																	------------------------------------------------------*/
.blog_list {position:relative;width:100%;}
.blog-item {position:relative;width:100%;overflow:hidden; padding:35px 20px;}
.blog-item:nth-child(2n+1) {background:#f9f9f9;}
.blog-item:before {content: "";position: absolute;left: 0;bottom: 0;width:100%;height: 1px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.blog-item:after{content: '';display: block;width: 0;height: 3px;background-color: #a81c1b;position: absolute;left: 0;bottom: 0;opacity: 0;filter: alpha(opacity=0);}
.blog-item:hover:after{width: 100%;opacity: 1;filter: alpha(opacity=100);-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.blog-item .item-img,.blog-item .item-img img{border-radius: 5px;}
.blog-item .item-img {position:relative;display:block;max-width:200px;padding: 5px;border: 1px solid #eee;background-color: #fff; margin:0 20px 0 0;float:left;}
.blog-item .item-img img {position:relative;width:100%;}
.blog-item .item-info .item-title {height: 1.5em;line-height: 1.5em;overflow: hidden;font-size:20px;font-weight: normal;}
.blog-item .item-info time {display:block;font-size: 16px;margin:8px 0;}
.blog-item .item-info .item-detail {}
.blog-item .item-info .item-more {color:#8f9395;margin:20px 0 0;float: right;}
.blog-item .item-info .item-more{display: inline-block;padding: .2em .8em;line-height: 1.8;color: #a81c1b;position: relative;text-transform: uppercase;}
.blog-item .item-info .item-more:after{content: '';display: block;width: 100%;height: 2px;background-color: #a81c1b;position: absolute;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.blog-item .item-info .item-more:before{left: 0;top: 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: #a81c1b;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; padding:15px 0;margin:0 0 10px;line-height:30px;border-bottom:1px solid #eee;}
.download-item .item-img {max-width:25px;}
.download-item .item-title {position:relative;display:inline-block; *display:inline;vertical-align:top; *zoom:1;margin:0 10px;font-size:16px;font-weight:bold;}
.download-item .item-button {position:relative;display:inline-block; *display:inline;vertical-align:top; *zoom:1;float:right; line-height:30px;padding:0 15px;border:1px solid #ccc;background:#eee;border-radius:5px;cursor:pointer;}
.download-item .item-button:before {content:"\f019"; margin:0 10px 0 0;}

/*-------------------------------------------------------- 
													page: faq list
																	------------------------------------------------------*/
.faq_list {position:relative;width:100%;}
.faq-item {position:relative;width:100%;overflow:hidden; padding:0 25px;border:1px solid #eee;margin:0 0 20px;}
.faq-item .faq-title {position:relative;font-size:16px; padding:15px 0;cursor:pointer;}
.faq-item .faq-title:before {position:absolute;content:"\f067";right:0;font-size:14px;}
.faq-item .faq-title.show-title:before {content:'\f068';}
.faq-item .faq-title h3{font-weight:normal;}
.faq-item .faq-cont {margin:0 0 25px;display:none;}
.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;}
}


@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1500px) {
/*layout*/
.web_head .layout,.web_footer .layout{width: 1280px;}
}

@media only screen and (max-width: 1440px) {
/*index*/
.index_product .owl-carousel .owl-stage-outer{overflow: hidden;}
.index_product .owl-item:not(.active) .product_item{filter: none;}
}
@media only screen and (max-width: 1366px) {
/*layout*/
body{min-width: 1150px;}
.layout {width: 1150px;}
.web_head .layout,.web_footer .layout{width: 1200px;}
/*header*/
.nav_wrap .head_nav>li{margin-left: 8px;margin-right: 8px;}
.web_head .head_nav>li>a{font-size: 14px;}
/*list*/
.items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width: 33.33333333%;width: 33.33333333%}
}
@media only screen and (max-width: 1280px){
/*layout*/
body{min-width: 1100px;}
.layout {width: 1100px;}
.web_head .layout,.web_footer .layout{width: 96%;}
/*list*/
.items_list .product_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%;}
}
@media only screen and (max-width: 1200px) {
/* layout */
body{min-width: inherit;}
.layout {width: 92%;}
.web_head .layout,.web_footer .layout{width: 96%;}
/*header*/
.web_head .logo img{max-height: 42px;}
.web_head .logo:after{bottom: 70px;}
.nav_wrap .head_nav>li{margin-left: 5px;margin-right: 5px;}
.web_head .btn--search{width: 25px;margin-left: 10px;}
.fixed-nav .logo:after{bottom: 0;}
/*index*/
.index_news .news_side{padding-left: 40px;}
.index_news .news_side .sys_btn{padding-left: .5em;padding-right: .5em;}
}
@media only screen and (max-width: 1024px) {
/*header*/
.nav_wrap .head_nav>li>a{font-size: 14px;}
/*index*/
.slider_banner .swiper-pagination{bottom: 30px;}
.index_hd .hd_title .title_bg{-webkit-transform: scale3d(1.5,1.5,1.5);-ms-transform: scale3d(1.5,1.5,1.5);-o-transform: scale3d(1.5,1.5,1.5);transform: scale3d(1.5,1.5,1.5);}
.index_news .news_side .learn_more{padding-top: 120px;}
/*footer*/
.web_footer{font-size: 14px;}
.web_footer .layout{overflow: hidden;}
/*list*/
.sys_sub_head .head_title h1{font-size: 42px;}
}


@media only screen and (max-width: 950px) {
    
body{min-width: 100%;}
.pc_banner{display:none;}
.mobile_banner{display:block;}
.z10000 {position:relative;z-index:100000;}
.mobile-body-mask {width:100%;height:100vh;background:rgba(0, 0, 0, 0.6);position:fixed;left:0;top:0;z-index:999 }
.mobile-ico-close {width:30px;height:30px;background:#fff url(img/mobile_close.png) center center no-repeat;background-size:50% auto;position:absolute;right:-35px;top:0;cursor: pointer;}
.sub-content {position:relative;display:block;right:auto;border-radius:0;border:none;box-shadow:none;z-index:99999;}
.lang-more {display:none !important }
.mobile-head-items {padding: 5px 0;position:fixed;top:0;left:0;background:#161622;width:100%;height: 35px;line-height: 35px;text-align:left;display:block;z-index:999;}
.mobile-head-item {float:left;width:45px;}
.mobile-head-item.mobile-head-aside {float:right }
.mobile-head-item .title {width:100%;height:25px;line-height:25px;overflow:hidden;text-align:center;color:#FFF;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 {font-size: 25px;content:'\f0c9';}
.mobile-head-item.mobile-head-language .title:before {font-size: 25px;content:"\f1ab";}
.mobile-head-item.mobile-head-search .title:before {content:"\f002";font-size: 25px;}
.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 {background:#FFF;top:0;display:block;z-index:99999;}
.mobile-head-item .main-content-wrap .content-wrap {overflow-y: auto;height:100%;padding:15px 10px;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;display:block;left:-70%;width:70%;height:100%;}
.mobile-head-item .middle-content-wrap {position:absolute;left:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden;}
.mobile-head-item .middle-show-content-wrap {top:30px;visibility:visible;opacity:1;}
.mobile_logo img{display:block}
.pc_logo img{display:none;}
.web_head .logo{position:relative;display:block;float: none;text-align: center;padding:15px 0;}
.web_head{padding:25px 0 0;height:auto;}
.web_head .nav_wrap .head_nav,.web_head .change-language,.web_head .btn--search{display:none;}
.web_head .nav_wrap{position: static;}
.nav_wrap .logo img{height: 100px;}
.web_head .btn--search{ right:0;top:-20px;margin:0;}
.web_head .head-search{display: none;}
.head-search{position:relative;width:90%;height:35px;background:#000;margin:0 auto;}
.head-search .search-ipt{position:absolute;width:100%;height:100%;left:0;top:0;color:#FFF;padding:0 10px;}
.head-search .search-btn{position:absolute;width:35px;height:100%;background:url(img/search_btn_mobile.png) no-repeat center center;-webkit-background-size: auto 16px;background-size: auto 16px;border:none;right:0;top:0;display:block !important;}
.head-search .search-attr{display:none;}
.wp_title{font-size:0.16rem;/* left:calc(50% - 30px); */top:calc(50% - 14px);}
/* header */
.web_head{position: static;text-align: center;margin-bottom: 0;}
.web_head .head_layer:before{display: none;}
.index_web_head .head_layer{padding-bottom: 0;}
.web_head .head_right{display: none;}
.web_head .head_layer .layout{display: block;text-align: center;}
.web_head .logo{display: inline-block;height: auto;}
.web_head .logo img{max-height: 50px;}
.path_bar {background-attachment: scroll!important;margin-top: 0;}
.mobile_banner{display:block !important;}
.wp_hh img{display:none;}


/*nav */
.head_nav{width: 100%;padding: 0 5px;}
.head_nav li {padding-left: 28px;padding-top: 4px;padding-bottom: 4px;}
.head_nav li, .head_nav li a{color: #111;}
.head_nav li.has-child{padding-left: 28px;margin-top: 0;margin-bottom: 0;}
.head_nav li.has-child>a{margin-top: 3px;margin-bottom: 3px;margin-right: 35px;}
.head_nav li.has-child>ul{display: none;}
.head_nav li.siblings-no-menu{position: relative;padding-left: 15px;}
.head_nav li a{display: block;height: 1.4em;line-height: 1.4em;position: relative;}
.head_nav li a:hover{color: inherit;}
.head_nav li em{display: block;height: 1.4em;overflow: hidden;}
.head_nav li li{font-size: 14px;}
.head_nav li li li{font-size: 12px;}
.head_nav li li a{color: #666;}
.head_nav li.has-child a b{display: inline-block;width: 15px;height: 15px;border:1px solid #111;border-radius:2px;overflow: hidden;line-height: 15px;position: absolute;right: -35px;top: 1px;-webkit-box-sizing: content-box;box-sizing: content-box;}
.head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content: '';display: block;width: 9px;height: 1px;background-color: #111;position: absolute;left: 3px;top: 50%;margin-top: -.5px;}
.head_nav li.has-child a b:after{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);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{font-size: 16px;text-transform: uppercase;margin-bottom: -1px;position: relative;text-transform: uppercase;position: relative;}
.head_nav li,.head_nav li.has-child{padding-left: 0;}
.head_nav li li,.head_nav li li.has-child{padding-left: 15px;}
.head_nav li.active>a>b:after{display: none;}
.head_nav li.active>a>b{background-color: #111;}
.head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color: #fff;}
.web_head .nav_wrap{display:none;}


/* footer */
.foot_service .foot_item_hd .title{font-size: 24px;}
.foot_service .foot_item_hd .tit_desc{font-size: 12px;padding-left: .5em;}
.foot_sns li{padding-right: 8px;padding-bottom: 8px;}
.foot_sns li img{max-height: 20px;}
.company_subscribe .button{padding: .35em 1.2em;}
.contact_item{padding-left: 35px;}
.contact_item .item_label{font-size: 24px;}
.contact_item .contact_ico_tel{width: 25px;height: 25px;-webkit-background-size: auto 20px;background-size: auto 20px;}
/*index*/
.slider_banner .swiper-pagination{bottom: 20px;}
.slider_banner .swiper-pagination-bullet{margin: 0 8px;}
/* 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{content: '';display: block;height: 0;clear: both;visibility: hidden;}
.side-product-items .side_slider .swiper-wrapper{width: auto;display: block;margin: 0 -5px;}
.side-product-items .side_product_item{display: block;width: 50%;height: auto!important;float: left;;text-align: center;}
.side-product-items .side_product_item:nth-child(2n+1){clear: left;}
.side-product-items .side_product_item figure{display: block;width: auto;border: 1px solid #eee;padding: 3px;margin: 5px;}
.side-product-items .side_product_item .item-img{display: block;width: 100%;float: none;border: 0;}
.side-product-items .side_product_item .item-img img{width: 100%;height: auto;border: 0;}
.side-product-items .side_product_item figcaption{width: auto;display: block;padding: 8px;}
.side-product-items .side_product_item figcaption .item_title{height: auto;font-size: 12px;text-transform: none;}
/* main */
.main {width:auto;float:none;margin:0 auto;}
.product-item {width:33.333%;}
.product-item .item-wrap {margin:8px;}
/*sys_sub_head*/
.page_bar{margin-top: 20px;text-align: center;}
.path_bar .layout{width: auto;}
.sys_sub_head .layer_ft_bg{display: none;}
.web_head:after{-webkit-background-size: 100% auto;background-size: 100% auto;}
/* list */
.items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width: 33.33333333%;width: 33.33333333%}
/* product intro */
.page_title{line-height: 1.1;border-bottom: 0;}
.video_close {display:none }
.image-additional li.image-item.current img {border:none;}
.product-view {width:100%;float:none;margin:0 auto 30px;}
.product-view .product-image, .single_product_items {display:none }
.image-additional-wrap {display:block;}
.product-view .image-additional {margin:0 -2px;background: none;}
.product-view .image-additional ul {width:100%;}
.product-view .image-additional li {width:33.33333333%;margin:0;}
.product-view .image-additional li a {padding:0;margin: 0 2px;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, .product-view .swiper-button-prev{background: rgba(0,0,0,.8);color: #fff;}
.product-view .swiper-button-next{right: 5px;}
.product-view .swiper-button-prev{left: 5px;}
.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 {position:relative;width:100%;float:none;}
.product-summary .share-this {float:none;margin:30px 0;}
.product-summary .product-meta li{display: block;}
.product-summary .product-meta li em{display: inline;color: #333;padding-right: 15px;font-weight: bold;}
.product-btn-wrap{text-align: left;}
.product-btn-wrap a {margin:0 0 10px !important;}
.product-summary .share-this{text-align: left;}
/* product detail  */ 
.tab-panel-wrap{padding: 30px 0 0;}
.goods-may-like .title{margin-top: 50px;margin-bottom: 50px;}
}


@media only screen and (max-width: 768px) {
/*footer*/
.web_footer:before{height: 60px;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.foot_service .foot_item{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;width: 100%;}

/*index*/
.sys_btn{font-size: 18px;}
.index_hd .hd_title{font-size: 30px;}
.slider_banner:after{height:40px;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.index_company_intr{margin-bottom: 100px;}
.index_company_intr:after{height: 60px;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.application_item .item_info{width: 100%;}
.application_item .item_cont{display: none;}
.application_item .item_info,.application_item:hover .item_info{bottom: 0;}
.application_item .item_title{font-size: 14px;}
.application_list:hover .application_item,.application_list:hover .application_item:hover{width: 20%;}
.index_application .application_list{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.index_application .application_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width: 33.33333333%;width: 33.33333333%;overflow: hidden;}
.index_application .application_item:nth-child(4),.index_application .application_item:nth-child(5){-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 33.33333333%;}
.application_item .item_img img{height: 360px;}
.index_product:after{height: 60px;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.index_product .product_item figure{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}
.index_product .product_item .item_desc{height: auto;}
.index_product .product_item .item_img,.index_product .product_item figcaption{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;width: 100%;}
.index_news{padding-top: 120px;padding-bottom: 80px;}
.index_news .news_items{margin: -5px;}
.index_news .news_item{padding: 5px;}
.index_news .news_tabs{text-align: center;}
.index_news .news_tabs li{display: inline-block;vertical-align: middle;padding-top: 10px;padding-bottom: 10px;font-size: 14px;margin: 0 10px;}
.index_news .news_tabs li.active::after{width: 30%;left: 35%;}
.index_news .news_side .learn_more{padding-top: 35px;padding-bottom: 35px;text-align: center;}
.index_news .news_side .sys_btn{display: inline-block;}
.index_news .index_hd{text-align: center;}
.index_news .index_hd .hd_title .title_bg{-webkit-transform-origin: center;-moz-transform-origin: center;-ms-transform-origin: center;-o-transform-origin: center;transform-origin: center;}
.index_news .news_main,.index_news .news_side{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;width: 100%;padding-left: 10px;padding-right: 10px;}
.index_news .news_main{-webkit-box-ordinal-group: 2;-moz-order: 2;-webkit-order: 2;order: 2;}
.index_news .news_main:before{display: none;}
.index_news .news_item .ico_view{display: none;}
.index_news .news_item .item_info,.index_news .news_item:hover .item_info{top: auto;bottom: 0;background-color: rgba(225,140,68,.85);opacity: 1;filter: alpha(opacity=100);padding: 5px 10px;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.index_news .news_item .item_img:before{display: none;}
.index_news .news_item .item_title{height: 1.1em;font-size: 14px;}
/*list*/
.items_list .product_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%}
.items_list .product_item figcaption{padding: 0;padding-right: 0;}
}


@media only screen and (max-width: 640px) {
/* list */
.sys_sub_head .head_title h1{font-size: 30px;}
}


@media only screen and (max-width: 480px) {
.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 */
.layout,.web_head .layout,.web_footer .layout{width: 100%;padding-left: 10px;padding-right: 10px;}
/*header*/
.web_head .head_layer{background-color: #ffffff;}
.web_head .logo img{max-height:50px;}
.head_nav>li>a{font-size: 14px;}
.web_head .logo:after{display: none;}
.web_head:after{display: none;}
.web_head .head_layer{height: auto;padding-bottom: 0;}
/*footer*/
.web_footer{font-size: 12px;}
.web_footer:before{height: 30px;}
.foot_service .foot_item_hd .title{font-size: 20px;}
.foot_sns li img{max-height: 18px;}
/* aside */
.side-widget{margin:0 0 30px;}
.side-tit-bar .side-tit{font-size: 16px;text-transform:none;;}
.side-cate li{font-size: 12px;}
.side-cate li .icon-cate{width: 30px;}
.side-widget .cate-type-list>li{line-height: 20px;}
.side-widget .cate-type-list>li>a:before{top: 6px;}
.side-product-items .side_product_item{width: 100%;float: none;}
.side-product-items .side_product_item figure{margin-left: 10px;margin-right: 10px;}
/* index */
.sys_btn{font-size: 14px;padding: .2em 1.5em;border-width: 2px;}
.index_hd{margin-bottom: 15px;}
.index_hd .hd_title{font-size: 24px;padding: 10px 0;}
.index_hd .hd_title .title_bg{top: 10px;-webkit-transform: scale3d(1.3,1.3,1.3);-ms-transform: scale3d(1.3,1.3,1.3);-o-transform: scale3d(1.3,1.3,1.3);transform: scale3d(1.3,1.3,1.3);}
.index_swiper_control .swiper-button-prev,.index_swiper_control .swiper-button-next{width: 22px;height: 22px;margin: 0 10px;}
.index_swiper_control .swiper-button-prev:before, .index_swiper_control .swiper-button-next:before{width: 22px;height: 22px;line-height: 22px;font-size: 14px;-webkit-background-size: auto 10px;background-size: auto 10px;}
.slider_banner .swiper-button-white{display: none;}
.slider_banner .swiper-pagination{bottom: 10px;}
.slider_banner .swiper-pagination-bullet{margin: 0 8px;}
.slider_banner .swiper-pagination-bullet, .slider_banner .swiper-pagination-bullet:after{width: 8px;height: 8px;}
.slider_banner .swiper-slide img{width: auto;/* min-height: 180px; */}
.slider_banner:after{height: 20px;}
.index_company_intr{margin-bottom: 80px;}
.index_company_intr .company_intr_desc{font-size: 14px;}
.index_company_intr:after{height: 30px;}
.index_application .application_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex: 0 0 100%;max-width: 100%;width: 100%;}
.index_application .application_item:nth-child(4),.index_application .application_item:nth-child(5){-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex: 0 0 100%;max-width: 100%;width: 100%;}
.application_item .item_inner{padding: 67% 0;}
.application_item .item_img img{width: 100%;min-height: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.application_item .item_img:before{z-index: 2;}
.application_item .item_title{font-size: 12px;padding-bottom: 5px;}
.application_item .item_title:after{width: 50px;height: 2px;}
.index_application .application_item:last-child{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;width: 100%;}
.index_main .product_item .item_title{font-size: 16px;}
.index_product:after{height: 30px;}
.index_product .product_item .item_desc{font-size: 12px;}
.index_product .product_item .item_desc p{padding-left: 20px;}
.index_product .product_item .item_desc p:before{width: 6px;height: 6px;top: 7px;}
/*main*/
.path_bar ul:before{width: 16px;height: 16px;-webkit-background-size: contain;background-size: contain;margin-right: -5px;}
.path_bar li{font-size: 12px;padding-left: 5px;}
.path_bar li + li:before{margin-right: 5px;}
.main_banner .swiper-pagination-bullet{width: 8px;height: 8px;}
.page_main{padding-top: 30px;}
.page_bar {line-height: 22px;font-size: 12px;}
.page_bar a,.page_bar span{min-width: 2em;margin: 0 2px;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,.items_list .product_item .item_img,.items_list .product_item .item_img img{border-radius: 0;}
.items_list .product_item .item_img{border: 1px solid #eee;}
.items_list .product_item figcaption{padding-top: 5px;}
.items_list .product_item .item_title{font-size: 12px;}
.items_list .product_item .item_title a{height: 2.5em;line-height: 2.5em;border-radius: 5px;}
/*blog*/
.blog-item {padding: 30px 5px;}
.blog-item .item-img{width: auto;max-width: 70%;float: none;margin-right: 0;border: 1px solid #ddd;-webkit-box-sizing: border-box;box-sizing: border-box;}
.blog-item .item-info .item-title{line-height: 1.2;font-family: 'MyriadProBold';font-weight: normal;}
.blog-item .item-info{padding-top: 15px;}
.blog-item .item-info .item-title{height: auto;font-size: 22px;}
.blog-item .item-info .item-detail{max-height: 9em;line-height: 1.5em;overflow: hidden;overflow: hidden;text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.blog-item .item-info .item-more{float: none;padding-left: 0;padding-right: 0;}
.blog-item .item-info time{font-size: 14px;color: #888;}
/* product */
.items_list .share_this{position: static;text-align: left;padding-bottom: 15px;float: none;}
.product-intro{overflow: visible;}
.product-view{width:auto;margin-left: -10px;margin-right: -10px;}
.product-view .image-additional li{width: 100%;}
.product-view .image-additional li a{margin-left: 0;margin-right: 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;line-height:40px;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;font-size: 18px;opacity: .8;}
.product-view .swiper-button-prev{left: 0;border-radius: 0 3px 3px 0;padding-right: 2px;}
.product-view .swiper-button-next{right: 0;border-radius:3px 0 0 3px;padding-left: 2px;}
.product-view .swiper-button-prev:before,.product-view .swiper-button-next:before{display: inline-block;-webkit-transform: scale(.7,1);-ms-transform: scale(.7,1);-o-transform: scale(.7,1);transform: scale(.7,1);}
.product-view .swiper-button-prev:before{content: '\f053';}
.product-view .swiper-button-next:before{content: '\f054';}
.goods-may-like .title{text-transform: none;}
.page_title{font-weight: normal;font-size: 20px;}
.product-summary{padding-top: 0;}
.product-summary .page_title{font-size: 24px;}
.product-summary .product-meta{font-size: 14px;}
.product-summary .product-meta p{font-size: 15px;}
.product-summary .product-meta h3{line-height: 1.3;font-size: 16px;}
.product-summary .product-meta li{font-size: 13px;}
.product-summary .share-this{text-align: left;margin: 20px 0 0;}
.product-btn-wrap{padding-top: 30px;}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy{font-size: 12px;padding: 5px 10px;line-height: 20px;}
.product-detail{margin-top: 40px;}
.detail-tabs .title{font-size: 14px;padding: 1px 15px;}
.tab-panel-wrap{padding:20px 0;border: 0;}
.goods-may-like .title{margin-top: 40px;margin-bottom: 30px;font-size: 20px;}
.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-left: 0;padding-right: 0;}
.goods-may-like .swiper-control{position: static;}
.goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next{width: 30px;height: 30px;line-height: 30px;margin-left: 0;margin-right: 0;margin-top: -15px;background-color: rgba(0,0,0,.7);position: absolute;}
.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%;}
}
/*-------------------------------
			font start
			----------------------------------*/
@font-face {
 font-family: 'fontawesome';
 src: url("../fonts/fontawesome-webfont.eot");
src: url("../fonts/fontawesome-webfont-1.eot") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg") format("svg");
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
 font-family:'AiDeep';
 src:url("../fonts/AiDeep.eot");
src:url("../fonts/AiDeep-1.eot") format("embedded-opentype"), url("../fonts/AiDeep.woff2") format("woff2"), url("../fonts/AiDeep.woff") format("woff"), url("../fonts/AiDeep.ttf") format("truetype"), url("../fonts/AiDeep.svg") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face {
 font-family:'Arg-UltraItalic';
 src:url("../fonts/Arg-UltraItalic.eot");
src:url("../fonts/Arg-UltraItalic-1.eot") format("embedded-opentype"), url("../fonts/Arg-UltraItalic.woff2") format("woff2"), url("../fonts/Arg-UltraItalic.woff") format("woff"), url("../fonts/Arg-UltraItalic.ttf") format("truetype"), url("../fonts/Arg-UltraItalic.svg") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face {
 font-family:'SourceSansPro';
 src:url("../fonts/SourceSansPro-Regular.eot");
src:url("../fonts/SourceSansPro-Regular-1.eot") format("embedded-opentype"), url("../fonts/SourceSansPro-Regular.woff2") format("woff2"), url("../fonts/SourceSansPro-Regular.woff") format("woff"), url("../fonts/SourceSansPro-Regular.ttf") format("truetype"), url("../fonts/SourceSansPro-Regular.svg") format("svg");
font-weight:normal;
font-style:normal;
}



/*-------------------------------
			font end
			----------------------------------*/




/*-------------------------------
			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;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 }
.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{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto }
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform }
.swiper-invisible-blank-slide{visibility:hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height:auto }
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;-o-transition-property:transform, height;transition-property:transform, height;transition-property:transform, height, -webkit-transform }
.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;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10 }
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), 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:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), 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:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), 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:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), 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%;width:36px;height:50px;line-height:50px;text-align:center;margin-top:-25px;z-index:2;cursor:pointer;opacity:0;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-size:30px;background-color:rgba(0,0,0,.4);background-color: #ccc;border-radius:2px;-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{cursor:auto;/*pointer-events:none;*/opacity:0.3;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:10px;right:auto }
.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: relative;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);z-index:2}
.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{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33) }
.swiper-pagination-bullet,.swiper-pagination-bullet:before,.swiper-pagination-bullet:after{display: inline-block;width: 12px;height: 12px;vertical-align: top;}
.swiper-pagination-bullet{margin: 0 10px;position: relative;overflow: hidden;border-radius: 50%;}
.swiper-pagination-bullet:before{content: '';background-color: #ffffff80;}
.swiper-pagination-bullet-active:before{background-color: #ffffff;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer }
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top, .3s -webkit-transform;
transition:.2s top, .3s -webkit-transform;-o-transition:.2s transform, .3s top;transition:.2s transform, .3s top;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%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left, .3s -webkit-transform;
transition:.2s left, .3s -webkit-transform;-o-transition:.2s transform, .3s left;transition:.2s transform, .3s left;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;transition:.2s right, .3s -webkit-transform;-o-transition:.2s transform, .3s right;transition:.2s transform, .3s right;transition:.2s transform, .3s right, .3s -webkit-transform}
.swiper-pagination-progressbar{background:rgba(0, 0, 0, .25);position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top }
.swiper-container-horizontal{overflow:hidden;}
.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0 }
.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0 }
.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{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, .1) }
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98% }
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98% }
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, .5);border-radius:10px;left:0;top:0 }
.swiper-scrollbar-cursor-drag{cursor:move }
.swiper-scrollbar-lock{display:none }
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;text-align: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{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;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;content:'';width:100%;height:100%; background-position:50%;background-size:100%;background-repeat:no-repeat }
.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;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000 }
.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{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity }
.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{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100% }
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none }
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;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{pointer-events:auto;visibility:visible }
.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;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0 }
.swiper-container-flip{overflow:visible }
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1 }
.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{width: 10px;height: 10px;margin: 0 5px;}
}


/*ie*/
.swiper-container{overflow: hidden\9;}
.swiper-container .swiper-wrapper{width: 20000%\9;}
.swiper-slide{float: left\9;}
.product_slider .product_item{width: 25%\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 {border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px;}
.entry th, .entry td {height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;font-size:12px;color:#666;background:#fbfbfb;padding:0 15px;}
.entry th {font-size:12px;background:#eee;}
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p {margin:0;padding:5px;color:#666;font-size:12px;line-height:1.3;}
.entry td.amts {color:#cb2027;}
.entry th#cartDelete {text-align:center;}
.entry .button {margin:15px 10px 0 0;background:#dfdfdf;padding:8px 15px;border:0;cursor:pointer;line-height:1.2;color:#777;font-weight:bold;text-transform:Capitalize;}
.entry .button:hover {background:#cb2027;color:#fff;}
.entry .deletecartitem {width:50px;text-align:center;}
.entry .deletecartitem label {display:none;}
.entry .stotal td.amts {font-size:18px;font-weight:bold;}
.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 {text-align:center;display:block;margin:20px auto 0 auto;}
.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;border-collapse: collapse;border-spacing: 0;width: 100%;margin-bottom:0 !important;}
.main table th, .main table td {height: 30px;border: 1px solid #ccc;text-align: left;line-height: 1.5;font-size: 12px;color: #666;background: #fbfbfb;padding: 0 15px;}
.main table th {font-size: 12px;background: #eee;}
.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
			----------------------------------*/



/*-------------------------------
			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:#a81c1b;-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 0; text-align:right; color:#333; }
.js .web-search{width: 100%;padding: 15px 0;position: fixed;left: 0;top: 0;z-index: 99;opacity: 0;-webkit-transform: translate3d(0,-150%,0);-ms-transform: translate3d(0,-150%,0);-o-transform: translate3d(0,-150%,0);transform: translate3d(0,-150%,0);-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;box-shadow:0 0 15px rgba(0,0,0,.2);}
.js .web-search .head-search{opacity: 0;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;-webkit-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;}
.js .web-search .search-ipt,.web-search .search-attr{width: 76%;max-width: 1000px;}
.js .web-search .search-ipt{font-size: 18px;text-transform: uppercase;margin: 0 auto;border: 0;line-height: 25px;padding: 10px .8em;background-color: #000;color: #fff;}
.js .web-search .search-ipt::-webkit-input-placeholder {color:#aaa;font-weight: normal;}
.js .web-search .search-ipt::-moz-placeholder {opacity:1;color:#aaa;font-weight: normal;}
.js .web-search .search-ipt:-ms-input-placeholder {color:#aaa;font-weight: normal;}
.js .web-search .search-btn{display: none;}
.js .search--open {padding: 25px 0;background-color: #fff;opacity: 1;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;visibility: visible;}
.js .search--open .head-search{opacity: 1;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
/*-------------------------------
			search  end
			----------------------------------*/




/*-------------------------------
			scrollsidebar start
			----------------------------------*/
.scrollsidebar, .scrollsidebar a {font-size:12px;color:#999;font-family:Arial, Helvetica, sans-serif;}
.scrollsidebar {position:absolute;z-index:30;top:150px;right:0;}
.show_btn {width:38px;height:192px;overflow:hidden;cursor:pointer;display:block;overflow:hidden;background:url(../web-images/show_btn.png) no-repeat center center;position: absolute;right: 0;top: 0;}
.side_content {width:0;height:auto;overflow:hidden;float:left;}
.side_content .side_list {width:140px;overflow:hidden;border:1px solid #dadada;border-radius:8px;position:relative;background:#FFF;}
.side_content .side_list .hd img {width:100%;border-bottom:1px solid #dadada;}
.side_content .side_list .cont li {height:40px;line-height:40px;border-bottom:1px solid #dadada;list-style:none;position:relative;}
.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 {content:"";position:absolute;display:block;overflow:hidden;top:0;left:10px;width:25px;height:40px;background-repeat:no-repeat;background-position:center center;}
.side_content .side_list .cont li .email:before {background-image:url(img/custom_service/icons01.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 {height:30px;line-height:30px;padding:0 12px;}
.side_content .side_list .side_title .close_btn {background:url(img/custom_service/close.png) no-repeat center center;width:12px;height:30px;position:absolute;bottom:0;right:10px;cursor:pointer;}
.side_content .side_list .side_title .close_btn span {display:none;} 
/*-------------------------------
			scrollsidebar end
			----------------------------------*/

/*inquiry*/
.inquiry-pop-bd{position:fixed;left:50%;top:50%;margin:-300px 0 0 -275px;width:550px;height:500px;background:#FFF;box-shadow:0 0 10px rgba(255, 255, 255, .5);display:none;z-index:2000;}
.inquiry-pop-bd:before{content:"";position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .7);z-index:-1;}
.inquiry-pop-bd .inquiry-pop {position:absolute;width:100%;height:100%;left:0;top:0;padding:22px;z-index:1;background:#FFF;-webkit-animation: fadeInDownA .4s ease;-o-animation: fadeInDownA .4s ease;animation: fadeInDownA .4s ease;}
.inquiry-pop-bd .inquiry-pop .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:1;}
.inquiry-form-wrap {position:relative;height: 420px;width: 100.5%;}
.ad_prompt {position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#a81c1b;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none;}
@media screen and (max-width: 550px) {
.inquiry-pop-bd{width: auto;left: 10px;right: 10px;top: 10px;bottom: 10px;margin: auto;}
.inquiry-pop-bd .inquiry-pop{padding:10px;}
.scrollsidebar {display:none;}
}

/*-------------------------------
			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:10pt;}
.change-language .change-language-title a:after {font-family: 'fontawesome';content:"\f0d7";font-size:12px;display:inline-block;padding-left: 2px;}
.change-language:hover .change-language-title a:after {-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.change-language .change-language-cont {position:absolute;top:36px;right:0;width:360px;background:#FFF;padding:20px 10px 20px 20px;transform: scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #eee;border-radius:5px;overflow-y:scroll;max-height:80vh;}
.change-language:hover .change-language-cont {transform: scale3d(1, 1, 1);opacity:1;visibility:visible;}
.change-language .change-language-cont li {display:inline-block;vertical-align:top;width:30%;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0 10px 0 0;}
.change-language .change-language-cont li a:hover{color: #a81c1b;}
.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;cursor:pointer;line-height: 30px;}
.change-language .change-language-cont .more-active{font-size: 20px;}
.language-flag span{position:relative;display:inline-block;vertical-align:top; *display:inline;*zoom:1;white-space:nowrap;padding:0 0 0 33px;overflow:hidden;}
.change-language ::-webkit-scrollbar{width:5px;}
.change-language ::-webkit-scrollbar-track{background-color:#fff;}
.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;}
.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}
.language-flag .country-flag {position:absolute;left:0;top:50%;display:inline-block;vertical-align:top; *display:inline;*zoom:1;
background-repeat: no-repeat;background-image:url(../web-images/all-m.gif);width:22px;height:16px;margin:-8px 5px 0;}
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);-ms-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;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);-ms-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;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);-ms-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;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);-ms-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;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%{transform:translateY(0);}25%{transform:translateY(-20%);}50%{transform:translateY(0);}75%{transform:translateY(-10%);}100%{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);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);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);-ms-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA}
@keyframes fadeInA{0%{opacity:0;}100%{opacity:1;}}
.fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}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%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}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%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}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(.8,.8,.8);transform:scale3d(.8,.8,.8)}50%{opacity:1}}@keyframes zoomInA{0%{opacity:0;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}50%{opacity:1}}.zoomInA{-webkit-animation-name:zoomInA;animation-name:zoomInA}

/*-------------------------------
			animation  end
			----------------------------------*/
			
/*----------------Custom style strat------------------*/
.content_box{
    position: relative;
}
.content_box h2{
    position: relative;
    background-color: #a81c1b !important;
    width: 25%;
    color: white;
    line-height: 35px;
    z-index: 2;
}
.content_box h2 > span{
    text-transform: capitalize;
    padding: 2px 12px 2px 10px; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.content_box h2:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    height: 100%;
    width: 50%;
    background-color: #a81c1b;
    z-index: -1;
    background-image:none !important;
}
.content_box:after{
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 33px;
    max-height: 33px;
    padding-right: .2rem;
    width: 100%;
    height: 33px;
    background-color: #a81c1b80;
    text-align: right;
    z-index: 0;
    color: #ffffff;
    text-transform: uppercase;
}
.content_box:before{
    content: '';
    position: absolute;
    left: 13px;
    bottom: 0;
    width: 25%;
    background-color: #500d0c;
    height: 54%;
    z-index: 1;
}
.content_box h2:after , .content_box h2 after , .content_box:before , .content_box h2 span{
    display:block;
}
.content_box h2:after , .content_box:before , .content_box h2 > span{
    transform: skewX(-25deg) !important;
    -ms-transform: skewX(-25deg) !important;
    -moz-transform: skewX(-25deg) !important;
    -webkit-transform: skewX(-25deg) !important;
    -o-transform: skewX(-25deg) !important;
}
.content_box h2{
    transform: skewX(25deg) !important;
    -ms-transform: skewX(25deg) !important;
    -moz-transform: skewX(25deg) !important;
    -webkit-transform: skewX(25deg) !important;
    -o-transform: skewX(25deg) !important;
}
@media only screen and (max-width:500px){
    .content_box:after{
        content: '';
    }
    .content_box h2 , .content_box:before{
        width: 45%;
    }
    .content_box h2 span {
        font-size: 15px !important;
    }
}
/*------------------Custom style end----------------*/
.mauticform_wrapper{
    overflow: hidden !important;
    max-width: 100% !important;
}
.mauticform-innerform:before{
    color: #fff;
    width: 100%;
    display: block !important;
    content: 'Leave Your Message' !important;
    background: #474747;
    padding: 5px 10px;
    font-size: 22px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.mauticform-label{
    display: none !important;
}
.mauticform-button-wrapper .mauticform-button{
    width: 100% !important;
    background-color: #a81c1b !important;
    color: #fff !important;
    font-size: 16px !important;
    border-radius: 5px !important;
}
.item-wrap{display:flex;flex-wrap:wrap;justify-content: space-around;}
.item-wrap a{width:25%;}
.item-wrap .item-info{width:70%;}

input#commande {
    background-color: #a81c1b;
    border: 1px solid #a81c1b;
    padding: 10px 30px;
    color: #FFF;
    font-size: 15px;
    border-radius: 5px;
}

input#quantite {
    background-color: #ffffff;
    border: 1px solid #002140;
    padding: 9px 8px;
    color: #002140;
    font-size: 15px;
    border-radius: 5px;
    margin-left: 10px;
}

p.boutoncom {
    float: right;
    margin-top: 10px;
}

p.boutoncom a {
    font-size: 16px;
    margin: 5px;
    border: 1px solid #a81c1b;
    padding: 10px 16px;
    border-radius: 5px;
}

.cart {
    position: relative;
}
.cart img {
    margin-top: -8px;
    margin-right: 5px;
}
.cart #panier
 {
    position: absolute;
    top: -18px;
    left: 25px;
    background-color: #a81c1b;
    padding: 3px 6px;
    color: #FFF;
    border-radius: 15px;
    font-size: 11px;
    line-height: 11px;
}
article.produits {
    border: 1px solid #082140;
    border-radius: 10px;
    padding: 10px;
    margin: 7px 0px;
}

article.produits p {
    display: grid;
}
button.delete {float: right;background-color: #FFF;border: 1px solid #a81c1b;border-radius: 50px;color: #a81c1b;padding: 9px;line-height: 9px;font-size: 18px;}

article.produits p span {
    font-size: 18px;
}
h2.h2panier {
    font-size: 24px;
    padding-bottom: 10px;
}
.form2 fieldset p {display: grid;}

.form2 fieldset p input {
    padding: 8px;
    border: 1px solid #5e5e5e7d;
    border-radius: 5px;
}

  .form-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;

}

.form-group {
  width: calc(50% - 10px); /* Deux éléments par ligne */
  display: flex;
  flex-direction: column;
}

.form-group label {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 18px;
    font-weight: 700;
}

.mauticform-input,
.requiret {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
}

/* Pleine largeur pour les éléments spéciaux */
.full-width {
  width: 100%;
}
.form2 fieldset label {
    font-size: 18px;
    font-weight: 700;
}



.form2 fieldset {
    padding: 20px;
    margin-top: 10px;
    border-radius: 10px;
}

.form2 legend {
    font-size: 24px;
    font-weight: 700;
}
input.next-step {
    background-color: #a81c1b;
    line-height: 40px;
    font-size: 18px;
    color: #FFF;
    margin-top: 11px;
    border: 1px solid #a81c1b;
}
p.bloc_paiement {
    display: flex !important;
}
p.rgpd {
    display: flex;
}
input#quantite {
    background-color: #ffffff;
    border: 1px solid #002140;
    padding: 9px 8px;
    color: #002140;
    font-size: 15px;
    border-radius: 5px;
    margin-left: 10px;
    width: 80px;
}
 .head_mobile{
    display: none ;
 }
.prodtitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.prodtitle .tarifp {
    font-size: 20px;
    font-weight: 600;
    color: #a81c1bbd;
    padding-bottom: 18px;
}
h3.item_title {
    display: flex;
    justify-content: space-between;
}

h3.item_title p.tarifp {
    font-weight: 600;
    color: #a81c1b;
}


.product_item.boutique span.item_img {
    max-height: 225px;
}
@media (max-width: 950px) {
  .form-group {
    width: 100%;
  }
  .head_mobile {
    display: flex;
    width: 100%;
    padding: 0px;
}

.head_mobile .cart {
    display: flex;
    align-items: center;
}

.head_mobile .cart #panier {
    position: absolute;
    top: 10px;
    left: 32px;
}
}