@charset "utf-8";
html { font-size: 625%; }
body { background: #FFF; font-size: 14px; }
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin: 0; padding: 0; }
body, html, input, button, textarea { color: #212121; font-family: Arial; 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 { width: 100%; max-width: 100%; border: none; vertical-align: middle; }
li { list-style: none; }
i, em { font-style: normal; }
a { color: #333; text-decoration: none; }
a:focus { outline: none; }
a:hover { color: #000; text-decoration: none; }
input[type="text"]:focus { outline: none; }
input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
 input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 padding: 0;
 border: none;
}
hr { margin: 15px 0 15px 0; height: 1px; border: none; border-top: 1px dashed #c1c1c1; }
a:active, select, input, textarea { outline: 0!important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
/*-------------------------------
			font start
			----------------------------------*/
@font-face { font-weight: normal; font-style: normal; font-family: 'fontawesome'; src: url("fonts/Font-Awesome/fontawesome-webfont.eot"); src: url("fonts/Font-Awesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Font-Awesome/fontawesome-webfont.woff2") format("woff2"), url("fonts/Font-Awesome/fontawesome-webfont.woff") format("woff"), url("fonts/Font-Awesome/fontawesome-webfont.ttf") format("truetype"), url("fonts/Font-Awesome/fontawesome-webfont.svg#fontawesomeBold") format("svg"); font-display: fallback; }
@font-face { font-family: "Roboto-Regular"; font-style: normal; src: url(fonts/Roboto/Roboto-Regular.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Roboto-Bold"; font-style: normal; src: url(fonts/Roboto/Roboto-Bold.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Roboto-Black"; font-style: normal; src: url(fonts/Roboto/Roboto-Black.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Roboto-Medium"; font-style: normal; src: url(fonts/Roboto/Roboto-Medium.ttf) format("TrueType"); font-display: fallback; }

@font-face { font-family: "Poppins-Bold"; font-style: normal; src: url(fonts/Poppins/Poppins-Bold.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Poppins-Light"; font-style: normal; src: url(fonts/Poppins/Poppins-Light.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Poppins-Medium"; font-style: normal; src: url(fonts/Poppins/Poppins-Medium.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Poppins-Regular"; font-style: normal; src: url(fonts/Poppins/Poppins-Regular.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Poppins-SemiBold"; font-style: normal; src: url(fonts/Poppins/Poppins-SemiBold.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Helvetica-Bold"; font-style: normal; src: url(fonts/Helvetica-Bold.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Helvetica"; font-style: normal; src: url(fonts/Helvetica.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "NotoSansHans"; font-style: normal; src: url(fonts/NotoSansHans-Regular-2.ttf) format("TrueType"); font-display: fallback; }
/*-------------------------------
			font end
			----------------------------------*/
/* clear floating */
.clearfix:after, .layout:after, .sys_row:after, .web_main:after, .page_main:after, .nav_wrap .head_nav:after, .items_list ul:after, .product_items:after, .promote_list:after, .cate_items ul:after, .web_head .logo:after, .product-intro:after, .detail-tabs:after, .foot_items:after, .news_cell:after, .sys_row:after, .banner_navigate_button:after, .foor_service:after { clear: both; display: block; visibility: hidden; height: 0; content: ""; }
.clearfix, .layout, .sys_row, .clearfix, .layout, .sys_row, .flex_row, .web_main, .page_main, .nav_wrap .head_nav, .items_list ul, .product_items, .promote_list, .cate_items ul, .web_head .logo, .product-intro, .detail-tabs, .foot_items, .sys_row, .banner_navigate_button, .foor_service { *zoom: 1;
}
.clear { clear: both; }
/* layout */
body { position: absolute; top: 0; left: 0; overflow-x: hidden; width: 100%; min-width: 1200px; }
.layout { position: relative; margin: 0 auto; width: 1500px; }
.slider_banner.layout{width: 100%;}
.z9999 { z-index: 9999!important; }
.hide { display: none; }

/*gotop*/
.gotop { position: fixed; right: 50px; bottom: 50px; z-index: 99999; visibility: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; width: 50px; height: 50px; background-color: #0b87fb; background-clip: content-box; box-shadow: 0 0 8px rgba(0,0,0,.2); color: #ffffff; text-align: center; text-align: center; font-size: 18px; line-height: 50px; opacity: 0; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -ms-transform: translateY(100%); }
.gotop:hover, .gotop.active:hover { background-color: #0b87fb; color: #fff; }
.gotop.active { visibility: visible; opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; -ms-transform: none; }
.gotop:before, .gotop em { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.gotop em { position: absolute; top: 0; left: 0; width: 100%; color: #fff; font-size: 12px; opacity: 0; -webkit-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); filter: alpha(opacity=0); -ms-transform: translateY(10px); }
.gotop:before { display: block; content: '\f176'; font-family: 'fontawesome'; }
.gotop:hover em { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; filter: alpha(opacity=100); -ms-transform: none; }
.gotop:hover:before { opacity: 0; -webkit-transform: translateY(-15px) scale(.5); -o-transform: translateY(-15px) scale(.5); transform: translateY(-15px) scale(.5); -ms-transform: translateY(-15px) scale(.5); filter: alpha(opacity=0); }
/* transition */
.head_nav li a, .nav_wrap .head_nav li li a, .nav_wrap .head_nav li ul, .nav_wrap .head_nav li li>a:before, .head_nav b:after, .product_item figure, .gotop, .product-item .item-img img, .product_item .item_img img, .product_item .item_img a, .product_item, .product_item .item_img a:before, .product_item .item_img a:after, .product_item .item_img:after, .product-btn-wrap a, .web_head, .change-language .change-language-title a:after, .newsletter .button, .mobile-head-item .middle-show-content-wrap, .product_item figure figcaption, .foot_item a, .pages a, .head_sns li img, .side_product_item .add-friend, .side_product_item .add-friend:after, .side-product-items .btn-prev, .side-product-items .btn-next, .blog-item:after { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -ms-transition: all .3s ease; }
.head_nav>li>a:before, .head_nav>li>a:after, .icon-cate, .foot_txt_list li a:before, .web_footer .button:before,.industry_list li img,.featured_item,
.foot_txt_list li,.more,.foot_sns li img,.data_title,.more i,h3,a,.display_info,.display_ico,.more img ,.about_display .swiper-slide{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; }
a, .nav_wrap .nav_btn_close, .index_main .product_item figure, .foot_item.foot_nav .fot_tit:before, .foot_item.foot_nav .fot_tit:after, .goods-may-like .navigate_button_next:before, .goods-may-like .navigate_button_prev:before, .feature_item .item_img img, .feature_item .item_img:before, .feature_item .item_img:after, .news_btn, .news_right .news_info, .news_more, .index_inquiry_wrap .inquiry_btn:before, .index_inquiry_wrap .inquiry_btn { -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
/*hover*/

/* grid */
.sys-layer { margin: 0 auto; }
.sys-row { margin: 0 -8px; }
.sys-col { float: left; }
.sys-col-inner { margin: 0 8px; }
.sys-col-md { float: left; }
.sys-col-md-12 { width: 100%; }
.sys-col-md-11 { width: 91.66666667%; }
.sys-col-md-10 { width: 83.33333333%; }
.sys-col-md-9 { width: 75%; }
.sys-col-md-8 { width: 66.66666667%; }
.sys-col-md-7 { width: 58.33333333%; }
.sys-col-md-6 { width: 50%; }
.sys-col-md-5 { width: 41.66666667%; }
.sys-col-md-4 { width: 33.33333333%; }
.sys-col-md-3 { width: 25%; }
.sys-col-md-2 { width: 16.66666667%; }
.sys-col-md-1 { width: 8.33333333%; }
.sys_row { margin-right: -15px; margin-left: -15px; }
.sys_col { float: left; padding-right: 15px; padding-left: 15px; }
/* float */
.sys_fl { float: left!important; }
.sys_fr { float: right!important; }
/* flex */
.flex_row, .items_list>ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.flex_row_nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; }
/* button */
.sys_btn { position: relative; display: inline-block; overflow: hidden; padding: .2em 2em .2em 1em; min-width: 150px; border: 2px solid #0b87fb; background-color: #f9f9f9; color: #333!important; vertical-align: middle; text-align: left; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -.1em; font-size: 22px; line-height: 2; cursor: pointer; transition: all .3s ease-in-out; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); user-select: none; -ms-transform: scale(1); }
.sys_btn:hover { background-color: #0b87fb; color: #fff!important; }
.sys_btn:after { position: absolute; top: 50%; right: 1.5em; margin-top: -.6em; content: '\f04b'; font-size: 12px; font-family: 'fontawesome'; line-height: 1.2em; }


/* placeholder */
input::-webkit-input-placeholder {
 color: rgba(0,0,0,.71);
}
 input:-moz-placeholder {
 color: rgba(0,0,0,.71);
}
 input::-moz-placeholder {
 color: rgba(0,0,0,.71);
}
 input:-ms-input-placeholder {
 color: rgba(0,0,0,.71);
}
/* box-sizing */
.nav_wrap, .product_item .item_img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; }
/* font-family */
.search-btn, .side-cate li .icon-cate:before, .product-btn-wrap a:before, .mobile-head-item .title:before, .head_nav > li:after, .head_nav li b:after, .download-item .item-button:before, .faq-item .faq-title:before { display: inline-block; text-decoration: inherit; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: "fontawesome"; speak: none; }
.fa:before, .btn_more:after, .sys_btn:after, .head-search .search-btn:before, .swiper-button-next:before, .swiper-button-prev:before, .side-product-items .btn-prev:before, .side-product-items .btn-next:before, .product-btn-wrap .email:before, .product-btn-wrap .pdf:before { font-family: 'fontawesome'; }
/*flex_row*/
.techtitle ul,.techdesc ul.flex_row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }


/*==============web_head=================*/

/* web_head */
.web_head{position: relative;z-index: 9;}
.web_head .logo{float: left;margin: 0;padding-left: 14px;}
.web_head .logo img{width: auto;}
.head_layer {position: relative;z-index: 1;}
.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-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position: static;padding:8px 0;}
.web_head .head_right{float: right;}
.web_head .try{display: inline-block;color: #ffffff;font-size: 16px;font-family: "Poppins-Regular";line-height: 35px;padding: 0 18px;background-color: #cb0000;border: 1px solid #cb0000;border-radius: 5px;}
.web_head .try:hover{color: #cb0000;background-color: transparent;}
.web_head .change-language{display: inline-block;position: relative;text-align: left;vertical-align: middle;margin-right: 24px;}
.web_head .change-language-info{display: inline-block;    vertical-align: middle;}
.web_head .change-language::before{content: '';width: 1px;height: 15px;background-color: #999999;display: inline-block;vertical-align: middle;margin: 0 5px 0 6px;}
.web_head .change-language-title a{position: relative;}
.web_head .btn--search{display: inline-block;position: relative;vertical-align: middle;cursor: pointer;-webkit-box-sizing: content-box;box-sizing: content-box;}
.web_head .btn--search:before,.web_head .btn--search:after{content: '';display: inline-block;width: 17px;height: 17px;background-repeat: no-repeat;background-position: center;vertical-align: middle;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.web_head .btn--search:before{background-image: url(img/demo/search_ico.png);}
.web_head .btn--search:after{background-image: url(img/demo/search_ico.png);position: absolute;left: 0;top: 3.5px;-webkit-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);opacity: 0;filter: alpha(opacity=0);-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.web_head .btn--search:hover:after{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;filter: alpha(opacity=100);}
.web_head .btn--search:hover:before{-webkit-transform: scale(.3);-ms-transform: scale(.3);-o-transform: scale(.3);transform: scale(.3);opacity: 0;filter: alpha(opacity=0);}
.head_layer .nav_wrap{text-align: center;float: left;-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.nav_wrap .head_nav{font-size: 0;display: inline-block;}
.nav_wrap .head_nav>li {position: relative;display: inline-block;font-size: 16px;margin: 0 10px;vertical-align: middle;}
.nav_wrap .head_nav>li>a::after{content: '';width: 0;height: 2px;background-color: #cb0000;position: absolute;bottom: 18px;left: 50%;transform: translateX(-50%);}
.nav_wrap .head_nav>li>a {position:relative;display:inline-block;padding:0 12px;line-height: 77px;color:#333333;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);z-index: 1000;font-size: 15px;font-family: "Poppins-Regular";}
.nav_wrap .head_nav>li>a>em{vertical-align: middle;display: inline-block;position: relative;z-index: 1;}
.nav_wrap .head_nav>li>a>b{display: inline-block;margin-left: 5px;transform: translateY(-3px);}
.nav_wrap .head_nav>li>a>b:after{content: '';display: block;width:0;height: 0;border: 4px solid #333333;border-top-width: 5px;border-bottom: 0;border-left-color: transparent;border-right-color: transparent;vertical-align: middle;}
.nav_wrap .head_nav>li li {position: relative;text-align: left;padding: 0 15px;vertical-align: top;}
.nav_wrap .head_nav>li li a {display: block;line-height:1.8em;padding:8px 0;font-size: 16px;position: relative;color:#4b4b4b;font-family: "Poppins-Medium";}
.nav_wrap .head_nav>li li li a{font-family: "Poppins-Regular";}
.nav_wrap .head_nav>li li a:before,.nav_wrap .head_nav>li li:hover>a:before{content:'';display:block;width:8px;height:8px;background-color:#cb0000;border-radius: 4px;position:absolute;left:-15px;top:40%;opacity:0;filter:alpha(opacity=0);}
.nav_wrap .head_nav>li li a:hover:before,.nav_wrap .head_nav>li li:hover>a:before{top:50%;margin-top: -4px;opacity:1;filter:alpha(opacity=100);}
.nav_wrap .head_nav>li li b:after{content: none;display: inline-block;width: 0;height: 0;overflow: hidden;border: 5px solid #8e8e8e;border-left-width: 6px;border-right: 0;border-top-color: transparent;border-bottom-color: transparent;position: absolute;right: 0;top: 14px;}
.nav_wrap .head_nav>li li:last-child>a{border-bottom: 0;}
.nav_wrap .head_nav>li li:hover>a{color: #cb0000;}
.nav_wrap .head_nav>li li:hover>a b:after,.nav_wrap .head_nav>li.nav-current>a>b:after{border-left-color: #cb0000;}
.nav_wrap .head_nav>li>em{vertical-align: middle;}
.nav_wrap .head_nav>li.nav-current>a,.nav_wrap .head_nav>li:hover>a{color: #cb0000;font-family: "Roboto-Bold";}
.nav_wrap .head_nav>li:hover>a>b:after{border-top-color: #cb0000;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.nav_wrap .head_nav>li:hover>a::after,.web_head .head_nav>li.nav-current>a::after{width: 100%;}

/* .nav_wrap .head_nav li ul{width: 100%;padding: 15px 0;border-top: 1px solid #cfcfcf;background-color: rgba(255,255,255,.96);background-color: #fff;position: absolute;left: 0;top: 100%;z-index:999;-webkit-transform:scaleY(0) rotateY(30deg);-ms-transform:scaleY(0) rotateY(30deg);-o-transform:scaleY(0) rotateY(30deg);transform:scaleY(0) rotateY(30deg);opacity:0;filter: alpha(opacity=0);visibility:hidden;box-sizing: border-box;-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
.nav_wrap .head_nav>li ul ul{position: static;border-top: none;padding: 0;-webkit-transform: none; -ms-transform: none;-o-transform: none;transform: none;opacity: 1;filter: alpha(opacity=100);visibility: visible;}
.nav_wrap .head_nav>li>ul{padding: 0 13.5%; text-align: left;box-shadow: 0 6px 9px 0px rgba(0,0,0,0.1);}
.nav_wrap .head_nav>li>ul>li{display: inline-block;width: 300px;padding: 15px 0;}
.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;} */


.head_nav li ul { position: absolute; top: 100%; left: 0;text-align: left; display: block; padding: 10px; width: 270px; border-radius: 0 0 7px 7px; background-color: #ffffff;box-shadow: 0 3px 10px rgba(0,0,0,.1); opacity: 0; -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; }
.head_nav>li ul li { position: relative; padding: 3px; font-size: 14px; line-height: 2; }
.head_nav>li ul li:hover>a{color: #cb0000;}
.head_nav>li ul li a { position: relative; display: block; color: #000; font-size: 16px;}
.head_nav>li ul li a b:before { content: '\f105';font-family: 'fontawesome';}
.head_nav>li ul li a b { position: absolute; top: 22px;right: 0; display: inline-block; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; width: 19px; height: 19px; text-align: center; line-height: 19px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.head_nav li ul ul { top: 0; left: calc(100% + 20px);}
.head_nav li.menu_show>ul { display: block; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } 
.web_head .head_nav > li:hover > a { position: relative; z-index: 1; color: #cb0000;} 
.head_nav > li > a:hover b { -webkit-transform: rotateX(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%)rotate(180deg); }
.web_head .head_nav>li.nav-current>a{color: #cb0000;}

.fixed-nav .head_layer{width: 100%;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-color: rgba(255,255,255);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);border-bottom: 1px solid #ddd;}
.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;}
.fixed-nav .logo a,.fixed-nav .logo img,.fixed-nav .head_nav li a{-webkit-transition: none;-o-transition: none;transition: none;}

/* web_footer */
.web_footer{position: relative;z-index: 1;background-color: #1b1b1b;}
.foot_inquiry{padding:30px 0 30px;background-color: #f2f6f7;}
.foot_inquiry .layout{align-items: center;}
.inquiry_wrap{flex: 1;padding-right: 15%;}
.inquiry_wrap h2{text-transform: uppercase;}
.inquiry_wrap p{color: #333333;font-size: 18px;font-family: "Poppins-Regular";line-height: 1.44;margin-top: 10px;}
.inquiry_btn{color: #ffffff;font-size: 24px;font-family: "NotoSansHans";margin-top: 22px;line-height: 54px;padding: 0 16px 0 26px;border: 1px solid #cb0000;background-color: #cb0000;display: inline-block;}
.inquiry_btn:hover{background-color: transparent;color: #cb0000;}

.foot_service .layout{width: 100%;}
.foot_service .foot_items{padding: 77px 12% 61px 16.35%;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-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:flex-end;-webkit-flex-wrap: nowrap;-moz-flex-wrap: nowrap;-ms-flex-wrap: nowrap;-o-flex-wrap: nowrap;flex-wrap:nowrap;}
.foot_item img{width:auto;}
.foot_item{position: relative;}
.foot_item_contact {width: 46.58%;}
.foot_item_links {width: 40%;}
.foot_item_products{flex: 1;}
.foot_item .title{position: relative;display: inline-block;font-size: 26px;color: #ffffff;font-family: "NotoSansHans";font-weight: normal;margin-top: 34px;margin-bottom: 16px;padding-bottom: 7px;border-bottom: 1px solid #ffffff;white-space: nowrap;}
/* .foot_item.foot_item_contact .title{margin-bottom:26px;font-family: "Poppins-Regular";}
.foot_item.foot_item_inquiry .title{margin-bottom:21px} */
.contact_item{padding: 11px 0 17px 32px;background-repeat: no-repeat;}
.contact_item.contact_item_company{background-image: url(img/demo/company.png);background-position: left 8px;}
.contact_item.contact_item_add{background-image: url(img/demo/address.png);background-position: left 21px;}
.contact_item.contact_item_tel{background-image: url(img/demo/tel.png);background-position: left 8px;}
.contact_item.contact_item_eml{background-image: url(img/demo/email.png);background-position: left 12px;}
.contact_item.contact_item_wp{background-image: url(img/demo/whatsapp.png);background-position: left 11px;}
.foot_contact_list .item_val{cursor: pointer;word-break: break-word;color: #ffffff;font-size: 16px;font-family: "NotoSansHans";font-style: normal;line-height: 1.1875;}
.foot_contact_list .item_val a{color: #ffffff;}
.foot_contact_list{padding-right:32%;margin-top: 22px;}
.foot_txt_list li{overflow: hidden;}
.foot_txt_list li a{color: #ffffff;font-size: 16px;font-family: "Poppins-Regular";line-height:2.25;display:inline-block;position: relative;white-space: nowrap;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.foot_txt_list li:hover a{text-decoration: underline;}

.foot_bar{padding: 21px 0 17px;border-top: 1px solid #414141;text-align: center;}
.foot_sns li{display: inline-block;margin: 0 9px;}
.foot_sns li img{width: auto;}
.foot_sns li:hover img{transform: rotate(20deg);}
.copyright{text-align: center;color:#999999;font-size:16px;font-family: "Arial";margin-top: 7px;text-transform: uppercase;opacity: .5;}
.copyright a{
    color: #999999;
}

@media screen and (max-width: 768px){.tel_link{pointer-events: auto;}}

/* web_footer end */

/*-------------------------------------------------------- 
														page: index
																	------------------------------------------------------*/
.web_main { position: relative; z-index: 2;}
/* swiper */
.swiper-container-fade { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; }
.swiper-container-fade .swiper-slide { height: auto; }
/*slider_banner*/
.slider_banner.layout{overflow: visible;}
.slider_banner .swiper-slide img { width: 100%; min-height: 150px; }
.slider_banner .swiper-slide img+img { position: absolute; top: 0; left: 0; }
.slider_banner .swiper-slide img { width: 100%; transition: 3s linear; transform: scale(1.08); }
.slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
.slider_banner .swiper-button{cursor: pointer;;position: absolute;top: 50%;transform: translateY(-50%);width: 51px;height: 51px;background-repeat: no-repeat;background-position: center;z-index: 2;}
.slider_banner .banner_button_prev{left: 6.85%;background-image: url(img/demo/arrow_left.png);}
.slider_banner .banner_button_next{right: 6.85%;background-image: url(img/demo/arrow_right.png);}
.slider_banner .swiper-button-white { position: static; position: relative; right: auto; left: auto; display: inline-block; overflow: hidden; margin: auto; width: 60px; height: 90px; border-radius: 0; background-color: #ffffff; background-position: center; background-repeat: no-repeat; vertical-align: middle; text-indent: -9999px; opacity: 1; filter: alpha(opacity=100); }
.slider_banner .swiper-pagination { bottom: 31px;left: 50% !important;opacity: 1;transform: translateX(-50%); }
.slider_banner .swiper-pagination-bullet{ width: 10px;height: 10px;background-color: #ffffff;margin:  0 6.5px;display: inline-block;border-radius: 4.5px;}
.slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 81.44px;}
.banner_info{position: absolute;top: 40%;left: 0;text-align: left;transform: translateY(-50%);padding-left: 16.35%;width: 54%;padding-right: 5%;}
.banner_info h2{color: #fff;font-size: 45px;font-family: "Roboto-Bold";position: relative;line-height: 2.195;}
.banner_info h3{color: #fff;font-size: 25px;font-family: "Roboto-Bold";position: relative;line-height: 1.195;}
.banner_info .more{line-height: 52px;padding: 0 29px;margin-top: 47px;border-radius: 10px;}


.slider_banner .swiper-pagination-bullet,.classi_controls .swiper-button,.inquiry_btn::after,.item_val,.head_nav a::after{-webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
/*=======idnex public=============*/ 
.index_main>section{position:relative;}
.index_hd { position: relative;z-index: 1;}
.hd_title { position: relative;color: #333333;font-size: 36px; font-family: "Roboto-Bold"; font-weight: normal;line-height: 1;}
.bg_title { position: absolute;top: 0;left: 0;color: #000000;font-size: 147.44px;font-family: "Roboto-Black";line-height: .8;opacity: .1;z-index: -1;}
/* .hd_title::after{content: '';position: absolute;bottom: 1px;left: 50%;transform:translateX(-50%);width: 134px;height: 2px;background-color: #cb0000;}
.hd_title::before{content: '';position: absolute;bottom: 0;left: 50%;transform:translateX(-50%);width: 37px;height: 5px;background-color: #cb0000;} */
.more{display: inline-block;color: #ffffff;font-size: 22px;font-family: "NotoSansHans";background-color: #cb0000;border: 1px solid #cb0000;}
.more:hover{color: #cb0000;background-color: transparent;}

/* index_save_material */
.index_save_material{padding: 40px 0 4px;}
.material_tab{flex: 1;padding-right: 15.83%;}
.material_tab .hd_title{font-size: 46px;line-height: 1.195;}
.material_tab .material_nav li.current{padding: 14px 0 15px;}
.material_nav {margin-top: 0px;}
.material_nav img{width: 50%;}
.material_nav li.current .ico{background-color: #cb0000;}
.material_nav li:nth-child(2){padding: 19px 0 2px;}
.material_nav li:nth-child(4){padding: 23px 0 2px;}
.material_nav li:nth-child(5){padding: 22px 0 7px;}
.material_nav li:nth-child(2) h3{margin-top: 4px;}
.material_nav li:nth-child(3) h3{margin-top: 18px;}
.material_nav li:nth-child(4) h3{margin-top: 4px;}
.material_nav li:nth-child(5) h3{margin-top: 6px;}
.material_nav li{position: relative;padding: 12px 0 12px;align-items: center;margin-right: 33px;}
.material_nav li::after{content: '';width: 100%;height: 1px;background-color: #999999;position: absolute;bottom: 0;left: 0;}
.material_nav .ico{position: relative;display: inline-block;width: 60px;height: 60px;text-align: center;line-height: 60px;border-radius: 50%;background-color: transparent;}
.material_nav .ico .after,.material_nav li.current .before{display: none;}
.material_nav .ico::after{content: '';width: 32px;height: 32px;background-color: #ffffff;border-radius: 50%;position: absolute;top: 50%;right: 0;transform: translate(50%,-50%);}
.material_nav li.current .after{display: inline;} 
.material_nav li.current .ico{background-color: #cb0000;}
.material_nav li.current::after{height: 3px;background-color: #cb0000;}
.material_nav li.current h3{font-size: 20px;margin: 0;}
.material_nav li.current {margin: 0;}
.material_nav h3{flex: 1;padding-left: 33px;color: #333333;font-size: 16px;font-family: "Poppins-Regular";font-weight: normal;line-height: 1.22;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.material_form{width: 44.97%;transform: translateY(-16.27%);padding: 30px 76px 0px 57px;border-radius: 10px;background-color: #ffffff;box-shadow: 0 0 35px rgba(0,0,0,.19);}
.material_form form{width: 100%;height: 100%;}
.material_form li{position: relative;width: 100%;margin-bottom: 37px;}
.material_form .mauticform-field-1,.material_form .mauticform-field-2{width: 40%;}
.material_form .mauticform-field-2{margin-left:20%;}
.material_form li:nth-child(4),.material_form li:nth-child(3) {margin-bottom: 47px;}
.material_form li:nth-child(5) {margin-bottom: 32px;}
.material_form label{color: #333333;font-size: 20px;font-family: "Poppins-Regular";line-height: 1;margin-bottom: 21px;display: block;font-weight: inherit;}
.material_form input,.material_form textarea{width: 100%;border: 1px solid #999999;padding: 0 10px;line-height: 46px;border-radius: 5px;color: #333333;font-size: 18px;font-family: "Poppins-Regular";}
.material_form input::placeholder,.material_form textarea::placeholder{color: #999999;font-size:12px!important;}
.material_form textarea{height: 145px;resize: none;}
.mauticform-button{width: auto;display: inline-block !important;color: #ffffff !important;font-size: 20px !important;font-family: "Poppins-Regular";line-height: 44px !important;padding: 0 29px 0 24px !important;border-color: #cb0000 !important;background-color: #cb0000 !important;}
.mauticform-button:hover{background-color: transparent!important;color: #cb0000!important;}

.material_nav li,.material_nav .ico,.service_item img,.interface_display img,.yink_display img,.qa_open,li::after,input.submit,.cust_info,.open,.info,.qa_item::before,.qa_item::after,ul::after,
.comment_content,.comment_item,.comment_item .swiper-slide-shadow{-webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.mauticform-innerform {width: 100%;position: relative;}
.mauticform-page-wrapper.mauticform-page-1 {display: flex !important;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;
  flex-wrap: wrap;}
.mauticform-row{float: none;width:100%;margin-bottom: 20px !important;}
/* index_our_services */
.index_our_services{padding: 60px 0 60px;background: #f2f6f7;}
.index_our_services .layout{width: 1352px;}
.index_our_services .index_hd{text-align: center;}
.index_our_services .index_hd h2{color:#000000;}
.index_our_services .index_hd p{color: #000000;font-size: 18px;line-height: 1.66;margin: 16px 29% 0;}
.services_wrap{margin-top: 48px;width: 100%;overflow: hidden;}
.services_wrap .service_item{position: relative;border-radius: 10px;background-color: #ffffff;height: auto;padding-bottom:50px;}
.service_item>a{display: block;position: relative;overflow: hidden;}
.service_item:hover>a img{transform: scale(1.1);}
.service_item .service_info{padding: 19px 15px 21px;position:relative;}
.service_info h3{color: #000000;font-size: 24px;font-family: "Poppins-Regular";font-weight: normal;line-height: 1.25;display: flex;}
.service_info h3 a{color: #000000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.service_info p{color: #000000;font-size: 16px;font-family: "Poppins-Regular";line-height: 1.625;margin-top: 11px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;}
.service_item:hover h3 a{color: #cb0000;}
.service_item .try{
    position: absolute;
    display: initial;
    left: 15px;
    bottom: 20px;
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    font-family: "Poppins-Regular";
    line-height: 35px;
    padding: 0 18px;
    background-color: #cb0000;
    border: 1px solid #cb0000;
    border-radius: 5px;
}
/* index_software_interface */
.index_software_interface{padding: 65px 0;}
.index_software_interface .layout{align-items: center;flex-wrap: nowrap;}
.interface_display{width: 58.28%;position: relative;overflow: hidden;}
.interface_display .swiper-slide:hover img{transform: scale(1.2);}
.interface_content{width: 44.66%;transform: translate(-38px,10px);padding: 40px 45px 40px;box-shadow: 0 7px 46px rgba(0,0,0,.14);background-color: #ffffff;border-radius: 0 30px 0 0;position: relative;z-index: 2;}
.interface_content p{color: #333333;font-size: 20px;font-family: "Poppins-Regular";line-height: 1.7;margin: 26px 0 57px;}
.interface_content h2{line-height: 1;padding-bottom: 23px;}
.interface_content h2::after{content: '';width: 125px;height: 2px;background-color: #999999;position: absolute;bottom: 0;left: 0;}
.interface_content .more{line-height: 48px;padding: 0 27px;border-radius: 23px;}

/* index_our_customers */
.index_our_customers{padding: 24px 0 80px;}
.index_our_customers::after{content: '';width: 385px;height: 441px;background: url(img/demo/customers_bg.png) no-repeat center;position: absolute;top: 175px;right: 0;z-index: -1;}
.index_our_customers .index_hd{text-align: center;}
.customers_wrap{margin-top: 105px;}
.customers_wrap img{width: auto;}
.customers_list{width: 53.3%;padding-left: 20px;}
.customer_item:nth-child(1){margin-top: 16px;}
.customer_item {align-items: center;margin: 20px 0 0;}
.customer_item.current .cust_info {box-shadow: 0 7px 24px rgba(0,0,0,.08);border-radius: 52px;padding: 20px 43px 16px 40px;}
.customer_item.current .open{display: inline-block;transform: scale(1);}
.customer_item.current .info{margin-right: 28px;}
.customer_item .cust_info{flex: 1;margin-left: 13px;padding: 20px 43px 16px 16px;align-items: center;}
.cust_info h3{color: #333333;font-size: 20px;font-family: "Poppins-Regular";line-height: 1;text-transform: uppercase;font-weight: normal;}
.cust_info p{color: #999999;font-size: 16px;font-family: "Poppins-Regular";line-height: 1.5;padding-left: 3px;padding-top: 10px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.cust_info .open{width: 34px;height: 33px;line-height: 33px;text-align: center;background-color: #cb0000;border-radius: 50%;background-image: url(img/demo/add_w.png);background-repeat: no-repeat;background-position: 6px 6px;transform: scale(0);}
.cust_info .info{flex: 1;margin-right: 53px;}
.customer_comments{width: 46.7%;padding-left: 53px;padding-right: 116px;}
.customer_comments.swiper-cards .swiper-slide{max-width: 434px;border-radius: 35px;overflow: visible;}
.comment_item{padding: 34px 0 48px;border-radius: 35px;background-color: #ffffff;transform: skewY(-6deg) rotateY(180deg);}
.customer_comments .swiper-slide .swiper-slide-shadow{transform: skewY(-6deg) rotateY(180deg);border-radius: 35px;background: rgba(255,255,255,.6);}
.customer_comments .comment_content{transform: skewY(-6deg);}
.customer_comments .swiper-slide.swiper-slide-next .comment_item{box-shadow: -7px 0 35px rgba(0,0,0,.07);}
.customer_comments .swiper-slide.swiper-slide-active .comment_item{box-shadow: 7px 0 35px rgba(0,0,0,.37);}
.customer_comments .swiper-slide.swiper-slide-active .comment_item,
.customer_comments .swiper-slide[aria-label="4 / 4"].swiper-slide-active .comment_item,
.customer_comments .swiper-slide[aria-label="3 / 4"].swiper-slide-active .comment_item,
.customer_comments .swiper-slide[aria-label="2 / 4"].swiper-slide-active .comment_item,
.customer_comments .swiper-slide[aria-label="2 / 4"].swiper-slide-prev .comment_item,
.customer_comments .swiper-slide[aria-label="3 / 4"].swiper-slide-prev .comment_item{transform: skewY(6deg) rotateY(0);}
.customer_comments .swiper-slide.swiper-slide-active .swiper-slide-shadow,
.customer_comments .swiper-slide[aria-label="4 / 4"].swiper-slide-active .swiper-slide-shadow,
.customer_comments .swiper-slide[aria-label="3 / 4"].swiper-slide-prev .swiper-slide-shadow{transform: skewY(6deg) rotateY(0);}
.customer_comments .swiper-slide[aria-label="3 / 4"].swiper-slide-prev .swiper-slide-shadow{background: rgba(255,255,255,.6);}
.customer_comments .swiper-slide[aria-label="2 / 4"].swiper-slide-next .comment_item{transform: skewY(-6deg) rotateY(180deg) rotateZ(-5deg) translate(5px,10px) scale(1.1) }
.customer_comments .swiper-slide[aria-label="2 / 4"].swiper-slide-next .swiper-slide-shadow{transform: skewX(-6deg) rotateY(180deg) rotateZ(1deg) translate(6px,10px) scale(1.1);}
.customer_comments .swiper-slide[aria-label="3 / 4"] .comment_item{transform: skewY(-6deg) rotateY(180deg) rotateZ(-34deg)  translate(50px,0) scaleX(1.23)}
.customer_comments .swiper-slide[aria-label="3 / 4"] .swiper-slide-shadow{transform: skewX(-6deg) rotateY(180deg) rotateZ(-27.7deg)  translate(50px,0) scaleX(1.23);background: rgba(255,255,255,.8);}
.customer_comments .swiper-slide[aria-label="4 / 4"] .comment_item{transform: skewY(-6deg) rotateY(180deg) rotateZ(-60deg) translate(-14px,40px) }
.customer_comments .swiper-slide[aria-label="4 / 4"] .swiper-slide-shadow{transform: skewX(-6deg) rotateY(180deg) rotateZ(-54deg) translate(-14px,40px);background: rgba(255,255,255,.9);}

/* .customer_comments .swiper-slide[aria-label="2 / 4"].swiper-slide-active .comment_content{transform: skewX(6deg);}
.customer_comments .swiper-slide[aria-label="3 / 4"] .comment_item{transform: skewX(-6deg)}
.customer_comments .swiper-slide[aria-label="3 / 4"] .swiper-slide-shadow{transform: skewX(-6deg)}
.customer_comments .swiper-slide[aria-label="3 / 4"].swiper-slide-active .comment_content{transform: skewX(6deg);}
.customer_comments .swiper-slide[aria-label="4 / 4"] .comment_item{transform: skewX(-6deg)}
.customer_comments .swiper-slide[aria-label="4 / 4"] .swiper-slide-shadow{transform: skewX(-6deg)}
.customer_comments .swiper-slide[aria-label="4 / 4"].swiper-slide-active .comment_content{transform: skewX(6deg);} */

/* .customer_comments .swiper-slide-active ul::after{right: unset;left: 0;} */
.comment_content{position: relative;}
.comment_content::after{content: '';width: 65px;height: 51px;background: url(img/demo/yinhao.png) no-repeat center;position: absolute;bottom: -8%;right: 8.7%;}
.comment_content ul{position: relative;padding-bottom: 21px;}
.comment_content ul::after{content: '';width: 40.8%;height: 4px;background-color: #cb0000;position: absolute;bottom: 0;left: 0;}
.comment_content li{display: inline-block;padding: 0 12px;margin-right: 8px;font-family: "Poppins-Regular";line-height: 1;position: relative;}
.comment_content li:nth-child(1){color: #333333;font-size: 22px;}
.comment_content li:nth-child(2){color: #999999;font-size: 18px;}
.comment_info{padding: 17px 26px 5px;}
.comment_info .date{display: inline-block;position: relative;color: #cb0000;font-size: 16px;font-family: "NotoSansHans";vertical-align: middle;}
.comment_info .date::before{content: '';width: 21px;height: 21px;background: url(img/demo/rili.png) no-repeat center;display: inline-block;margin-right: 14px;vertical-align: middle;margin-top: -4px;}
.comment_info p{color: #666666;font-size: 14px;font-family: "Myriad Pro";line-height: 1.857;margin-top: 7px;padding-right: 5%;}

/* .customer_comments .swiper-slide-active{transform: skewY(8deg) !important;} */


/* index_join_us */
.index_join_us{padding: 60px 0 60px;background-color: #f2f6f7;}
.index_join_us .layout{align-items: center;}
.yink_display .swiper-slide:hover img{transform: scale(1.2);}
.dealer_content{width: 50.3%;padding-right: 8.4%;margin-top: 8px;}
.dealer_content p{color: #333333;font-size: 18px;font-family: "Poppins-Regular";line-height: 1.66;margin: 24px 0 59px;}
.dealer_content h2{line-height: 1;}
.dealer_content .more{line-height: 48px;padding: 0 22px 0 26px;border-radius: 23px;}
.yink_display{width: 49.7%;    overflow: hidden;}


/* index_frequently_qa */
.index_frequently_qa{padding: 60px 0 80px;}
.index_frequently_qa .index_hd{text-align: center;}
.index_frequently_qa h2{font-size: 46px;}
.faq_wrap{position: relative;padding: 50px 6.2% 0;z-index: 1;}
.qa_item{position: relative;box-shadow: 0 7px 24px rgba(0,0,0,.08);border-radius: 10px;padding: 41px 4.8% 30px 5.3%;margin-bottom: 40px;z-index: 1;overflow: hidden;}
.qa_item .qa_content{flex: 1;}
.qa_item h3{color: #333333;font-size: 22px;font-family: 'Poppins-Regular';line-height: 1;font-weight: normal;}
.qa_item p{color: #666666;font-size: 16px;font-family: 'Poppins-Regular';line-height: 1.875;margin-top: 18px;padding-left: 3.5%;padding-right: 18%;position: relative;display: none;}
.qa_item p::before{content: '';width: 1px;height: 100%;position: absolute;top: 3px;left: 1.9%;background-color: #999999;}
.qa_item .qa_open{width: 34px;height: 33px;border-radius: 50%;transform: translateY(-2px);background-image: url(img/demo/add.png);background-repeat: no-repeat;background-position: 6px 6px;}
.qa_item.active .qa_open{background-image: url(img/demo/add_w.png);background-color: #cb0000;}
.qa_item::before{content: '';z-index: -1;width: 254px;height: 244px;background-color: #0096ff;border-radius: 50%;opacity: .04;position: absolute;top: 24px;left: -120px;transform: scale(0);}
.qa_item::after{content: '';z-index: -1;width: 157px;height: 157px;background-color: #ff6c00;border-radius: 16%;opacity: .05;position: absolute;top: 61px;right: -87px;transform: scale(0);}
.qa_item.active {padding: 48px 4.8% 37px 5.3%;}
.qa_item.active::before,.qa_item.active::after{transform: scale(1) rotate(45deg);}


/*----------------------------------right_nav---------------------------------  */
.right_nav{ right:0; bottom:50%; position:fixed; text-align:left;overflow: hidden;z-index:9;transform: translateY(50%);}

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

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

/*public*/
 
.page_main { z-index: 1; overflow: visible; padding: 72px 0 30px 0; background: #fff; }
.product_main { background: #fff; }
.page_main .layout,.sys_sub_head .layout{width: 1265px;}
.product_list_item figure{}


/*sys_sub_head*/
.sys_sub_head { position: relative; z-index: 1; background-color: #f1f1f1; }
.head_bn_item{position: relative;}
.path_bar {text-align: left;padding: 20px 0;}
.path_bar ul { font-size: 0; }
.path_bar li { display: inline; letter-spacing: 0; }
.path_bar li, .path_bar li a { color: #000; font-size: 16px; line-height: 38px; font-family: "Microsoft YaHei"; }
.path_bar li:after { position: relative; margin: 0 5px; content: '-'; vertical-align: baseline; }
.path_bar li:last-child:after { display: none; }
.sys_sub_head .pagnation_title { font-size: 16px; font-family: "Roboto-Bold"; color: #333333;font-weight: normal; line-height: 50px;padding-left: 20px;}
/* .sys_sub_head .pagnation_descrition{font-family: "Microsoft YaHei"; color: #000; position: absolute; width: 100%; top: 46%; left: 0;text-align: center;font-size: 24px;} */
.mobile-head-items { display: none; }
/*----------------------------------aside---------------------------------*/	
.aside { float: left; width: 250px;display: none; }
.side-tit-bar { position: relative; }
.side-tit-bar .side-tit { position: relative; padding-left: 35px; background: #cb0000; color: #fff; font-weight: normal; font-size: 20px; line-height: 45px; }
.side-widget { position: relative; overflow: hidden; margin: 0 0 40px; }
.side-widget+.side-widget { padding-top: 20px; }
.side-cate { overflow: hidden; }
.side-cate li { position: relative; margin-bottom: 1px; font-size: 16px; line-height: 30px; }
.side-cate li a { position: relative; display: block; padding-left: 30px; }
.side-cate ul { display: none; overflow: visible !important; background-color: #fff; }
.side-cate li {background-color: #fff;}
.side-cate li a { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; }
.side-cate li ul { padding-top: 8px; padding-bottom: 8px; }
.side-cate li li { font-size: 14px; }
.side-cate li+li { border-top: 1px solid #ddd; }
.side-cate li li a { margin-left: 30px; padding-top: 3px; padding-bottom: 3px; background: none; color: #425664; }
.side-cate li li li { font-size: 12px; }
.side-cate li a:hover, .side-cate li.active>a { color: #000; }
.side-cate li a:hover:before, .side-cate li.active>a:before { background-color: #0b87fb; }
.side-cate li .icon-cate { position: absolute; top: 0; right: 0; display: inline-block; overflow: hidden; width: 40px; height: 40px; border-radius: 0%; color: #616265; text-align: center; font-size: 10px; line-height: 40px; cursor: pointer; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.side-cate li .icon-cate:before { padding-right: 1px; padding-left: 1px; }
.side-cate li .icon-cate.icon-cate-down:before { content: '\f04b'; }
.side-cate li .icon-cate.icon-cate-up:before { content: '\f04b'; }
.side-cate li .icon-cate.icon-cate-up { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); }
.side-widget .cate-type-list>li { font-size: 16px; line-height: 1.5;padding:15px 0 10px; }
.side-widget .cate-type-list>li>a { margin-right: 0; padding-left: 15px; }
/*.side-widget .cate-type-list>li>a:before { position: absolute; top: 15px; left: 0; display: inline-block; width: 5px; height: 5px; background-color: #e0e0e0; content: ''; }*/
.side-cate li.has-child>a { padding-right: 40px; line-height: 40px; }
.side-cate li.nav-current>.icon-cate { color: #000; }
.side-cate>li.nav-current>a, .side-cate>li.nav-current>.icon-cate { color:#000; }
.side-cate li li.nav-current>a { color: #000; }
.side-product-items { position: relative; margin-top: 8px; }
.side-product-items .items_content { position: relative; padding: 35px 0; }
.side_product_item { position: relative; display: block; overflow: hidden; width: 100%; }
.side_product_item figure { position: relative; display: table; overflow: hidden; width: 100%; }
.side_product_item .item-img, .side_product_item figcaption { display: table-cell; vertical-align: middle; }
.side_product_item .item-img { position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; width: 70px; }
.side_product_item .item-img img { display: block; width: 100%; }
.side_product_item figcaption { padding-left: 15px; }
.side_product_item figcaption h3 { font-weight: normal; font-size: 14px; }
.side_product_item figcaption h3 a { color: #2e2e35;display: block; display: -webkit-box; overflow: hidden; max-height: 3.2em; text-overflow: ellipsis; word-wrap: break-word; line-height: 1.6em; -ms-word-break: break-all; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.side_product_item figcaption h3 a:hover, .side_product_item .item-img:hover + figcaption h3 a { color: #000; }
.side_product_item:hover .item-img { border-color: #0b87fb; }
.side-product-items .swiper-slide { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; }
.side-product-items .side_slider { position: relative; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; max-height: 480px; }
.side-product-items .side_slider .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.side-product-items .side_product_item { height: 100px!important; }
.side-product-items .btn-prev, .side-product-items .btn-next { position: absolute; left: 0; z-index: 1; width: 100%; height: 32px; color: #ccd3d9; text-align: center; font-size: 38px; line-height: 32px; opacity: 1; cursor: pointer; filter: alpha(opacity=100); }
.side-product-items .swiper-button-disabled { color: #eee; cursor: default; }
.side-product-items .btn-prev:before, .side-product-items .btn-next:before { display: inline-block; -webkit-transform: scale(2.5, 1); -o-transform: scale(2.5, 1); transform: scale(2.5, 1); -ms-transform: scale(2.5, 1); }
.side-product-items .btn-prev { top: 0; }
.side-product-items .btn-prev:before { content: '\f106'; }
.side-product-items .btn-next { bottom: 0; }
.side-product-items .btn-next:before { content: '\f107'; }
.side-product-items .btn-prev:not(.swiper-button-disabled):hover, .side-product-items .btn-next:not(.swiper-button-disabled):hover { color: #000; }
.aside .side-bn { margin: 0 0 40px; width: 100%; }
.aside .side-bn img { width: 100%; }
/*----------------------------------main---------------------------------*/
.main {position: relative;float: right;padding-bottom: 50px;width: calc(100% - 350px);width: auto;}
.main .banner_section { margin-bottom: 25px; }
.page_main, .pagge_main a { color: #002140; }
.page_main a:hover { color: #000; }
.page_news .main {
    width: 100%;
}
/*title*/
.main_hd { margin-bottom: 35px; text-align: center; }
.main_hd .page_title { font-size: 30px; }
.main_hd .page_title, .main_hd .page_title a { color: #595959; }
/*page*/
.page_bar { position: relative; margin: 50px 0 30px; height: 33px; text-align: center; font-size: 14px; line-height: 31px; }
.page_bar a, .page_bar span { color: #cb0000;position: relative; display: inline-block; margin: 0 0 0 8px; padding: 0 8px; min-width: 33px; border: 1px solid #cb0000; vertical-align: top; text-align: center; }
.page_bar a.current, .page_bar a:hover { background: #cb0000;color: #fff;}
.page_bar span.current2 { padding-right: 8px; padding-left: 8px; }
/*-------------------------------------------------------- 
													page: Ppf Cutting Software
																	------------------------------------------------------*/
.page_banner .banner_info{padding-left: 11.6%;padding-right: 0;top: calc(45% + 2px);}
.page_banner .banner_info h2{color: #ffffff;font-size: 36px;}
.page_banner .banner_info .more{line-height: 44px;padding: 0 37px;font-size: 20px;border-radius: 5px;margin-top: 43px;}
.model_title{position: relative;color: #333333;font-size: 36px;font-family: "Roboto-Bold";font-weight: normal;line-height: 1.194;}

/* cutting_specialization */
.cutting_specialization img{width: auto;}
.cutting_specialization{padding: 22px 0 0;text-align: center;}
.cutting_specialization h2{padding: 0 12%;}
.cutting_specialization ul{margin: 36px 0 56px;}
.cutting_specialization li{color: #333333;font-size: 16px;font-family: 'Poppins-Regular';padding-right: 18px;display: inline-block;}
.cutting_specialization li+li::before{content: '';width: 1px;height: 26px;background-color: #333333;display: inline-block;margin-right: 18px;vertical-align: middle;}
.cutting_specialization li:last-child{padding: 0;}
/* .cutting_specialization li:hover */

/* choose_reasons */
.choose_reasons{background-color: #f2f6f7;padding: 160px 0 78px;margin-top: -46px;}
.choose_reasons img{width: auto;}
.choose_reasons .layout{align-items: flex-start;}
.choose_reasons .reason_content{width: 49.33%;transform: translateX(-8px);margin-top: 30px;padding: 79px 85px 72px 58px;background: url(img/demo/reason_border.png) no-repeat left center;background-size: auto 100%;}
.choose_reasons .reason_show{width:50.67%;position: relative;}
.reason_content h2{color: #333333;font-size: 36px;font-family: "Roboto-Bold";font-weight: normal;line-height: 1.194;padding-bottom: 24px;position: relative;}
.reason_content h2::after{content: '';width: 180px;height: 2px;background-color: #333333;position: absolute;bottom: 0;left: 0;}
.reason_content ul{margin-top: 36px;}
.reason_content li{color: #333333;font-size: 18px;font-family: "Poppins-Regular";line-height: 1.66;}
.reason_show .reason_swiper{position: absolute;top: 0;width: 100%;right: 0;overflow: hidden;}

/* cutting_merit */
.cutting_merit{padding: 220px 0 145px;background-repeat: no-repeat;background-position: 84% 56%;}
.cutting_merit img{width: auto;}
.cutting_merit .layout{align-items: flex-start;}
.cutting_merit .layout .cutting_intro{text-align:center;font-size:16px;margin-bottom:40px;}
.merit_list{width: 32.17%;box-shadow: 0 0 35px 2px rgba(0,0,0,.08);}
.merit_content{flex: 1;padding-left: 59px;padding-top: 13px;}
.merit_content h3{color: #333333;font-size: 36px;font-family: "Roboto-Bold";font-weight: normal;line-height: 1.194;padding-left: 25px}
.merit_content .desc{margin-top: 46px;background-color: #ffffff;box-shadow: 0 2px 35px rgba(0,0,0,.15);border-radius: 10px;padding: 38px 40px 43px;}
.merit_content .desc p{color: #333333;font-size: 16px;line-height: 1.625;font-family: "Poppins-Regular";}
.merit_content .merit_item{display: none;}
.merit_content .merit_item.active{display: block;}
.merit_list li{padding: 0 36px 0 21px;background-color: #fff;}
.merit_list li>div{align-items: center;padding: 33px 0 31px;position: relative;}
.merit_list li+li>div::before{content: '';width: 100%;height: 1px;background-color: #999999;position: absolute;top: 0;left: 0;}
.merit_list li.next>div:before,.merit_list li.active>div::before{content: none;}
.merit_list li .after,.merit_list li.active .before{display: none;}
.merit_list li.active .after{display: inline;}
.merit_list li.active{background-color: #cd0a0a;}
.merit_list li.active h4{color:#ffffff;}
.merit_list li h4{flex: 1;color: #333333;font-size: 20px;font-family: "Poppins-Regular";font-weight: normal;line-height: 1.2;padding-left: 20px;}
.merit_list li .ico{width: 77px;text-align: center;}
.merit_list li>div,.merit_list li h4,.merit_list li{-webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.merit_list li:nth-child(2) .ico{margin-top: 6px;}
.merit_list li:nth-child(2)>div{padding-bottom: 33px;}
.merit_list li:nth-child(3)>div{padding: 31px 0 34px;}
.merit_list li:nth-child(4)>div{padding: 29px 0 38px;}

/* features_software */
.features_software{padding: 83px 0 100px;background-color: #f2f6f7;text-align: center;}
.features_software h2{padding-bottom: 16px;}
.features_software h2::after{content: '';width: 158px;height: 2px;background-color: #333333;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.features_software .features_wrap{margin-top: 56px;}
.features_wrap .feature_item{width: calc(25% - 37.5px);padding-bottom: 23px;border-bottom: 2px solid #999999;}
.features_wrap img{width: auto;-webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease;}
.feature_item i{display: inline-block;width: 101px;height: 101px;line-height: 101px;text-align: center;background-color: #ffffff;border-radius: 50%;} 
.feature_item:hover i img{transform: rotateY(360deg);}
.feature_item .order{display: block;color: #333333;font-size: 26px;font-family: "Poppins-Regular";line-height: 1;position: relative;padding-bottom: 23px;margin: 37px 0 29px;}
.feature_item .order::after{content: '';width: 68px;height: 2px;background-color: #333333;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.feature_item h3{color: #333333;font-size: 18px;font-family: "Poppins-Regular";line-height: 1.22;font-weight: normal;padding: 0 10%;}

/* redouble_efforts */
.redouble_efforts{padding: 97px 0 0;text-align: center;}
.redouble_efforts h2{padding-bottom: 18px;}
.redouble_efforts h2::after{content: '';width: 158px;height: 2px;background-color: #000109;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.redouble_efforts .layout {width: 98%;max-width: 1335px;}
.redouble_efforts .layout>p{color: #333333;font-size: 16px;font-family: "Poppins-Regular";line-height: 1.4375;margin: 20px 30% 30px;}
.company_strength h3{color: #333333;font-size: 26px;font-family: "Poppins-Regular";font-weight: normal;}
.company_strength p{color: #333333;font-size: 18px;font-family: "Poppins-Regular";margin-top: -2px;}
.company_strength .core_team{padding: 31px 35px 158px;width: 100%;overflow: hidden;}
.core_team .core_item{overflow: visible;}
.core_item .core_show{border-radius: 10px 10px 0 0;overflow: hidden;}
.core_item .core_info{background-color: #ffffff;box-shadow: 0 2px 35px rgba(0,0,0,.15);padding: 24px 28px 47px;text-align: left;}
.core_item .core_info h4{color: #333333;font-size: 22px;font-family: "Poppins-Regular";font-weight: normal;}
.core_item .core_info p{color: #333333;font-size: 18px;min-height: 60px;font-family: "Poppins-Regular";font-weight: normal;line-height: 1.66;margin-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.core_item:hover .core_show img{transform: scale(1.1);}

/* glimpse_stats */
.glimpse_stats{text-align: center;}
.glimpse_stats .data_list{margin-top: 80px;}
.data_list .data_item{width: 25%;}
.data_item .data_num{position: relative;display: inline-block;color: #333333;font-size: 26px;font-family: "Roboto-Bold";line-height: 1;padding-bottom: 21px;}
.data_item .data_num::after{content: '';width: 84px;height: 3px;background-color: #666666;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.data_item h3{color: #333333;font-size: 20px;font-family: "Poppins-Regular";font-weight: normal;margin-top: 24px;}

/* customer_evaluation */
.customer_evaluation{padding: 96px 0 60px;position:relative;}
.evaluation{box-shadow: 0 2px 35px rgba(0,0,0,.15);padding: 53px 15% 57px;text-align: center;}
.evaluation  h2{padding-bottom: 22px;}
.customer_evaluation .eva_img{position:absolute;top:20px;left:2%;max-width:13%;}
.customer_evaluation .eva_img img{width:100%;-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);}
.evaluation h2::after{content: '';width: 158px;height: 2px;background-color: #000109;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.evaluation h3{color: #333333;font-size: 20px;font-family: "Poppins-Regular";font-weight: normal;margin: 23px 0 10px;}
.evaluation p{color: #333333;font-size: 16px;font-family: "Poppins-Regular";font-weight: normal;line-height: 1.625;}

.core_show img,.sns_list img{-webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

/*-------------------------------------------------------- 
													page: Ppf Cutting Software
																	------------------------------------------------------*/
.contact_main {padding: 6px 0 70px;text-align: center;}
.contact_main img{width: auto;}
.contact_content {text-align: center;padding-bottom: 72px;}
.contact_content h2{color: #333333;font-size: 56px;font-family: "Roboto-Bold";line-height: 1;font-weight: normal;position: relative;padding-bottom: 35px;}
.contact_content h2::after{content: '';width: 150px;height: 2px;background-color: #323230;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.contact_content p{color: #999999;font-size: 16px;line-height: 26px;font-family: "Poppins-Regular";padding: 33px 21% 36px;}
.contact_content .back{display: inline-block;color: #ffffff;font-size: 26px;font-family: "Poppins-Regular";line-height: 47px;padding:0 63px 0 61px;border-radius: 10px;background-color: #010101;border: 1px solid #010101;}
.contact_content .back:hover{background-color: transparent;color: #010101;}
.sns_list {margin-top: 40px;}
.sns_list li{display: inline-block;margin: 6px 13px 0;}
.sns_list li:hover img{transform: rotate(30deg);}

/*-------------------------------------------------------- 
													page: product list
																	------------------------------------------------------*/
.items_list { position: relative; width: 100%; }
.items_list ul { margin: -10px -18px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.items_list ul { margin: -2.5%; }
.items_list .product_item { display: -webkit-box; display: -webkit-flex; display: flex; padding: 2.5%; width: 25%; max-width: 25%; -webkit-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }
.items_list .product_item figure { display: -webkit-box; display: -webkit-flex; display: flex; overflow: hidden; width: 100%; border: 1px solid #e6e6e6; background-color: #fff; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.items_list .product_item figcaption { padding: 25px 15px; text-align: center; }
.items_list .product_item .item_img, .items_list .product_item .item_img img { display: block; }
.items_list .product_item .item_img { border: 1px solid #e6e6e6; -webkit-box-flex: 1.0; -moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; }
.items_list .product_item .item_title { text-transform: uppercase; font-size: 12px; }
.items_list .product_item .item_title a { height: 3.7em; background-color: #425664; color: #fff; font-size: 12px; line-height: 3.7em; }
.items_list .product_item figure:hover { border-color: #ccc; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3); }
.items_list .product_item figure:hover .item_title a { background-color: #0b87fb; color: #fff; }
/*-------------------------------------------------------- 
													page: single Product
																	------------------------------------------------------*/
/*product photos*/
.product-intro { position: relative; margin-bottom: 80px; }
.cloud-zoom-lens { border: 1px solid #eee; cursor: move; }
.cloud-zoom-title { position: absolute !important; top: 0px; padding: 3px; width: 100%; background-color: #000; color: #fff; text-align: center; font-weight: bold; font-size: 10px; }
.cloud-zoom-big { overflow: hidden; padding: 0px; background-color: #fff; }
.cloud-zoom-loading { padding: 3px; border: 1px solid #000; background: #222; color: white; }
.product-view .product-image.zoom_remove:after { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; height: 100%; content: ""; }
.product-view { position: relative; float: left; width: 42%; padding-bottom: 28px; box-shadow: 0 0 10px rgba(0,0,0,.25); }
.product-view .product-image { overflow: hidden; }
.product-view .product-image img { position: relative; width: 100%; }
.product-view .image-additional-wrap { position: relative; z-index: 999; margin-top: 34px; padding: 0 50px; }
.product-view .image-additional { position: relative; overflow: hidden; padding: 0 2px; }
.product-view .image-additional li { position: relative; float: left; display: -webkit-box; display: -webkit-flex; display: flex; overflow: visible; width: 100%; width: 20%; height: auto; border: 1px solid #8a8a8a; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; }
.product-view .image-additional li:before { position: absolute; bottom: -5px; left: 40%; z-index: 1; display: block; width: 20%; height: 4px; border-radius: 6px; content: ''; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.product-view .image-additional li.single { display: none; }
.product-view .image-additional li img { position: relative; display: block; margin: 0 auto; width: 100%; opacity: .4; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; filter: alpha(opacity=40); }
.product-view .image-additional li a { position: relative; display: block; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -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.current { border: 1px solid #cb0000; -bottom: 0; }
.product-view .image-additional li.current img { opacity: 1; filter: alpha(opacity=100); }
.product-view .image-additional img.popup { display: none; }
.ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #0b87fb; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; }
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets { display: none; }
.product-view .swiper-button-next, .product-view .swiper-button-prev { margin-top: -16px; width: 25px; height: 32px; background: none; font-size: 24px; line-height: 32px; opacity: 1; filter: alpha(opacity=100); }
.product-view .swiper-button-prev { left: 10px; }
.product-view .swiper-button-next { right: 10px; }
.product-view .swiper-button-next:before, .product-view .swiper-button-prev:before { width: 25px; height: 33px; background-image: url(img/web_icon.png); background-repeat: no-repeat; content: ""; -webkit-transition: all ease .35s; transition: all ease .35s; }
.product-view .swiper-button-next:before { background-position: right -93px; }
.product-view .swiper-button-prev:before { background-position: -250px -93px; }
.product-view .swiper-button-next:hover:before { background-position: right -55px; }
.product-view .swiper-button-prev:hover:before { background-position: -250px -55px; }
.product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled { opacity: 1; filter: alpha(opacity=100); }
.product-view:hover .swiper-button-prev, .product-view:hover .swiper-button-next { background: none; opacity: 1; filter: alpha(opacity=100); }
.product-view:hover .swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); }
/*product summary*/
.product-summary { position: relative; float: left; color: #2e2e35; max-width: 630px; padding-left: 60px;  }
.product-summary .page_title { display: table; color: #2e2e35; text-transform: capitalize; font-weight: normal; font-size: 36px; line-height: 1; font-family: "Roboto-Bold"; padding-top: 50px; }
.product-summary .product-meta { color: #2e2e35; font-weight: 300; font-size: 16px; line-height: 28px; }
.product-summary .product-meta .short_tit { position: relative; color: rgba(36,36,36,.5); text-transform: capitalize; font-weight: normal; font-size: 16px; line-height: 22px; }
.product-summary .product-meta p { margin: 27px 0; color: #2e2e35; font-size: 14.7px; line-height: 26px; }
.product-summary .product-meta li { display: table; padding: 2px 0; width: 100%; font-size: 13px; line-height: 1.6; }
.product-summary .product-meta li em { display: table-cell; width: 36%; color: #2e2e35; }
.product-summary .product-meta li .item-val { display: table-cell; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; }
.product-summary .product-meta br { display: none; height: 10px; }
.product-btn-wrap { position: relative; padding-top: 74px; text-align: left; }
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { position: relative; display: inline-block; margin: 0 0 7px 7px; padding: 0 10px; border: 1px solid #8a8a8a; background: #fff; color: #8a8a8a; vertical-align: top; text-transform: uppercase; font-size: 14px; line-height: 30px; font-family: "Roboto-Bold"; font-weight: normal; }
.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover { background: #cb0000; color: #fff; border-color: #cb0000;}
.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_main .layout{width: 1200px;}
.product-detail { position: relative; overflow: visible; }
.detail-tabs { position: relative; margin-bottom: -1px; background: #eaedf0; }
.detail-tabs .title { position: relative; position: relative; position: relative; float: left; display: inline-block; margin-right: -1px; padding: 1px 35px; border: 1px solid #ccd3d9; color: #959da7; color: rgba(0,33,64,.5); vertical-align: top; text-transform: uppercase; font-weight: bold; font-size: 18px; font-family: Times New Roman; line-height: 35px; cursor: pointer; }
.detail-tabs .title.current { position: relative; z-index: 2; margin-bottom: -1px; padding-bottom: 2px; border-bottom: none; background: #fff; color: #000; }
.product-detail .tab-panel-content { display: block; overflow: hidden; padding: 10px 0; }
.product-detail .disabled { display: none; }
.tab-panel-wrap { margin-bottom: 60px; padding: 40px; border: 1px solid #ccd3d9; background-color: #fff; }
/*like product*/
.goods-may-like .swiper-slider{
    overflow: hidden;
}
.goods-may-like .swiper-pagination-bullet-active{
    background: #cb0000;
}
.goods-may-like { position: relative; overflow: hidden; padding: 70px 0 30px 0; background-attachment: fixed; margin-bottom: 30px; }
.goods-may-like .index_title_bar { position: relative; display: block; text-align: center; }
.goods-may-like .index_title_bar .good_title { position: relative; color: #2e2e35; text-transform: capitalize; font-size: 36px; line-height: 1; margin-bottom: 45px; font-family: "Roboto-Bold"; font-weight: normal; }
.goods-may-like .swiper-pagination-bullets { text-align: center; line-height: 1; }
.goods-may-like .swiper-pagination-bullet, .goods-may-like .swiper-pagination-bullet:before { width: 14px; height: 14px; }
.goods-may-like .product_item:hover .item_img img { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1); }
.good_button_bar { text-align: center; position: relative; margin-top: 50px; }
.good_button_bar .navigate_button_prev, .good_button_bar .navigate_button_next { cursor: pointer;;background: transparent; display: inline-block; width: 85px; line-height: 42px; margin: 0 5px; text-align: center; color: #2e2e35;border: 1px solid #2e2e35; font-size: 30px; }
.good_button_bar .navigate_button_prev:hover, .good_button_bar .navigate_button_next:hover{background: #cb0000;color: #fff;border-color: #cb0000;}
.good_button_bar .navigate_button_prev { }
.good_button_bar .navigate_button_next { }
.good_button_bar .navigate_button_prev:before, .good_button_bar .navigate_button_next:before { }
.good_button_bar .navigate_button_prev:before { content: "<"; }
.good_button_bar .navigate_button_next:before { content: ">"; }
.good_button_bar .navigate_button_prev { }
.good_button_bar .navigate_button_next { }
/*----------------product-------------*/
.product_item { position: relative; border: 1px solid #c8c8c8; }
.product_item figure { position: relative; height: 100%; }
.product_item .item_img { position: relative; display: block; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.product_item .item_img img { width: 100%; height: auto; }
.product_item figcaption { background: rgba(203, 0, 0,0.63); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(-110%); -webkit-transform: translateX(-110%); }
.product_item .item_title { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.product_item .item_title a { display: block; position: relative; color: #fff; text-align: center; font-size: 18px; line-height: 1.68; font-family: "Poppins-Regular"; text-transform: capitalize; letter-spacing: .38px; font-weight: normal; }
.product_item:hover figcaption { transform: translateX(0); -webkit-transform: translateX(0); }
/*-------------------------------------------------------- 
													page: blog list
																	------------------------------------------------------*/
.blog_list { position: relative; width: 100%; }
.blog-item { position: relative; overflow: hidden; padding: 35px 20px; width: 100%; }
.blog-item:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; content: ""; }
.blog-item:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 3px; background-color: #cb0000; content: ''; opacity: 0; filter: alpha(opacity=0); }
.blog-item:hover:after { width: 100%; opacity: 1; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; filter: alpha(opacity=100); }
.blog-item .item-img, .blog-item .item-img img { border-radius: 5px; }
.blog-item .item-img { position: relative; float: left; display: block; margin: 0 20px 0 0; padding: 5px; max-width: 200px; border: 1px solid #eee; background-color: #fff; }
.blog-item .item-img img { position: relative; width: 100%; }
.blog-item .item-info .item-title { overflow: hidden;  font-weight: normal; font-size: 20px; line-height: 1.5em; }
.blog-item .item-info time { display: block; margin: 8px 0; font-size: 16px;color: #2e2e35; }
.blog-item .item-info .item-detail {     color: #2e2e35;}
.blog-item .item-info .item-title a{color: #2e2e35;}
.blog-item .item-info .item-more { float: right; margin: 20px 0 0; color: #cb0000; }
.blog-item .item-info .item-more { position: relative; display: inline-block; padding: .2em .8em; color: #2e2e35; text-transform: uppercase; line-height: 1.8; }
.blog-item .item-info .item-more:after { position: absolute; display: block; width: 100%; height: 2px; background-color: #666; content: ''; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.blog-item .item-info .item-more:before { top: 0; left: 0; }
.blog-item .item-info .item-more:after { right: 0; bottom: 0; }
.blog-item .item-info .item-more:hover:before, .blog-item .item-info .item-more:hover:after { width: 0; opacity: 0; }
.blog-item .item-info .item-more:hover { background-color: #cb0000; color: #fff; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }


/*-------------------------------------------------------- 
													page: join us
																	------------------------------------------------------*/																	


/*-------------------------------------------------------- 
													page: download list
																	------------------------------------------------------*/
.download_list { position: relative; width: 100%; }
.download-item { position: relative; overflow: hidden; margin: 0 0 10px; padding: 15px 0; border-bottom: 1px solid #eee; line-height: 30px; }
.download-item .item-img { max-width: 25px; }
.download-item .item-title { position: relative; display: inline-block; margin: 0 10px; vertical-align: top; font-weight: bold; font-size: 16px; *display: inline;
 *zoom: 1;
}
.download-item .item-button { position: relative; float: right; display: inline-block; padding: 0 15px; border: 1px solid #ccc; border-radius: 5px; background: #eee; vertical-align: top; line-height: 30px; cursor: pointer; *display: inline;
 *zoom: 1;
}
.download-item .item-button:before { margin: 0 10px 0 0; content: "\f019"; }
/*-------------------------------------------------------- 
													page: faq list
																	------------------------------------------------------*/
.faq_list { position: relative; width: 100%; }
.faq-item { position: relative; overflow: hidden; margin: 0 0 20px; padding: 0 25px; width: 100%; border: 1px solid #eee; }
.faq-item .faq-title { position: relative; padding: 15px 0; font-size: 16px; cursor: pointer; }
.faq-item .faq-title:before { position: absolute; right: 0; content: "\f067"; font-size: 14px; }
.faq-item .faq-title.show-title:before { content: '\f068'; }
.faq-item .faq-title h3 { font-weight: normal; }
.faq-item .faq-cont { display: none; margin: 0 0 25px; }
.faq-item:first-child .faq-cont { display: block; }
.material_form input::placeholder, .material_form textarea::placeholder{font-size:16px;overflow:hidden;text-overflow:ellipsis;}
.material_form textarea{padding:10px 18px;line-height: 1.5;}
 @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) {
/*layout*/
body { min-width: 1440px; }
.layout{width: 1440px;}
/*index*/

/* page */
.page_banner .banner_info{padding-left: 8%;}
.page_banner .banner_info h2{font-size: 32px;}
.page_banner .banner_info .more{font-size: 18px;line-height: 40px;padding: 0 35px;margin-top: 6.5%;}

/* header */

}


 @media only screen and (max-width: 1440px) {
/* header */
.nav_wrap .head_nav>li{margin: 0 30px;}

/*layout*/
body { min-width: 1200px; }
.layout,.page_main .layout{ width: 1280px; }

/*index*/
.bg_title{font-size: 10vw;}
.material_tab .hd_title,.index_frequently_qa h2{font-size: 42px;}


/*product*/

/* footer */
}

 @media only screen and (max-width: 1366px) {
/*layout*/
body { min-width: 1150px; }

/* index */
.banner_info{padding-left: 10%;}

/* page */
.page_banner .banner_info h2{font-size: 28px;}

/*list*/
.items_list .product_item { width: 33.33333333%; max-width: 33.33333333%; -webkit-box-flex: 0 0 33.33333333%; -webkit-flex: 0 0 33.33333333%; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; }

}
 @media only screen and (max-width: 1280px) {
/*layout*/
body { min-width: unset; }
.layout,.product_main .layout,.page_main .layout{width: 98%;}
/*header*/
.nav_wrap .head_nav>li{margin: 0 0;}
.nav_wrap .head_nav>li>a{padding: 0 5px;}
.nav_wrap .head_nav > li li a{font-size: 14px;}
/*index*/
.material_tab .hd_title,.index_frequently_qa h2{font-size: 36px;}
.banner_info{padding-left: 8%;}
.banner_info h2{font-size: 36px;}
.banner_info .more{font-size: 20px;padding: 0 25px;line-height: 48px;}
.material_tab{padding-right: 8%;}
.material_form{width: 50%;}

/* page */
.page_banner .banner_info{padding-left: 5%;width: 60%;}
.page_banner .banner_info h2{font-size: 24px;}
.model_title{font-size: 28px;}
.reason_content h2{font-size: 28px;}
.merit_list li h4{padding-left: 10px;}
.merit_list li .ico{width: 60px;}
.merit_list li{padding: 0 20px;}
.merit_content {padding-left: 5.5%;}
.merit_list li h4{font-size: 18px;}
.merit_content h3{font-size: 28px;}

/* footer */
.foot_item .title{font-size: 22px;}
.foot_item_inquiry h3{font-size: 18px;}
.foot_service .foot_items{padding: 60px 10%;}

/*list*/
.main { padding-bottom: 0; width: calc(100% - 280px); }
.items_list ul { margin: -5px; }
.items_list .product_item { padding: 5px; }
.page_main { padding: 30px 0; }
.product-summary { width: calc(57.83% - 30px); }
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { text-transform: capitalize; font-size: 12px; line-height: 30px; }
.pagnation_title { font-size: 28px; margin-bottom: 15px; }
.path_bar li, .path_bar li a { font-size: 16px; }
.product-summary .product-meta p { margin: 15px 0; font-size: 13px; line-height: 1.5; }
.product-btn-wrap { padding-top: 50px; }

}
@media only screen and (max-width: 1100px) {
/* .web_head .logo{width: 20%;} */
.nav_wrap .head_nav>li>a{font-size: 16px;}
}

@media only screen and (max-width: 950px) {
body { min-width: 100%;  overflow-x: hidden;}
.layout {width: 100%;}
.z10000 { position: relative; z-index: 100000; }

.mobile-body-mask { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); }
.mobile-ico-close { position: absolute; top: 0; right: -35px; width: 30px; height: 30px; background: #fff url(img/mobile_close.png) center center no-repeat; background-size: 50% auto; cursor: pointer; }
.sub-content { position: relative; right: auto; z-index: 99999; display: block; border: none; border-radius: 0; box-shadow: none; }
.lang-more { display: none !important; }
.mobile-head-items { position: fixed; top: 0; left: 0; z-index: 999; display: block; width: 100%; height: 35px; background: #161622; text-align: left; line-height: 35px; }
.mobile-head-item { float: left; width: 45px; }
.mobile-head-item.mobile-head-aside { float: right; }
.mobile-head-item .title { overflow: hidden; width: 100%; height: 35px; color: #FFF; text-align: center; line-height: 35px; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);font-size: 24px;}
.mobile-head-item .title a { position: relative; display: block; color: #FFF; }
.mobile-head-item.mobile-head-home .title a:before { content: '\f015'; }
.mobile-head-item.mobile-head-nav .title:before { content: '\f0c9'; }
.mobile-head-item.mobile-head-language .title:before { content: "\f1ab"; }
.mobile-head-item.mobile-head-search .title:before { content: "\f002"; }
.mobile-head-item.mobile-head-social .title:before { content: "\f007"; }
.mobile-head-item.mobile-head-aside .title:before { content: "\f060"; }
.mobile-head-item .main-content-wrap { top: 0; z-index: 99999; display: block; background: #FFF; }
.mobile-head-item .main-content-wrap .content-wrap { overflow-y: auto; padding: 15px 10px; height: 100%; background-color: #fff; }
.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap { overflow-y: hidden; }
.mobile-head-item .side-content-wrap { position: fixed; left: -70%; display: block; width: 70%; height: 100%; }
.mobile-head-item .middle-content-wrap { position: absolute; left: 0; visibility: hidden; padding: 20px 0; width: 100%; height: auto; opacity: 0; }
.mobile-head-item .middle-show-content-wrap { top: 26px; visibility: visible; opacity: 1; }
.web_head .nav_wrap .head_nav, .web_head .change-language, .head-search .search-attr, .btn--search,.js .web-search { display: none; }
.index_main .layout, .layout { margin: 0 auto; width: 98%; }
.web_head{ padding: 25px 0 0; padding-top: 25px; height: auto; background: #fff; position: relative; left: auto; top: auto; }
.web_head .logo { position: relative; display: block; width: 100%; max-width: unset; text-align: center; padding: 20px 0; -webkit-transform: unset; transform: unset; }
.web_head .logo img, .web_head.index_web_head .logo img { width: auto; }
.web_head .nav_wrap { position: static;}
.head-search{position:relative;width:90%;height:35px;margin:0 auto;border-radius: 30px;border: 1px solid #232323;}
.head-search .search-ipt{position:absolute;width:100%;height:100%;left:0;top:0;color:#232323;padding:0 10px;}
.head-search .search-ipt::placeholder{color: #232323;}
.head-search .search-btn{position:absolute;width:35px;height:100%;background:url(img/demo/search_ico.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;}
.head_top{display: none;}
/* header */
.web_head { background: #fff; }
.head_layout { height: auto; }
/*nav */
.head_nav { width: 100%; }
.head_nav > li { display: block; }
.head_nav li { padding-top: 4px; padding-bottom: 4px; padding-left: 28px; }
.head_nav li, .head_nav li a, .head_nav>li ul li a, .head_nav li:hover a { color: #111; }
.head_nav li.has-child { margin-top: 0; margin-bottom: 0; padding-left: 28px; }
.head_nav li.has-child>a { margin-top: 3px; margin-right: 35px; margin-bottom: 3px; }
.head_nav li.has-child>ul { position: relative; top: auto; left: auto; display: block; margin-left: 0; padding: 0 0 0 10px; width: 100%; border-top: unset; box-shadow: unset; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); background: #fff; display: none; }
.head_nav li a { position: relative; display: block; height: 1.4em; line-height: 1.4em; }
.head_nav li a:hover { color: inherit; }
.head_nav li em { display: block; overflow: hidden; height: 1.4em; }
.head_nav li li { font-size: 14px; }
.head_nav li li li { font-size: 12px; }
.head_nav li li a { color: #666;font-size: 12px !important; }
.head_nav li.has-child a b { position: absolute; top: 1px; right: -35px; display: inline-block; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; width: 15px; height: 15px; border: 1px solid #111; border-radius: 2px; line-height: 15px; }
.head_nav li.has-child a b:before, .head_nav li.has-child a b:after { position: absolute; top: 50%; left: 3px; display: block; margin-top: -.5px; width: 9px; height: 1px; background-color: #111; content: ''; }
.head_nav li.has-child a b:after { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); }
.head_nav li.has-child a:hover b { border-color: #111;transform: none;}
.head_nav>li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }
.head_nav>li>a { position: relative; position: relative; margin-bottom: -1px; text-transform: uppercase; text-transform: uppercase; font-size: 16px; }
.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; }
.web_head .nav_wrap { display: none; }
.head_nav>li ul li { border-bottom: none; }
.head_nav > li:before { display: none; }
.head_right,.head_brand_nav{display: none;}
/* footer */
.web_footer .foot_service { padding: 5% 5% 0; }
.foot_service .foot_items{flex-wrap: wrap;justify-content: flex-start;padding: 0 0 30px;}
.foot_service .foot_items .foot_item{width: 50%;margin: 10px 0;padding: 0;}
.foot_item .title{font-size: 18px;margin-top: 25px;}
.foot_item_inquiry h3,.foot_item_inquiry .inquiry_btn{font-size: 16px;}
.foot_item_inquiry .inquiry_btn::after{margin-left: 20px;}
.foot_contact_list{padding-right: 15%;}

/*index*/
.hd_title,.material_tab .hd_title,.index_frequently_qa h2{font-size: 28px;}
/* .index_hd{padding: 5% 0 2%;} */
.more{font-size: 16px;line-height: 40px;padding: 0 28px;}
.banner_info{padding-left: 5%;}
.banner_info h2{font-size: 28px;}
.banner_info .more{font-size: 18px;padding: 0 20px;line-height: 42px;margin-top: 7.5%;}
.material_tab{width: 100%;}
.material_form{width: 90%;margin: 30px auto 0;transform: none;padding: 5%;}
.index_save_material{padding: 5% 0;}
.material_form label{font-size: 18px;}
.material_form input, .material_form textarea{font-size: 16px;}
.material_form input{line-height: 40px;}
.material_form textarea{height: 128px;}
.material_form li{margin-bottom: 25px;}
.material_form li:nth-child(4), .material_form li:nth-child(3){margin-bottom: 30px;}
.material_form input.submit{font-size: 18px;}
.material_nav li.current h3{font-size: 18px;}
.material_nav h3{font-size: 16px;padding-left: 15px;}
.index_our_services,.index_software_interface{padding: 10% 0;}
.service_info h3{font-size: 20px;min-height: 50px;}
.interface_content{padding: 7% 3.5% 8.5%;transform: none;}
.interface_content p{margin: 5.5% 0 12%;font-size: 18px;}
.interface_content .more,.dealer_content .more{font-size: 18px;line-height: 40px;padding: 0 23px;}
.index_join_us{padding: 5% 0;}
.dealer_content{padding-right: 5%;}
.dealer_content p{font-size: 16px;margin: 4.5% 0 11%;}
.index_frequently_qa{padding: 10% 0;}
.faq_wrap{padding: 5% 5% 0;}
.qa_item.active,.qa_item{padding: 30px 5%;}
.qa_item h3{font-size: 18px;line-height: 1.2;}
.qa_item p{padding-right: 10%;}
.inquiry_btn{font-size: 22px;line-height: 48px;}
/* .services_wrap .service_item{max-width: calc(33.3% - 13.33px);} */
.material_form li:nth-child(1), .material_form li:nth-child(2){width: calc(50% - 20px);}
.index_our_services .index_hd p{font-size: 16px;margin: 16px 5% 0;}
.customers_list{width: 100%;padding: 0;}
.customer_item.current .info{margin-right: 5%;}
.customer_item .cust_info{padding: 20px 5% 20px 2%;}
.customer_item.current .cust_info{padding: 20px 5%;border-radius: 25px;}
.cust_info h3{font-size: 18px;}
.cust_head{width: 15%;}
.cust_info .info{margin-right: 11%;}
.index_our_customers{padding: 5% 0 10%;}
.customer_comments{margin: 80px auto 0;width: 80%;padding: 0;}
.customers_wrap{margin-top: 5%;}
/* .service_item .service_info{padding: 20px 15px 40px;} */

/* page */
.contact_content h2{font-size: 48px;padding-bottom: 3.8%;}
.contact_content p{padding: 4% 10%;}
.contact_content .back{font-size: 22px;line-height: 40px;padding: 0 54px;}
.sns_list{margin-top: 4.5%;}
.contact_main{padding-bottom: 7.5%;}
.page_banner .banner_info h2{font-size: 18px;}
.page_banner .banner_info .more{font-size: 16px;line-height: 36px;padding: 0 28px;}
.model_title{font-size: 24px;}
.cutting_specialization h2{padding: 0 5%;}
.cutting_specialization ul{margin: 5% 0 8%;}
.reason_content h2{font-size: 24px;}
.choose_reasons{padding: 17% 0 8%;}
.choose_reasons .reason_content{padding: 6.3% 6.7% 5.8% 4.6%;margin: 0;}
.reason_show .reason_swiper{position: relative;}
.merit_content h3{font-size: 24px;}
.merit_content .desc{margin-top: 8%;padding: 7%;}
.merit_list li h4{font-size: 16px;}
.merit_list li .ico{width: 40px;}
.cutting_merit .merit_list li>div{padding: 12% 0;}
.cutting_merit{padding: 20% 0 15%;}
.feature_item .order{font-size: 22px;margin: 20% 0 15%;padding-bottom: 12%;}
.features_wrap .feature_item{width: calc(25% - 20px);}
.features_software{padding: 10% 0;}
.redouble_efforts{padding: 10% 0 0;}
.redouble_efforts .layout>p{margin: 20px 15%;}
.company_strength h3{font-size: 22px;}
.core_item .core_info{padding: 9% 11% 18%;}
.core_item .core_info h4{font-size: 18px;}
.core_item .core_info p{font-size: 16px;margin-top: 8px;min-height: 27px;}
.company_strength .core_team{padding: 3% 0 15%;}
.data_item h3{font-size: 18px;}
.data_item .data_num{font-size: 22px;}
.glimpse_stats .data_list{margin-top: 8%;}
.customer_evaluation{padding: 10% 0 15%;}
.evaluation{padding: 6% 10%;}
.evaluation h2::after{width: 22%;}
.reason_content h2::after{width: 45%;}
.redouble_efforts h2::after,.features_software h2::after{width: 18%;}

/* aside */
.aside { display: none; }
.side-widget { margin-bottom: 35px; }
.side-product-items .items_content { margin-top: 10px; padding-top: 0; padding-bottom: 0; }
.side-product-items .btn-prev, .side-product-items .btn-next { display: none; }
.side-product-items .side_slider { padding-top: 0; padding-bottom: 0; max-height: inherit; }
.side-product-items .side_slider ul:after { clear: both; display: block; visibility: hidden; height: 0; content: ''; }
.side-product-items .side_slider .swiper-wrapper { display: block; margin: 0 -5px; width: auto; }
.side-product-items .side_product_item { float: left; display: block; width: 50%; height: auto!important; ; text-align: center; }
.side-product-items .side_product_item:nth-child(2n+1) { clear: left; }
.side-product-items .side_product_item figure { display: block; margin: 5px; padding: 3px; width: auto; border: 1px solid #eee; }
.side-product-items .side_product_item .item-img { float: none; display: block; width: 100%; border: 0; }
.side-product-items .side_product_item .item-img img { width: 100%; height: auto; border: 0; }
.side-product-items .side_product_item figcaption { display: block; padding: 8px; width: auto; }
.side-product-items .side_product_item figcaption .item_title { height: auto; text-transform: none; font-size: 12px; }
/* main */
.main { float: none; margin: 0 auto; width: auto; }
.product-item { width: 33.333%; }
.product-item .item-wrap { margin: 8px; }
.page_bar { margin-top: 20px; text-align: center; }
.path_bar .layout { width: auto; }
.sys_sub_head .layer_ft_bg { display: none; }
/* list */
.main_hd { margin-bottom: 15px; text-align: center; }
.main_hd .page_title { font-size: 22px; }
.items_list>ul { margin: 0; }
/* product intro */
/* .sys_sub_head .pagnation_title{font-size:36px ;} */
.path_bar .pagnation_title{font-size:36px}
.page_title { border-bottom: 0; line-height: 1.1; }
.video_close { display: none; }
.image-additional li.image-item.current img { border: none; }
.product-view { float: none; margin: 0 auto 15px; width: 100%; padding: 10px 0; }
.product-view .product-image, .single_product_items { display: block; }
.product-view .image-additional-wrap { width: 100%; margin-top: 0; }
.product-view .image-additional ul { width: 100%; }
.product-view .image-additional li { margin: 0; width: 33.33333333%; }
.product-view .image-additional li a { margin: 0 2px; padding: 0; border: 0; }
.product-view .image-additional li a:before { display: none; }
.product-view .image-additional li img { opacity: 1; filter: alpha(opacity=100); }
.product-view .image-additional li.current { }
.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 { }
.product-view .swiper-button-next { right: 0; }
.product-view .swiper-button-prev { left: 0; }
.product-view .swiper-button-next, .product-view .swiper-button-prev { opacity: 1; filter: alpha(opacity=100); }
.product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); }
/* product summary */
.product-intro { margin-bottom: 20px; }
.product-summary { float: none; width: 100%; padding-left: 2%; max-width: unset; }
.product-summary .page_title { font-size: 24px; padding-top: 10px; }
.product-summary .product-meta li .item-val { display: inline-block; }
.product-summary .share-this { float: none; margin: 30px 0; }
.product-summary .product-meta li { display: block; }
.product-summary .product-meta li em { display: inline; padding-right: 15px; color: #333; font-weight: bold; }
.product-btn-wrap { padding-top: 20px; text-align: left; }
.product-btn-wrap a { margin: 0 0 10px !important; }
.product-summary .share-this { text-align: left; }
/* product detail  */ 
.tab-panel-wrap { padding: 30px 0 0; }
.goods-may-like { padding: 30px 0; margin-bottom: 0; }
.goods-may-like .index_title_bar .good_title { font-size: 22px; margin-bottom: 20px }
.product_item figcaption { background: rgba(203, 0, 0,0.63); position: relative; top: unset; left: unset; width: 100%; height: auto; transform: unset; -webkit-transform: unset; }
.product_item .item_title { position: relative; top: unset; left: unset; width: 100%; transform: unset; -webkit-transform: unset; padding: 10px 0; }
.product_item .item_title a { font-size: 14px; }
.good_button_bar { margin-top: 20px; }
}

 @media only screen and (max-width: 768px) {
/* .sys_sub_head .pagnation_title,.path_bar .pagnation_title{font-size:24px ;} */
/*footer*/

/*index*/
.hd_title,.material_tab .hd_title,.index_frequently_qa h2{font-size: 24px;}
.banner_info h2{font-size: 24px;}

/* page */
.choose_reasons .reason_content{width: 90%;background-size: 100% 100%;margin:0 auto 30px;transform: none;}
.choose_reasons .reason_show{width: 90%;margin: 0 auto;}
.choose_reasons .reason_show img{width: 100%;}
.merit_list{width: 100%;margin-bottom: 30px;}
.cutting_merit .merit_list li>div{padding: 40px 0;}
.merit_content{padding: 0 5%;}
.feature_item i{width: 80px;height: 80px;line-height: 80px;}
.features_wrap img{width: 40%;}
.feature_item h3{font-size: 16px;}
.feature_item .order{font-size: 20px;}

/*list*/
.items_list .product_item figcaption { padding: 12px; }
.pagnation_title { font-size: 22px; }
.goods-may-like { padding: 30px 0; }
.goods-may-like .index_title_bar .good_title { font-size: 16px; }
.goods-may-like .index_title_bar .good_title:after { width: 40x; height: 2px; margin-left: -20px; }
.goods-may-like .index_title_bar p { line-height: 18px; font-size: 12px; margin: 10px 0; }
.product_item .item_title a { padding: 5px 0; font-size: 14px; line-height: 1.5; }
}

 @media only screen and (max-width: 640px) {
/*index*/
.hd_title,.material_tab .hd_title,.index_frequently_qa h2{font-size: 20px;}
.banner_info h2{font-size: 18px;}
.banner_info h3{font-size: 12px;}
.banner_info .more{font-size: 16px;line-height: 38px;}
.service_info h3{font-size: 18px;min-height: 45px;}
.interface_content p{font-size: 16px;}
.interface_content .more,.dealer_content .more{font-size: 16px;line-height: 35px;}
.dealer_content,.yink_display{width: 100%;}
.dealer_content{padding: 5%;}
.qa_item h3{font-size: 16px;}
.qa_item p{font-size: 14px;margin-top: 10px;}
.qa_item{margin-bottom: 25px;}
.inquiry_btn{font-size: 18px;line-height: 40px;padding: 0 20px;}
.inquiry_wrap{padding:0 5%;}
.inquiry_wrap p{font-size: 16px;}
.foot_inquiry .layout{flex-direction: column;}
.qa_item .qa_open,.cust_info .open{width: 20px;height: 20px;background-size: 60%;background-position: center;}
/* .services_wrap .service_item{max-width: calc(50% - 10px);} */
.material_form label,.material_form input.submit{font-size: 16px;}
.material_form input, .material_form textarea,
.material_form input::placeholder, .material_form textarea::placeholder{font-size: 14px;}
.material_form input{line-height: 36px;}
.material_form textarea{height: 112px;}
.material_form input.submit{line-height: 34px;padding: 0 20px;}
.material_tab{padding: 0;}
.material_nav{margin-top: 15px;}
.material_nav li{padding: 10px 0;}
.material_nav .ico{width: 50px;height: 50px;line-height: 50px;}
.material_nav .ico::after{width: 22px;height: 22px;}
.material_nav img{max-width: 45%;}
.material_nav li.current h3{font-size: 16px;}
.material_nav h3{font-size: 14px;padding-left: 5px;z-index: 2;}
.material_tab .material_nav li h3{margin: 0;}
.cust_info h3{font-size: 16px;}
.cust_info p{font-size: 14px;}
.comment_content li:nth-child(1){font-size: 18px;}
.comment_content li:nth-child(2){font-size: 16px;}


/* page */
.contact_content h2{font-size: 36px;}
.contact_content .back{font-size: 18px;line-height: 32px;padding: 0 43px;}
.model_title{font-size: 20px;}
.page_banner .banner_info h2{font-size: 16px;}
.page_banner .banner_info .more{font-size: 14px;line-height: 30px;padding: 0 20px;}
.reason_content h2{font-size: 20px;}
.reason_content li{font-size: 16px;}
.reason_content ul{margin-top: 9%;}
.merit_content h3{font-size: 20px;}
.features_software .features_wrap{margin: 30px 5%;}
.features_wrap .feature_item{width: calc(50% - 10px);margin: 10px 0;}
.company_strength h3{font-size: 18px;}
.company_strength p{font-size: 16px;}
.redouble_efforts .layout>p{margin: 15px 5%;}
.core_item .core_info h4{font-size: 16px;}
.core_item .core_info p{font-size: 14px;}
.data_item h3{font-size: 16px;margin-top: 15px;}
.data_item .data_num{font-size: 18px;}
.data_item .data_num::after{width: 60px;}
.evaluation h3{font-size: 18px;}

/* footer */
.foot_item .title{font-size: 16px;margin-top: 0;}
.foot_contact_list .item_val,.copyright{font-size: 14px;}
.foot_txt_list li a{font-size: 14px;}
.foot_contact_list{padding-right: 5%;}
/* list */
.sys_sub_head .head_title h1 { font-size: 30px; }
.items_list .product_item { width: 50%; max-width: 50%; -webkit-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
}
 @media only screen and (max-width: 480px) {
/* .sys_sub_head .pagnation_title,.path_bar .pagnation_title{font-size:18px ;} */
.blog-item .item-info .item-title a{font-size: 16px;}
.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 */
 
 
/*header*/

/*index*/
.hd_title,.material_tab .hd_title,.index_frequently_qa h2{font-size: 18px;}
.banner_info {width: 70%;}
/*.banner_info h2{font-size: 16px;}*/
.banner_info .more{font-size: 14px;line-height: 32px;}
.service_info h3{font-size: 16px;min-height: 40px;}
.service_info p{font-size: 14px;}
.interface_display{width: 100%;}
.interface_content{width: 100%;}
.index_software_interface .layout{flex-wrap: wrap;}
.dealer_content p{font-size: 14px;}
.interface_content .more, .dealer_content .more{font-size: 14px;line-height: 30px;}
.inquiry_btn{font-size: 16px;line-height: 36px;}
.qa_item p::before{content: none;}
.qa_item.active, .qa_item {padding: 15px 5%;}
.material_form li:nth-child(1), .material_form li:nth-child(2){width: calc(50% - 10px);}
.material_form label{margin-bottom: 10px;}
.material_form input{padding: 0 10px;}
.material_form textarea{padding:5px 10px;}
.material_form li,.material_form li:nth-child(4), .material_form li:nth-child(3){margin-bottom: 15px;}
.customer_item{margin-top: 10px;}
.comment_content li:nth-child(1){font-size: 16px;}
.comment_content li:nth-child(2){font-size: 14px;}

/* page */
.contact_content h2{font-size: 24px;}
.contact_content h2::after{width: 20%;}
.contact_content p{padding: 5%;}
.contact_content .back {font-size: 16px;line-height: 30px;padding: 0 40px;}
.page_banner .banner_info{width: 80%;top: 50%;}
.page_banner .banner_info h2{font-size: 14px;}
.model_title{font-size: 18px;}
.reason_content h2{font-size: 18px;}
.feature_item h3{font-size: 14px;}
.feature_item .order{font-size: 18px;}
.data_list .data_item{width: 50%;margin: 10px auto;}
.evaluation h3{font-size: 16px;}
.evaluation p{font-size: 14px;}
.cutting_specialization li+li::before{content: none;}

/*footer*/
.foot_service .foot_items .foot_item{width: 100%;}
.foot_item_contact::after{content: none;}

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

/*main*/
.path_bar{line-height: 30px;}
.path_bar ul:before { width: 16px; height: 16px; background-size: contain; -webkit-background-size: contain; }
.path_bar li { padding-left: 5px;  }
.path_bar li + li:before { margin-right: 5px; }
.main_banner .swiper-pagination-bullet { width: 8px; height: 8px; }
.page_bar { font-size: 12px; line-height: 22px; }
.page_bar a, .page_bar span { margin: 0 2px; min-width: 2em; border-radius: 2px; }
/*list*/
.main_hd .page_title { font-size: 20px; }
.items_list ul { margin: -2px; }
.items_list .product_item { padding: 2px; }
.items_list .product_item figure { position: relative; border: 0; }
.items_list .product_item figcaption { position: absolute; bottom: 0; left: 0; padding: 1px 0 0; width: 100%; }
.items_list .product_item .item_title { font-size: 12px; }
.items_list .product_item .item_title a { height: 2.5em; background-color: rgba(0,0,0,.7); line-height: 2.5em; }
/*blog*/
.blog-item { padding: 30px 5px; }
.blog-item .item-img { float: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: auto; max-width: 70%; border: 1px solid #ddd; }
.blog-item .item-info .item-title { font-weight: normal; line-height: 1.2; }
.blog-item .item-info { padding-top: 15px; }
.blog-item .item-info .item-title { height: auto; font-size: 22px; }
.blog-item .item-info .item-detail { display: -webkit-box; overflow: hidden; overflow: hidden; max-height: 9em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.blog-item .item-info .item-more { float: none; }
.blog-item .item-info time { color: #888; font-size: 14px; }
/* product */
.items_list .share_this { position: static; float: none; padding-bottom: 15px; text-align: left; }
.product-intro { overflow: visible; }
.product-view { margin-right: -10px; margin-left: -10px; width: auto; }
.product-view .image-additional li { width: 100%; }
.product-view .image-additional li a { margin-right: 0; margin-left: 0; }
.product-view .image-additional li a:before, .product-view .image-additional li a:after { display: none; }
.product-view .swiper-button-prev, .product-view .swiper-button-next { width: 27px; height: 40px; font-size: 18px; line-height: 40px; opacity: .8; -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; }
.product-view .swiper-button-prev { position: absolute;left: 20px;top: 50%; padding-right: 2px; border-radius: 0 3px 3px 0;cursor: pointer; }
.product-view .swiper-button-next { position: absolute;right: 10px;top: 50%; padding-left: 2px; border-radius: 3px 0 0 3px;cursor: pointer; }
.product-view .swiper-button-prev:before, .product-view .swiper-button-next:before { display: inline-block; -webkit-transform: scale(.7, 1); -o-transform: scale(.7, 1); transform: scale(.7, 1); -ms-transform: scale(.7, 1); background-image: none; }
.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 { margin-bottom: 15px; font-weight: bold; font-size: 18px; }
.product-summary .product-meta { font-size: 12px; }
.product-summary .product-meta p { font-size: 12px; }
.product-summary .product-meta h3 { font-size: 16px; line-height: 1.3; }
.product-summary .product-meta li { font-size: 13px; }
.product-summary .share-this { margin: 20px 0 0; text-align: left; }
.product-btn-wrap { padding-top: 30px; }
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { padding: 5px 10px; font-size: 12px; line-height: 20px; }
.product-detail { margin-top: 40px; }
.detail-tabs .title { padding: 1px 15px; font-size: 14px; }
.tab-panel-wrap { padding: 20px 0; border: 0; }
.goods-may-like .title { margin-top: 15px; margin-bottom: 15px; font-size: 14px; }
.goods-may-like .layer-bd { position: relative; padding: 0; }
.goods-may-like .swiper-slider { position: relative; }
.goods-may-like .product_item figure { padding: 1px; }
.goods-may-like .product_item .item_title { font-size: 14px; }
.goods-may-like .product_item .item_title a { padding-right: 0; padding-left: 0; }
.goods-may-like .swiper-control { position: static; }
.goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next { position: absolute; margin-top: -15px; margin-right: 0; margin-left: 0; width: 30px; height: 30px; background-color: rgba(0,0,0,.7); line-height: 30px; }
.goods-may-like .layer-bd .swiper-button-prev { left: 5px; }
.goods-may-like .layer-bd .swiper-button-next { right: 5px; }
}


@media only screen and (max-width: 360px) {
	.customer_item{flex-direction: column;}
	.customer_item .cust_info{margin: 10px 0;}
	.contact_content h2{font-size: 20px;}
}

 @media only screen and (max-width: 320px) {
.side_product_item { width: 100%; }


}
/*-------------------------------
			swiper-slide start
			----------------------------------*/
.slider_banner { position: relative; overflow: hidden; z-index: 0;}
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode>.swiper-wrapper { margin: 0 auto; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-slide { position: relative; overflow: hidden; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.swiper-invisible-blank-slide { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; pointer-events: none; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -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; }
.index_exhibition_wrap .swiper-button-next, .index_exhibition_wrap .swiper-button-prev { position: absolute; z-index: 2; width: 50px; height: 24px; border-radius: 2px; text-align: center; font-size: 30px; line-height: 24px; opacity: 1; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.index_exhibition_wrap .swiper-button-next:before, .index_exhibition_wrap .swiper-button-prev:before { content: '';background-position: center center;background-repeat: no-repeat;width: 50px;height: 24px;display: inline-block; color: #010000;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.5; cursor: auto;/* pointer-events:none; */ }
.index_exhibition_wrap .swiper-button-prev, .swiper-container-rtl .swiper-button-next { top: 147px; right: 377px; left: auto; }
.index_exhibition_wrap .swiper-button-next, .swiper-container-rtl .swiper-button-prev { top: 147px; right: 315px; left: auto; }
.index_exhibition_wrap .swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before { background-image: url('img/demo/arrow_left_l.png'); }
.index_exhibition_wrap .swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before { background-image: url('img/demo/arrow_right_l.png');}
.index_exhibition_wrap .swiper-button-next.swiper-button-disabled:before { background-image: url('img/demo/arrow_right_s.png');  }
.index_exhibition_wrap .swiper-button-prev.swiper-button-disabled:before { background-image: url('img/demo/arrow_left_s.png'); }
.application_container.swiper-container-horizontal {position: relative;}
.index_application_wrap .swiper-button-next, .index_application_wrap .swiper-button-prev {cursor: pointer;;position: absolute;top:52.5%;width: 65px;height: 150px;background-color: rgba(241, 237, 73);z-index: 2;text-align: center;opacity: 0.5;}
.index_application_wrap .swiper-button-prev{ right: auto; left: -30px; }
.index_application_wrap .swiper-button-next{ right: -30px; left: auto; }
.index_application_wrap .swiper-button-next:before, .index_application_wrap .swiper-button-prev:before{color: #666;font-size: 65px;font-family: "Poppins-Light";line-height: 150px;}
.index_application_wrap .swiper-button-prev::before{content: '<'; }
.index_application_wrap .swiper-button-next::before{content: '>'; }
.index_application_wrap .swiper-button-next.swiper-button-disabled, .index_application_wrap .swiper-button-prev.swiper-button-disabled{opacity: 0.6;}
.index_application_wrap .swiper-button-next:hover, .index_application_wrap .swiper-button-prev:hover{opacity: 0.8;}
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; z-index: 2; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { text-align: center; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }
.swiper-pagination-bullet { position: relative; cursor: pointer; display: none; }
.swiper-pagination-bullet:before { /* background-color: #fff;  */content: ''; }
/* .swiper-pagination-bullet-active:before { background-color: #fff; } */
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-container-vertical>.swiper-pagination-bullets { top: 50%; right: 10px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 6px 0; }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .3s -webkit-transform; -o-transition: .2s transform, .3s top; transition: .2s top, .3s -webkit-transform; 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%; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .3s -webkit-transform; -o-transition: .2s transform, .3s left; transition: .2s left, .3s -webkit-transform; 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; -o-transition: .2s transform, .3s right; transition: .2s right, .3s -webkit-transform; transition: .2s transform, .3s right; transition: .2s transform, .3s right, .3s -webkit-transform; }
.swiper-pagination-progressbar { position: absolute; background: rgba(0, 0, 0, .25); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #007aff; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; -ms-transform: scale(0); -ms-transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; }
.swiper-container-horizontal { overflow: hidden; }
.swiper-container-horizontal>.swiper-pagination-progressbar { top: 0; left: 0; width: 100%; height: 4px; }
.swiper-container-vertical>.swiper-pagination-progressbar { top: 0; left: 0; width: 4px; height: 100%; }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { position: relative; border-radius: 10px; background: rgba(0, 0, 0, .1); -ms-touch-action: none; }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; bottom: 3px; left: 1%; z-index: 50; width: 98%; height: 5px; }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; top: 1%; right: 3px; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { position: relative; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(0, 0, 0, .5); }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; -webkit-transform-origin: 50%; transform-origin: 50%; -ms-transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after { display: block; width: 100%; height: 100%; background-position: 50%; background-size: 100%; background-repeat: no-repeat; content: ''; }
.swiper-lazy-preloader-white:after { }
 @-webkit-keyframes swiper-preloader-spin { 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes swiper-preloader-spin { 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.swiper-container .swiper-notification { position: absolute; top: 0; left: 0; z-index: -1000; opacity: 0; pointer-events: none; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; pointer-events: none; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube { overflow: visible; }
.swiper-container-cube .swiper-slide { z-index: 1; visibility: hidden; width: 100%; height: 100%; -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform-origin: 0 0; }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -ms-transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { visibility: visible; pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { z-index: 1; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; }
 @media screen and (max-width: 480px) {
.swiper-pagination-bullet { margin: 0 5px; width: 10px; height: 10px; }
}
/*ie*/
.swiper-container { overflow: hidden\9; }
.slider_banner .swiper-container .swiper-wrapper { width: 2000%\9; }
.swiper-slide { float: left\9; }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.swiper-container .swiper-wrapper { width: auto; }
}


/*-------------------------------
			swiper-slide end
			----------------------------------*/



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

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


 


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

/*inquiry*/
.inquiry-pop-bd { position: fixed; top: 50%; left: 50%; z-index: 2000; display: none; margin: -150px 0 0 -275px; width: 550px; height: 500px; background: #FFF;  }
.inquiry-pop-bd:before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); content: ""; }
.inquiry-pop-bd .inquiry-pop { position: absolute; top: 0; left: 0; z-index: 1; padding: 22px; width: 100%; height: 100%; background: #FFF; -webkit-animation: fadeInDownA .4s ease; -o-animation: fadeInDownA .4s ease; animation: fadeInDownA .4s ease; }
.inquiry-pop-bd .inquiry-pop .ico-close-pop { position: absolute; top: -10px; right: -10px; z-index: 1; width: 30px; height: 30px; background: url(img/custom_service/fancy_close.png) no-repeat center center; cursor: pointer; }
.inquiry-form-wrap { position: relative; width: 100.5%; height: 420px; }
.ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #0b87fb; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; }
.inquiry-pop-bd.material_form textarea{height:60px;}
.inquiry-pop-bd.material_form input{line-height:30px;}
.inquiry-pop-bd.material_form label{margin-bottom:12px;}


 @media screen and (max-width: 550px) {
.inquiry-pop-bd { top: 10px; right: 10px; bottom: 10px; left: 10px; margin: auto; width: auto; }
.inquiry-pop-bd .inquiry-pop { padding: 10px; }
.scrollsidebar { display: none; }
}
/*-------------------------------
			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: 14px; color: #7e7e7e; }
.change-language:hover .change-language-title a:after,.currency:hover a::after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
.change-language .change-language-cont { position: absolute; top: 36px; right: 0; z-index: 999; visibility: hidden; overflow-y: scroll; padding: 20px 10px 20px 20px; width: 360px; max-height: 80vh; border: 1px solid #eee; border-radius: 5px; background: #FFF; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: scale3d(0.9, 0.9, 1); -ms-transition: all 0.3s ease-in-out; }
.change-language:hover .change-language-cont { visibility: visible; opacity: 1; transform: scale3d(1, 1, 1); }
.change-language .change-language-cont li { display: inline-block; overflow: hidden; margin: 0 0 10px; padding: 0 10px 0 0; width: 30%; vertical-align: top; font-size: 10pt; }
.change-language .change-language-cont li a:hover { color: #0b87fb; }
.change-language .change-language-cont .lang-item-hide { display: none !important; }
.change-language .change-language-cont .lang-more { position: relative; display: block; text-align: center; line-height: 30px; cursor: pointer; }
.change-language .change-language-cont .more-active { font-size: 20px; }

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

/*-------------------------------
			animation  end
			----------------------------------*/
/**
 * Swiper 8.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 6, 2022
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.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{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-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:flex;justify-content: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%;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;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
 
 /*-------------------history start--------------------------------*/
.history_wrap{
    max-width: 1000px;
    margin: auto;
    background: url('img/page_history.jpg') repeat-y center top;
    padding: 50px 0;
}
.history_wrap > li{
    padding-left: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: url(img/icohostory.png) no-repeat center top;
}
.history_wrap h5{
    font-size: 20px;
    color: #ed9413;
    font-weight: 500;
}

.history_wrap > li:nth-child(2n) {
    text-align: right;
    padding-left: 0;
    padding-right: 50%;
}
.history_wrap > li:nth-child(2n) h5{
 clear: both;   
}
.history_wrap > li figure{
    margin-left: 20px;
}
.history_wrap > li:nth-child(2n) figure{
    margin-right: 20px;
    margin-left: 0;
}
.history_wrap figcaption{
    position: relative;
    display: block;
    font-size: 16px;
    border-top: 1px solid #e1e1e4;
}
.history_wrap figcaption:before{
    display: block;
    margin: -3px 0 10px 0;
    content: '';
    background-color: #023c87;
    width: 20px;
    height: 5px;
}
.history_wrap li:nth-child(2n) figcaption:before{
    float: right;
}

@media only screen and (max-width:400px){
    .history_wrap{
        background-position: 8px top;
    }
    .history_wrap > li{
        padding: 10px 10px 10px 30px !important;
        background-position: left top ;
    }
    .history_wrap > li:nth-child(2n) {
        text-align: left;
    }
    .history_wrap > li figure{
        margin: 0 !important;
    }
    .history_wrap li:nth-child(2n) figcaption:before{
        float: none;
    }
}
/*-------------------history end--------------------------------*/
/* company_history */
.company_history{background-position: center 0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;padding-top: 65px;}
.company_history .index_title h2,.company_history .index_title h2 a,.company_history .index_title .title_desc,.company_history .index_title .title_desc a{color: #fff;}
.company_history .history_main{position: relative;}
.company_history .history_slider{margin: 0 130px;}
.company_history .swiper-button-next,.company_history .swiper-button-prev{width: 50px;height: 60px;background-color: transparent;background-position: center;background-repeat: no-repeat;opacity: 1;filter: alpha(opacity=100);color:#fff;font-size: 55px;-webkit-background-size: contain;background-size: contain;}
.company_history .swiper-button-next:before,.company_history .swiper-button-prev:before{content: '';}
.company_history .swiper-button-next{background-image: url(img/btn_next.png);right: 5%;}
.company_history .swiper-button-prev{background-image: url(img/btn_prev.png);left: 5%;}
.company_history .history_slider{width: 75%;margin: 0 auto;}
.company_history .history_item {}
.company_history .history_item .item_inner{padding: 35px 20px 25px;padding-left: 15%;position: relative;background-color: #fff;background-repeat: no-repeat;background-position: right 0;-webkit-background-size: auto 100%;background-size: auto 100%;-webkit-box-sizing: content-box;box-sizing: content-box;margin: 15px;opacity: 0;filter: alpha(opacity=0);-webkit-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6);-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;line-height: 1.8;}
.company_history .history_item .item_title{width: 100%;font-size:24px;font-weight: normal;overflow: hidden;}
.company_history .history_item .item_time{display: inline-block;padding: 20px 12px;background-color: #cb0000;position: absolute;left: 10%;top: 20%;color: #fff;font-size: 40px;text-align: center;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out-webkit-transform:scale(.8) rotate(45deg);-ms-transform:scale(.8) rotate(45deg);-o-transform:scale(.8) rotate(45deg);transform:scale(.8) rotate(45deg);opacity: 0;border-radius: 50%;-webkit-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;}
.company_history .swiper-slide-active .item_inner{opacity: 1;filter: alpha(opacity=100);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.company_history .swiper-slide-active .item_time{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;border-radius: 0;left: -15px;top: -15px;}
.history_controls {width: 1165px;height: 452px;position: relative;margin: 0 auto;background-position: 0 bottom;background-repeat: no-repeat;background-image: url(img/history_controls_bg.png);}
.history_controls .control_dot {display:block;width:36px;height:36px;text-align:center;position:absolute;cursor: pointer;}
.history_controls .control_dot  span{display:block;width:96px;height:38px;color:#fff;font:20px/38px 'Arial';border-top-left-radius:5px;border-bottom-right-radius:5px;position:absolute;left:-30px;z-index:2}
.history_controls .control_dot:after{content:"";display:block;width:36px;height:36px;background:url(img/control_dot.png) no-repeat center center;position:relative}
.history_controls .control_dot:before{content:"";display:none;width:2px;height:32px;background:#cb0000;position:absolute;left:17px;bottom:27px;z-index:2}
.history_controls .control_dot.t span{top:-38px}
.history_controls .control_dot.b span{bottom:-38px}
.history_controls .control_dot.active span{top:-61px !important;bottom:initial !important;background:#cb0000}
.history_controls .control_dot.active:after{background-image:url(img/control_dot_cur.png)}
.history_controls .control_dot.active:before{display:block}
.history_controls .control_dot.dot_1{left:34px;bottom:24px}
/*.history_controls .control_dot.dot_2{left:168px;top:338px}*/
.history_controls .control_dot.dot_2{left:309px;top:348px}
/*.history_controls .control_dot.dot_4{left:382px;top:275px}*/
.history_controls .control_dot.dot_3{left:531px;top:262px}
/*.history_controls .control_dot.dot_6{left:701px;top:297px}*/
.history_controls .control_dot.dot_4{left:775px;top:235px}
/*.history_controls .control_dot.dot_8{left:836px;top:131px}*/
.history_controls .control_dot.dot_5{left:922px;top:122px}
/*.history_controls .control_dot.dot_10{left:1035px;top:100px}*/
.history_controls .control_dot.dot_6{right:30px;top:42px}
.history_controls .control_dot.active{-webkit-animation: .3s fadeInUpA ease;-o-animation: .3s fadeInUpA ease;animation: .3s fadeInUpA ease;}

.company_history .index_title{
    text-align: center;
    margin-bottom: 60px;
        
}
.company_history .index_title h2{
    font-weight: normal;
    font-size: 46px;
    line-height: 1.3;
}
.company_history .index_title .title_desc {
    width: 68%;
    margin: 0 auto;
    color: #fff;
    line-height: 1.8;
    padding-top: 8px;
    font-size: 16px;
}
.history_slider .swiper-wrapper{
    background: #fff;
}
@media only screen and (max-width: 1200px) {
.company_history {padding-bottom: 65px;    padding: 20px;}
.company_history .index_title {margin-bottom: 15px;}
.company_history .index_title h2 {font-size: 24px;line-height: 1.3;text-transform: uppercase;}
.company_history .history_slider{width: auto;margin-bottom: 25px;}
.company_history .history_item .item_inner{margin: 0;    padding: 70px 6% 20px;}
.company_history .history_item .item_time{padding: 0 10px;line-height:60px;left: 0;top: 0;}
.company_history .history_item .item_title{width: auto;}
.history_controls{width: 100%;text-align: center;background: none;height: auto;}
.history_controls .control_dot{width: auto;height: auto;position: static;display: inline-block;margin: 0 3px;-webkit-animation: none!important;-o-animation: none!important;animation: none!important;}
.history_controls .control_dot span,.history_controls .control_dot.active:before{display: none;}
.history_controls .control_dot:after{width: 10px;height: 10px;background: #fff;border-radius: 50%;}
.history_controls .control_dot.active:after{background: #cb0000;}
.company_history .swiper-button-next,.company_history .swiper-button-prev{display: none;}
}
 .page_icobox1 .fl-icon i.fa{
    background-color: #de6473;
    padding: 15px;
    color: #fff;
    box-shadow: 0px 0px 9px #eeeeee;
    width: 55px;
    height: 55px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:auto;
    border-radius: 50%;
}
.page_icobox1 h3{
    font-size: 17px;
    color: #000;
    font-family: arial;
}

.page_icobox1 .fl-col-small > div{
    margin: 10px !important;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0px 15px 20px 0px rgb(209 218 235 / 50%);
}
 .page_icobox2 > div{
    margin: 10px !important;
    background-color: #ffffff;
    box-shadow: 0px 15px 20px 0px rgb(209 218 235 / 50%);
}
 .page_icobox3 > div{
    box-shadow: 0px 15px 20px 0px rgb(209 218 235 / 50%);
    z-index: 99;
    position: relative;
}
.page_icobox4 .fl-col-small > div{
    padding: 20px;
    box-shadow: 0px 0px 5px #333;
    background: rgba(255,255,255,.9);
    border-radius: 10px;
    margin: 10px!important;
}
.page_icobox5 > div{
    padding: 20px;
    box-shadow: 0px 0px 5px #333;
    background: rgba(255,255,255,.9);
    border-radius: 10px;
    margin: 10px!important;
}
.page_contactbox .fl-col-small > div{
    box-shadow: 3px 5px 8px #c1c1c1!important;
    border-radius: 10px!important;
    background-color: rgba(244,244,244, 0.8)!important;
    margin: 10px;
    padding: 20px;
}
.page_contactbox1 .fl-col-small > div{
    background-color: rgba(255,255,255,1)!important;
}
.page_counter .fl-col-small > div{
    position: relative;
}
.page_counter .fl-col-small > div:after{
    content: "";
    position: absolute;
    top:0;
    right:0;
    width: 1px;
    height: 100%;
    background: #333;
    transform: scale(0.65);
    z-index: 999;
}
.page_counter .fl-col-small:last-child > div:after{
    display: none;
}
.page_counter .fl-number-after-text{
    font-size: 20px;
}
.page_counter .fl-number-int{
    font-weight: bold;
    font-size: 50px;
    color: #333;
}
.blog-article .fl-photo-align-center{
    overflow: hidden;
}
.blog-article .fl-photo-align-center img:hover{
    transform: scale(1.1);
    transition: ease-in-out .6s;
}
.contact_form>div{
    box-shadow: 0 0 35px rgb(0 0 0 / 19%);
    padding: 20px!important;
    margin: 10px;
    border-radius: 20px;
}
.contact_form .material_form{
    width: 100%;
    transform: translateY(0);
    padding: 0;
    border-radius: 0;
    box-shadow: initial;
}
.contact_form .material_form textarea{
    height: 100px;
}
.contact_form .material_form label{
    margin-bottom: 10px;
}
.contact_form .mauticform-row{
    margin-bottom: 10px!important;
}
.contact_text{
    border-radius: 20px;
    box-shadow: 0 2px 5px #696969;
    padding: 40px!important;
}
.contact_text:nth-child(1){
    margin-bottom: 40px;
}
.contact_text h3{
    font-size: 28px;
    margin-bottom: 10px;
    color: #333;
}
/*online-service*/
.right_nav{ right:0; bottom:50%; position:fixed; text-align:left;overflow: hidden;z-index:100;
    /*background-color: #3c9ba6;*/
    border-radius: 25px 0 0 25px;
    transform: translateY(50%);
}
.right_nav li{background:#cb0000;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative;right: -75px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav .iconBox > img{width: 45px;height: 45px;padding: 2%;}
.right_nav li h4{color: #fff;font-size: 12px;margin:2px 0;margin-left: 15px;}
.right_nav li h4 a{color: #fff;font-size: 12px;margin:2px 0;margin-left: 15px;}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 28px;top:-10px;z-index: 999;opacity:1 !important;width:max-content;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #EFD0A2;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;float:left;}
.right_nav li .hideBox .hb h5{text-align:center;padding: 5px 0;border-bottom: 2px solid #ccc;color: #133986;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;
    display: none;
}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .fonttalk{margin-top: 10px;}
.right_nav li .hideBox .hb .fonttalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .fonttalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .fonttalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li .hideBox img{width:140px;height: 140px;margin-top: 10px;}
.scrollsidebar{display:none;}
@media only screen and (max-width: 950px) {
    .right_nav{display:none;}
}
.brand-png h5{
    text-align: center;
    margin-bottom: 30px;
    font-size: 20px;
    margin-top: 70px;
}
.brand-png .desc_img{
    display: flex;
    /*padding: 0 256px;*/
}
.brand-png .desc_img img {
    width: 150px;
    margin: 0 auto;
}













/* ----------------ppf----------------- */







body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}




@font-face { font-family: "BwAletaNo10DEMO_Black"; font-style: normal; src: url(fonts/BwAletaNo10DEMO-Black.otf) ; font-display: fallback; }
@font-face { font-family: "BwAletaNo10DEMO_Medium"; font-style: normal; src: url(fonts/BwAletaNo10DEMO-Medium.otf) ; font-display: fallback; }
@font-face { font-family: "BwAletaNo10DEMO_Regular"; font-style: normal; src: url(fonts/BwAletaNo10DEMO-Regular.otf) ; font-display: fallback; }

/* time*/

.pro_system_main .item_text .system_btn img{-webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}


/* flex */
.d_flex{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}




.pro_main .layout{width: 1575px;}


.pro_main .pro_btn{width:216px;height:45px;line-height:45px;font-size:20px;font-family:'BwAletaNo10DEMO_Medium';display:inline-block;background-color:#a40000;color:#fff;border: 1px solid #a40000;}
.pro_main .pro_btn:hover{background-color: transparent;color: #a40000;}

/* pro_system_warp */
.pro_system_warp{padding:128px 6% 168px 14%;background-repeat:no-repeat;background-size:cover}
.pro_system_main{flex-direction:row-reverse;-webkit-flex-direction:row-reverse;align-items:center;-webkit-align-items:center;color:#fff}
.pro_system_main .item_img{width:49%}
.pro_system_main .item_text{width:48%}
.pro_system_main .item_text h2{font-size:58px;line-height:1.2;font-weight:normal;font-family:'BwAletaNo10DEMO_Black'}
.pro_system_main .item_text .item_list{margin:80px 0 100px}
.pro_system_main .item_text .item_list li{font-size:30px;margin:0 67px 10px 0;line-height:1.5;font-family:'BwAletaNo10DEMO_Medium';display:inline-block}
.pro_system_main .item_text .system_btn{width:218px;height:45px;line-height:45px;font-size:24px;background-color:#a40000;color:#fff;font-family:'BwAletaNo10DEMO_Medium';text-align:center;display:inline-block}
.pro_system_main .item_text .system_btn img{width:auto;display:inline-block;vertical-align:baseline;margin-left:50px}
.pro_system_main .item_text .system_btn:hover img{margin-left:15px}

/* pro_super_warp */
.pro_super_warp{margin: 120px 0 60px;}
.pro_super_main{align-items:center;-webkit-align-items:center}
.pro_super_main .item_img{width:52.5%}
.pro_super_main .item_text{width:46%;text-align:center}
.pro_super_main .item_text h2{font-size:36px;line-height:1.5;color:#323232;font-weight:normal;font-family:'BwAletaNo10DEMO_Regular';text-transform:uppercase}
.pro_super_main .item_text h3{font-size:30px;line-height:1.5;color:#323232;font-weight:normal;font-family:'BwAletaNo10DEMO_Regular';text-transform:capitalize}
.pro_super_main .item_text p{font-size:20px;margin:50px 0;line-height:1.5;color:#646464;font-family:'BwAletaNo10DEMO_Regular'}
.pro_super_slide{margin-top: 80px; align-items:center;-webkit-align-items:center;flex-direction:row-reverse;-webkit-flex-direction:row-reverse}
.pro_super_slide .item_img{width:35%}
.pro_super_slide .item_text{width:60%}
.pro_super_slide .item_text .item_list li{font-size:20px;line-height:1.5;color:#323232;font-family:'BwAletaNo10DEMO_Regular'}
.pro_super_slide .item_text .item_list li+li{margin-top: 30px;}

/* pro_interface_warp */
.pro_interface_warp{padding: 120px 0;}
.pro_interface_main{align-items:center;-webkit-align-items:center}
.pro_interface_main .item_img{width:51.2%}
.pro_interface_main .item_text{width:41%;text-align:center}
.pro_interface_main .item_text h2{font-size:36px;line-height:1.5;color:#000000;font-weight:normal;font-family:'BwAletaNo10DEMO_Black';text-transform:uppercase}
.pro_interface_main .item_text h3{font-size:32px;line-height:1.5;color:#000000;font-family:arial;text-transform:capitalize}
.pro_interface_main .item_text p{font-size:20px;margin-bottom: 60px; line-height:1.5;color:#646464;font-family:'BwAletaNo10DEMO_Medium'}
.pro_interface_main .item_text .item_list{margin-top: 100px; text-align:left}
.pro_interface_main .item_text .item_list li{font-size:20px;padding:15px 10px 11px;line-height:1.5;color:#646464;font-family:'BwAletaNo10DEMO_Medium';border-bottom:1px solid #999999}
.pro_interface_main .item_text .item_list li .item_icon{display:inline-block;vertical-align:middle;margin-right:25px}
.pro_interface_main .item_text .item_list li .item_icon img{width:auto}

/* pro_video_warp */
.pro_video_warp{position:relative}
.pro_video_main video{width:100%;object-fit:cover;object-position:center}
.pro_video_slide{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:9;text-align:center;color:#fff;padding:20px 2%}
.pro_video_slide h2{font-size:36px;line-height:1.5;font-weight:normal;font-family:'BwAletaNo10DEMO_Black';text-transform:uppercase}
.pro_video_slide p{font-size:20px;margin:60px 0;line-height:1.5;font-weight:normal;font-family:'BwAletaNo10DEMO_Medium'}

/* pro_profit_warp */
.pro_profit_warp{padding:74px 4%}
.pro_profit_main{align-items:center;-webkit-align-items:center}
.pro_profit_main .item_img{width:50%}
.pro_profit_main .item_img video{width:100%;object-fit:cover;object-position:center}
.pro_profit_main .item_text{width:45%;text-align:center}
.pro_profit_main .item_text h2{font-size:36px;line-height:1.5;color:#323232;font-weight:normal;font-family:'BwAletaNo10DEMO_Black';text-transform:capitalize}
.pro_profit_main .item_text p{font-size:20px;margin:42px 0 52px;line-height:1.2;color:#646464;font-family:'BwAletaNo10DEMO_Medium'}
.pro_profit_main .item_text .profit_btn{width:275px;height:48px;line-height:48px;font-size:18px;font-family:'BwAletaNo10DEMO_Medium';background-color:#a40000;color:#fff;display:inline-block;text-align:center;border:1px solid #a40000}
.pro_profit_main .item_text .profit_btn:hover,.pro_software_main .item_text .dealer_btn:hover{background-color: transparent;color: #a40000;}

/* pro_service_warp */
.pro_service_slide h2{font-size: 22px;font-family:'BwAletaNo10DEMO_Medium';line-height: 1.5;padding:20px 1%;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:9;text-align:center;color:#fff;}

/* pro_support_warp */
.pro_support_warp{padding:70px 3.6%;margin:65px 0 200px;background-color:#f5f5f7}
.pro_support_slide{background-color:#fff;border-radius:20px;overflow:hidden;align-items:center;-webkit-align-items:center}
.pro_support_slide+.pro_support_slide{margin-top: 60px;}
.pro_support_slide .item_img{width:50%}
.pro_support_slide .item_text{width:48%;padding:20px 3%;text-align:center}
.pro_support_slide .item_text h2{font-size:36px;line-height:1.5;color:#000000;font-family:'BwAletaNo10DEMO_Black';text-transform:capitalize;font-weight:normal}
.pro_support_slide .item_text p{font-size:20px;margin: 30px 0 40px; line-height:1.5;color:#646464;font-family:'BwAletaNo10DEMO_Medium'}
.pro_support_slide:nth-child(even){flex-direction:row-reverse;-webkit-flex-direction:row-reverse}

/* pro_software_warp */
.pro_software_main{align-items:center;-webkit-align-items:center}
.pro_software_main .item_text{width:46%}
.pro_software_main .item_text h2{font-size:36px;line-height:1.2;color:#000000;font-weight:normal;font-family:'BwAletaNo10DEMO_Black';text-transform:capitalize;text-align:center}
.pro_software_main .item_list{margin:30px 0 80px}
.pro_software_main .item_list li{font-size:26px;padding:30px 0;line-height:1.5;color:#646464;font-family:'BwAletaNo10DEMO_Medium';align-items:center;-webkit-align-items:center;border-bottom:1px solid #999999}
.pro_software_main .item_list li .item_icon{margin-right:50px}
.pro_software_main .item_list li .item_title{flex: 1;}
.pro_software_main .item_text .dealer_btn{width:245px;height:49px;line-height:49px;font-size:20px;display:block;background-color:#a40000;border:1px solid #a40000;color:#fff;text-align:center;margin:auto}
.pro_software_main .item_img{width:50.3%}

/* pro_customer_warp */
.pro_customer_warp{padding:60px 6% 80px 0;margin: 150px 0; background-color:#f5f5f7}
.pro_customer_main{align-items:center;-webkit-align-items:center}
.pro_customer_main .item_img{width:57%}
.pro_customer_main .item_box{width:40%;text-align:center}
.pro_customer_main .item_text h2{font-size:36px;line-height:1.2;color:#000000;font-weight:normal;font-family:'BwAletaNo10DEMO_Black'}
.pro_customer_main .item_text p{font-size:20px;margin:30px 0 110px;line-height:1.5;color:#646464;font-family:'BwAletaNo10DEMO_Medium'}
.pro_customer_main .pro_customer_swiper{overflow: hidden;}
.pro_customer_box{position: relative;}
.pro_customer_btn{width: 100px;position: relative;margin: 20px auto;}
.pro_customer_box .swiper_prev,.pro_customer_box .swiper_next{width: 40px;height: 40px;line-height: 36px;cursor: pointer; color: #fff; background-color: #a40000;text-align: center;font-size: 30px;z-index: 9;}
.pro_customer_box .swiper_prev:before,.pro_customer_box .swiper_next:before{font-family: 'fontawesome';}
.pro_customer_box .swiper_prev:before{content: '\f104';}
.pro_customer_box .swiper_next:before{content: '\f105';}

/* pro_trial_warp */
.pro_trial_main{align-items:center;-webkit-align-items:center;flex-direction:row-reverse;-webkit-flex-direction:row-reverse}
.pro_trial_main .item_img{width:40%;text-align:center}
.pro_trial_main .item_img img{width:auto}
.pro_trial_main .item_text{width:50%;text-align:center}
.pro_trial_main .item_text h2{font-size:34px;line-height:1.2;color:#000000;font-weight:normal;font-family:'BwAletaNo10DEMO_Black'}
.pro_trial_main .item_text p{font-size:20px;margin:40px 0 52px;line-height:1.4;color:#646464;font-family:'BwAletaNo10DEMO_Medium'}
.pro_trial_main .item_text .download_btn{width:262px;height:48px;line-height:48px;font-size:20px;color:#fff;background-color:#a40000;border:1px solid #a40000;display:inline-block;text-align:center}
.pro_trial_main .item_text .download_btn img{width:auto;display:inline-block;vertical-align:middle;margin-left:16px;margin-bottom:5px}

/* pro_feature_warp */
.pro_feature_warp{padding:60px 2.4%}
.pro_feature_main{padding:25px;background-color:#f5f5f7;border-radius:20px}
.pro_feature_slide{width:19%;padding:60px 2%;border-radius:20px;background-color:#ffffff;text-align:center}
.pro_feature_slide .item_img{height:90px;line-height:90px}
.pro_feature_slide .item_img img{width:auto}
.pro_feature_slide .item_text h2{font-size:28px;margin:40px 0 15px;line-height:1.5;color:#194aa5;font-weight:normal;font-family:'BwAletaNo10DEMO_Black'}
.pro_feature_slide .item_text p{font-size:20px;line-height:1.4;color:#323232;font-family:'BwAletaNo10DEMO_Medium'}


@media only screen and (max-width: 1680px) {
.pro_main .layout{width: 1300px;}



}
@media only screen and (max-width: 1440px) {
.pro_main .layout{width: 1200px;}

}
@media only screen and (max-width: 1366px) {
.pro_system_main .item_text h2{font-size:48px}
.pro_system_warp{padding:128px 6% 168px}
.pro_system_main .item_text .item_list{margin:50px 0}
.pro_system_main .item_text .item_list li{font-size:24px;margin:0 30px 10px 0}
.pro_interface_main .item_text h2{font-size:30px}
.pro_interface_main .item_text p{font-size:18px;margin-bottom:30px}
.pro_interface_main .item_text .item_list{margin-top:50px}
.pro_interface_main .item_text .item_list li{font-size:16px;padding:10px}
.pro_interface_main .item_text h3{font-size: 24px;}

}
@media only screen and (max-width: 1280px) {
.pro_system_main .item_text h2{font-size:36px}
.pro_system_main .item_text .item_list li{font-size:20px;}
.pro_main .layout{width: 98%;}
.pro_super_main .item_text h2,.pro_profit_main .item_text h2,.pro_video_slide h2,.pro_support_slide .item_text h2,.pro_software_main .item_text h2,.pro_customer_main .item_text h2,.pro_trial_main .item_text h2{font-size:30px}
.pro_super_main .item_text h3,.pro_interface_main .item_text h2{font-size:24px}
.pro_super_main .item_text p,.pro_trial_main .item_text p{font-size:16px;margin:30px 0}
.pro_super_slide .item_text .item_list li,.pro_support_slide .item_text p,.pro_feature_slide .item_text p{font-size:16px}
.pro_interface_main .item_text{width:44%}
.pro_interface_main .item_text p{font-size:16px;margin-bottom:20px}
.pro_interface_main .item_text .item_list{margin-top:30px}
.pro_interface_main .item_text .item_list li{font-size:14px;}
.pro_interface_main .item_text h3,.pro_software_main .item_list li{font-size: 20px;}
.pro_video_slide p,.pro_profit_main .item_text p{font-size:16px;margin:30px 0}
.pro_profit_warp{padding:74px 1%}
.pro_customer_main .item_text p{font-size:16px;margin:30px 0 70px}
.pro_feature_slide .item_text h2{font-size:22px;margin:25px 0 15px}
.pro_feature_slide{padding:40px 2%}


}
@media only screen and (max-width: 950px) {
.pro_system_warp{padding:60px 2%}
.pro_system_main .item_text h2{font-size:22px}
.pro_system_main .item_text .item_list{margin:20px 0}
.pro_system_main .item_text .item_list li{font-size:16px;margin:0 20px 10px 0}
.pro_system_main .item_text .system_btn{width:160px;height:38px;line-height:38px;font-size:16px}
.pro_system_main .item_text .system_btn img{margin-left:20px}
.pro_super_main .item_text h2{font-size:22px}
.pro_super_main .item_text h3{font-size:18px}
.pro_super_main .item_text p{font-size:12px;margin:16px 0}
.pro_super_slide .item_text .item_list li{font-size:12px}
.pro_main .pro_btn{width:140px;height:36px;line-height:36px;font-size:13px}
.pro_super_slide .item_text .item_list li+li{margin-top:12px}
.pro_super_warp{margin:60px 0}
.pro_super_slide{margin-top:30px}
.pro_interface_warp{padding:60px 0}
.pro_interface_main .item_text h2,.pro_support_slide .item_text h2,.pro_software_main .item_text h2,.pro_customer_main .item_text h2,.pro_trial_main .item_text h2{font-size:20px}
.pro_interface_main .item_text h3{font-size:16px}
.pro_interface_main .item_text p{font-size:12px;margin-bottom:16px}
.pro_interface_main .item_text .item_list{margin-top:20px}
.pro_interface_main .item_text .item_list li .item_icon{margin-right:12px}
.pro_interface_main .item_text .item_list li .item_icon img{max-height:26px}
.pro_interface_main .item_text .item_list li{font-size:12px;padding:10px 5px}
.pro_video_slide h2,.pro_profit_main .item_text h2{font-size:20px}
.pro_video_slide p,.pro_trial_main .item_text p{font-size:12px;margin:20px 0}
.pro_profit_main .item_text p,.pro_support_slide .item_text p{font-size:12px;margin:18px 0}
.pro_profit_main .item_text .profit_btn{width:180px;height:38px;line-height:38px;font-size:12px}
.pro_service_slide h2{font-size:16px;padding:12px 1%}
.pro_support_warp{padding:60px 1%;margin:65px 0}
.pro_support_slide+.pro_support_slide{margin-top:30px}
.pro_support_slide{border-radius:10px}
.pro_software_main .item_list li .item_icon{margin-right:20px}
.pro_software_main .item_list li{font-size:16px;padding:12px 0}
.pro_software_main .item_list{margin:30px 0}
.pro_software_main .item_text .dealer_btn{width:145px;height:38px;line-height:38px;font-size:14px}
.pro_software_main .item_list li .item_icon img{max-height: 35px;}
.pro_customer_main .item_text p{font-size:12px;margin:15px 0 30px}
.pro_customer_warp{margin: 60px 0;}
.pro_trial_main .item_text .download_btn{width:180px;height:38px;line-height:38px;font-size:14px}
.pro_trial_main .item_text .download_btn img{max-height:20px;margin-left:10px}
.pro_feature_slide .item_text p{font-size: 12px;}
.pro_feature_warp{padding:60px 1%}
.pro_feature_main{padding:10px}
.pro_feature_slide .item_img img{max-height:40px}
.pro_feature_slide .item_img{height:60px;line-height:60px}
.pro_feature_slide{padding:20px 1%}
.pro_feature_slide .item_text h2{font-size:18px;margin:15px 0 10px}
.pro_software_main .item_list li .item_icon{width: 36px;
    height: 36px;
    min-width: 36px;}

}
@media only screen and (max-width: 768px) {
.pro_interface_main .item_img,.pro_software_main .item_text{width:100%}
.pro_interface_main .item_text,.pro_software_main .item_img{width:100%;margin-top:20px}
.pro_feature_slide{width:49%;margin:10px 0}



}
@media only screen and (max-width: 640px) {
.pro_system_main .item_img,.pro_super_main .item_img,.pro_super_slide .item_img,.pro_profit_main .item_img,.pro_support_slide .item_img,.pro_support_slide .item_text,.pro_customer_main .item_img,.pro_trial_main .item_img{width:100%}
.pro_system_main .item_text,.pro_super_main .item_text,.pro_super_slide .item_text,.pro_profit_main .item_text,.pro_customer_main .item_box,.pro_trial_main .item_text{width:100%;margin-top:20px}
.pro_customer_warp{padding: 60px 1%;}


}
@media only screen and (max-width: 480px) {
.pro_video_main video{min-height:300px}
}


 
  .container {
 
    overflow-x: hidden;
}   
 




@font-face { font-family: "bw-reg"; font-style: normal; src: url(fonts/BwAletaNo10DEMO-Regular.otf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "bw-med"; font-style: normal; src: url(fonts/BwAletaNo10DEMO-Medium.otf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "bw-black"; font-style: normal; src: url(fonts/BwAletaNo10DEMO-Black.otf) format("TrueType"); font-display: fallback; }


.detail_main{ }
.detail_main .layout{max-width: 1660px;width: 95%; }
.detail_main .detail_tit{text-align: center;font-size: 36px;position: relative;font-family: 'bw-black';text-transform: uppercase;margin: 0 auto;max-width: 630px;line-height: 1.4;position: relative;padding-bottom: 52px;}
.detail_main .detail_tit:after{content:"";background: url(img/pro_26.png);width: 63px;height: 6px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.detail_main .flex_row:after{display: none; }


.detail_top{background: url(img/pro_17.png);color: #fff;padding: 121px 0 87px;background-size: cover;}
.detail_top .layout{padding: 0 40px 0 90px;align-items: flex-start;}
.detail_top .left{width: 49%;}
.detail_top .top_link {max-width: 480px; }
.detail_top .top_link a{line-height: 53px;padding: 0 32px;font-size: 24px;color: #fff;font-family: "bw-med";background: #A40000;display: block;width: max-content;margin: 0 auto;}
.detail_top .left>h2{font-size: 58px;font-family: "bw-black";text-transform: uppercase;max-width: 560px;line-height: 1.4;margin-bottom: 47px;}
.topli 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;
  justify-content: space-between;
  -webkit-justify-content: space-between;}
.topli ul  {justify-content: flex-start;margin-bottom: 56px;}
.topli ul  li{padding: 0 10px;border-right: 4px solid #ffff;padding-bottom: 2px;width:24%;}
.topli ul  li:first-of-type{padding-left: 0;}
.topli ul  li:last-of-type{padding-right: 0;border: none;}
.topli ul  h2{font-size: 42px;color: #FFFFFF;font-family: "bw-med";position: relative;line-height: 1;margin-bottom: 10px;}
.topli ul  span{font-size: 21px;color: #FFFFFF;}
.topli ul  .top{line-height: 1;vertical-align: super;}
.topli ul  p{font-size: 16px;color: #FFFFFF;font-family: 'bw-med';padding-top: 2px;}
.wrapli ul{padding-bottom: 58px;}
.wrapli ul li{font-size: 21px;color: #FFFFFF;font-family: "bw-med";position: relative;margin-bottom: 5px;}
.wrapli ul li:before{content:"";width: 14px;height: 14px;display: inline-block;background: #fff;border-radius: 50%;position: relative;top: -1px;margin-right: 18px;}
.wrapli ul a{ }
.detail_top .right{width: 42.5%;padding-top: 83px;}
.detail_top .right ul li {width: auto;margin: 0 3% 0 0;}
/*.detail_top .right ul img{width: 28.4%;}*/
.detail_top .right ul{max-width: 535px;margin: 0 auto;}
.detail_top .right>img{margin-bottom: 70px;}
.detail_top .right{ }
.detail_top .top_link a:hover{background-color: #333;}

.detail_cutting{padding: 153px 0 80px;}
.detail_cutting .top{align-items: center;padding-right: 45px;margin-bottom: 140px;}
.detail_cutting .left{width: 54.8%;text-align: center;}
.detail_cutting .left h2{font-size: 36px;color: #323232;font-family: 'bw-black';text-transform: uppercase;margin-bottom: 16px;}
.detail_cutting .left h3{font-size: 36px;color: #666666;font-family: 'bw-med';}
.detail_cutting .left a{line-height: 53px;padding: 0 27px;font-size: 24px;color: #fff;font-family: "bw-med";background: #A40000;display: block;width: max-content;margin: 47px auto 0;}
.detail_cutting .left a:hover{background-color: #333;}

.detail_cutting .right{width: 34.8%;}
.detail_cutting .right li{align-items: center;justify-content: flex-start;border-bottom: 2px solid #ACACAC;padding: 54px 0;}
.detail_cutting .right li:first-of-type{padding-top:0}
.detail_cutting .right li:last-of-type{padding-bottom:0;border: none;}
.detail_cutting .right .icon{width: 92px;border-radius: 50%;line-height: 92px;text-align: center;background: #A40000;margin-right: 50px;}
.detail_cutting .right .icon img{height: 62px;width: auto;filter: brightness(0) invert(1);}
.detail_cutting .right .wrap{ flex: 1;}
.detail_cutting .right .wrap h2{font-size: 26px;color: #A40000;font-family: "bw-black";margin-bottom: 7px;}
.detail_cutting .right .wrap p{font-size: 20px;color: #646464;font-family: "bw-med";}
.detail_cutting .wrap{ } 
.detail_cutting .wrap h3{padding: 0 35px;font-size: 32px;color: #373737;font-family: "bw-black";margin-bottom: 53px;} 
.detail_cutting .box{padding: 0 100px;position: relative;} 
.detail_cutting .cutt_wrap {overflow:hidden}
.detail_cutting .cutt_wrap figure{border-radius: 5px;} 
.detail_cutting .cutt_wrap figure div{transition: all .3s linear;overflow: hidden;cursor: pointer;} 
.detail_cutting .cutt_wrap figure img{transition: all .3s linear;} 
.detail_cutting .cutt_wrap figure div:hover img{transform:scale(1.1)}
.detail_cutting .cutt_wrap figcaption{ } 
.detail_cutting .cutt_wrap figcaption h2{position: absolute;left: 0;bottom: 0;font-size: 26px;color: #fff;font-family: 'bw-black';text-align: center;width: 100%;padding: 18px 0;background: rgba(0,0,0,.3);text-transform: uppercase;} 
.detail_cutting .cutt_control{ } 
.detail_cutting .cutt_control div{width: 23px;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;transition: all .3s linear;cursor:pointer} 
.detail_cutting .cutt_control div:hover{opacity:.5}
.detail_cutting .cutt_prev{left: 0;} 
.detail_cutting .cutt_next{right: 0;} 

.detail_tech{padding: 142px 0 180px;background-size: cover;background-position: right;}
.detail_tech .layout{color: #fff;text-align: right;}
.detail_tech .layout>h2{font-size: 36px;font-family: 'bw-black';font-weight: 100;text-transform: uppercase;margin-bottom: 87px;}
.techtitle ul{max-width: 432px;margin-left: auto;margin-bottom: 270px;align-items: flex-end;}
.techtitle ul li{font-size: 24px;font-family: 'bw-med';max-width: 91px;line-height: 1.1;position: relative;padding-bottom: 40px;}
.techtitle ul li:after{content:"";width: 40px;height: 4px;background: #fff;position: absolute;right: 0;bottom: 0;border-radius: 4px;}
.techdesc ul{max-width: 870px;margin-left: auto;text-align: center;display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
.techdesc ul ul{ }
.techdesc ul h3{font-size: 26px;font-family: 'bw-black';margin-bottom: 60px;}
.techdesc ul h2{font-size: 48px;font-family: 'bw-med';margin-bottom: 9px;position: relative;}
.techdesc ul h2:after{content:"";width: 180px;height: 180px;position: absolute;left: 50%;top: 82%;transform: translate(-50%,-50%);border: 1px solid #fff;border-radius: 50%;clip-path: polygon(0% 0%, 100% 0%,100% 50%, 0% 50%);}
.techdesc ul div{font-family: "bw-reg";}
.techdesc ul div span{font-size: 24px;}
.techdesc ul p{font-size: 21px;}

.detail_unma{padding: 94px 0 46px;}
.detail_unma .layout{ }
.detail_unma .detail_tit{ margin-bottom: 56px;}
.detail_unma .wrap{padding: 0 115px 0 65px;align-items: center;}
.detail_unma .left{width: 40%;}
.detail_unma .left li{margin-bottom: 90px;}
.detail_unma .left .icon{width: 65px;}
.detail_unma .left .con{flex: 1;padding-left: 75px;}
.detail_unma .left .con h2{font-size: 26px;color: #A40000;font-family: 'bw-black';padding-bottom: 17px;position: relative;margin-bottom: 27px;}
.detail_unma .left .con h2:after{content:"";width: 74px;height: 4px;background: #A40000;position: absolute;left: 0;bottom: 0;}
.detail_unma .left .con div{font-size: 24px;color: #646464;font-family: "bw-med";line-height: 1.2;}
.detail_unma .right{width: 47%;position: relative;}
.detail_unma .ridao_img{position: absolute;right: 6%;top: 0;width: 200px;border: 4px solid #142122;border-radius: 50%;transform: translate(50%,-50%);}

.detail_video{position: relative;overflow: hidden;padding: 280px 0 255px;}
.detail_video .layout{color: #fff;position: relative;z-index: 2;text-align: center;max-width: 885px;transition:all .3s linear}
.detail_video .video_tit{margin-bottom: 60px;}
.detail_video .video_tit h2{font-size: 36px;color: #FFFFFF;font-family: 'bw-black';max-width: 490px;text-transform: uppercase;margin: 0 auto 33px;line-height: 1.4;}
.detail_video .video_tit h3{font-size: 24px;font-family: 'bw-med';}
.detail_video .wrap{ }
.detail_video .wrap a{line-height: 53px;padding: 0px 27px;background: #A40000;color: #fff;display: block;width: max-content;font-size: 20px;font-family: 'bw-med';margin: 0 auto;}
.detail_video .wrap a:hover{background-color: #333;}

.detail_video .wrap h2{font-size: 42px;font-family: "bw-med";margin-bottom: 30px;}
.detail_video .wrap ul{display: flex;justify-content: space-between;margin-bottom: 80px;}
.detail_video .wrap li{align-items: center;max-width: 30%;}
.detail_video .wrap h3{font-size: 42px;font-family: "bw-med";line-height: 47px;border-right: 4px solid #fff;padding-right: 21px;width: 51%;display: inline-block;}
.detail_video .wrap p{font-size: 24px;font-family: "bw-med";line-height: 1.1;padding-left: 22px;flex: 1;width: 46%;display: inline-block;}
.detail_video .wrap span{display: block;}
.detail_video .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.detail_video video,.detail_video img{width: 100%;height: 100%;object-fit: cover;}
.detail_video.on .layout{opacity:0;pointer-events:none}

.detail_custom{padding: 130px 0 137px;}
.detail_custom .layout{padding: 0 132px 0 56px;}
.detail_custom .detail_tit{margin-bottom: 135px;padding-bottom: 60px;}
.detail_custom .wrap{ align-items: flex-start;}
.detail_custom .left{width: 48.3%;padding-top: 33px;}
.detail_custom .left .icon{width: 83px;}
.detail_custom .left .wrap{padding-left: 71px;flex: 1;}
.detail_custom .left h2{font-size: 26px;color: #A40000;font-family: 'bw-black';padding-bottom: 34px;position: relative;margin-bottom: 64px;}
.detail_custom .left h2:after{content:"";width: 74px;height: 4px;background: #A40000;position: absolute;left: 0;bottom: 0;}
.detail_custom .left ul{font-size: 24px;color: #323232;font-family: "bw-med";line-height: 1.5;padding-bottom: 51px;}
.detail_custom .left  li{margin-bottom: 41px;}
.detail_custom .left a{line-height: 53px;padding: 0 28px;background: #A40000;color: #fff;display: block;width: max-content;font-size: 20px;font-family: 'bw-med';}
.detail_custom .right{width: 38.4%;border-radius: 50%;overflow: hidden;border: 6px solid #A40000;}
.detail_custom .left a:hover{background-color: #333;}


.detail_voice{background: url(img/pro_0.png);background-size: cover;padding: 101px 0 102px;}
.detail_voice .layout{  }
.detail_voice .detail_tit{margin-bottom: 73px;padding-bottom: 43px;color: #fff;}
.detail_voice .detail_tit:after{content:"";filter: brightness(0) invert(1);}
.detail_voice .voice_wrap{max-width: 720px;overflow: visible;width: 80%;margin: 0 auto;text-align: center;position: relative;}
.detail_voice .swiper-slide{border-radius: 15px;background: #fff;72px 88pxCONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;padding: 72px 88px 80px;cursor: pointer;}
.detail_voice .swiper-slide .icon{max-width: 50%;width: 196px;margin: 0 auto 33px;}
.detail_voice .swiper-slide img{transition: all .3s linear;}
.detail_voice .swiper-slide:hover img{transform: rotateY(360deg);}
.detail_voice .swiper-slide h2{font-size: 26px;color: #323232;font-family: "bw-black";margin-bottom: 11px;}
.detail_voice .swiper-slide h3{font-size: 24px;color: #323232;font-family: "bw-reg";margin-bottom: 76px;}
.detail_voice .swiper-slide .wrap{font-size: 24px;color: #323232;font-family: "bw-reg";text-align: justify;line-height: 1.35;}
.detail_voice .voice_control{ }
.detail_voice .voice_control div{position: absolute;top: 50%;transform: translateY(-50%);filter: brightness(0) invert(1);cursor: pointer;transition: all .3s linear;}
.detail_voice .voice_control div:hover{opacity: .3;}
.detail_voice .voice_prev{left: -102px;}
.detail_voice .voice_next{right: -102px;}

.detail_con{padding: 93px 0 0;}
.detail_con .detail_tit{padding-bottom: 47px;margin-bottom: 116px;}
.detail_con table{width: 100%;border-collapse: collapse;border-spacing: 0;border: 1px solid #D3D3D3;}
.detail_con .table_wrap{margin-bottom: 109px;}
.detail_con table tr{ }
.detail_con table th,.partstable table tr:nth-child(1),.partstable table tr:nth-child(1) td{background: #A40000;color: #fff;font-size: 21px;font-family: "bw-black";padding: 14px 40px;}
.detail_con tbody tr{ }
.detail_con tbody td,.detail_con table tr td{font-size: 16px;font-family: "bw-reg";padding: 14px 40px;background: #FFFFFF;border-right: 0;border-left: 0;}
.detail_con tbody tr:nth-of-type(2n) td,.detail_con table tr:nth-of-type(2n) td{background: #EEEEEE;}
.detail_con table tr th:first-of-type,.detail_con tbody tr td:first-of-type,.detail_con table tr td:first-of-type{border-right: 1px solid #C7C7C7;}

.detailtable table tr:first-of-type td{background-color:#1A1A1A;color:#fff;font-weight:800;font-family: "bw-black";}
.detailtable table tr:first-of-type td:first-of-type{background-color:#A60404}

.detail_shipp{padding: 14px 0 108px;}
.detail_shipp .layout{ }
.detail_shipp .detail_tit{padding-bottom: 68px;margin-bottom: 98px;}
.detail_shipp .items{overflow: hidden;margin-bottom: 100px;}
.detail_shipp figure{width: 48.795%;float: left;}
.detail_shipp figure:nth-of-type(2){width: 49.2%;float: right;margin-bottom: 1.6%;}
.detail_shipp figure:nth-of-type(3){width: 49.2%;float: right;}
.detail_shipp figure:nth-of-type(3) div{order: 2;}
.detail_shipp figure:nth-of-type(1) figcaption {display:none;}
.detail_shipp figure.flex_row div{width: 73.5%;}
.detail_shipp figure:nth-of-type(1) div {width: 100%;overflow: hidden;aspect-ratio:	363/320}
.detail_shipp figure img{transition: all .3s linear;width:100%;height:100%;object-fit:cover }
.detail_shipp figcaption{position: relative;width: 21.8%;background: #EEEEEE;text-align: center;}
.detail_shipp figcaption h2{writing-mode: tb-rl;text-align: center;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 46px;color: #666666;font-family: 'bw-reg';}
.detail_shipp .link{line-height: 53px;padding: 0 27px;background: #A40000;color: #fff;display: block;width: max-content;font-size: 20px;font-family: 'bw-med';margin: 0 auto;}
.detail_shipp figure div{overflow: hidden;}
.detail_shipp .link:hover{background-color: #333;}
.detail_shipp figure:hover img{transform: scale(1.1);}

.detail_shipp figure:not(:first-of-type) div{    aspect-ratio: 853/488; }

@media screen and (max-width: 1720px){
    .topli ul  h2 {font-size: 36px;}
    .topli ul  li{width: 25%;padding: 0 10px;}
}



@media screen and (max-width: 1550px){
    .topli ul  h2 { font-size: 30px; }
    .detail_top .left>h2{font-size: 42px;}
    .wrapli ul li{font-size: 20px;}
}



@media screen and (max-width: 1366px){
    .detail_top .layout{padding: 0;}
    .detail_top,.detail_cutting{padding: 70px 0;}
    .detail_cutting .top{padding: 0;margin-bottom: 40px;}
    .detail_cutting .left h2{font-size: 28px;margin-bottom: 10px;}
    .detail_cutting .left h3{font-size: 24px;}
    .detail_cutting .right { width: 44.8%;}
    .detail_tech{padding: 120px 0;}
    .detail_unma .left .con{padding-left: 20px;}
    .detail_unma .wrap{padding: 0;}
    .detail_unma .ridao_img{right: 0;transform: translateY(-50%);}
    .detail_video{padding: 150px 0;}
    .detail_custom{padding: 80px 0;}
    .detail_main .detail_tit{margin-bottom: 30px;padding-bottom: 20px;}
    .detail_custom .left li{margin-bottom: 20px;}
    .detail_custom .left h2{padding-bottom: 10px;margin-bottom: 10px;}
    .detail_shipp{padding: 40px 0;}
    .detail_con .table_wrap{margin-bottom: 40px;}
    .detail_top .left {width: 57%;}
    .topli ul  h2 { font-size: 24px;  }
    .topli ul  .top{vertical-align: middle;}
    .detail_shipp figcaption h2{font-size: 32px}
    .detail_unma .left {width: 50%;}
    .detail_unma .left li{margin-bottom: 40px;}
    .detail_custom .layout{padding: 0;}
}



@media screen and (max-width: 950px){
    .detail_top .right{width: 100%;padding: 0;}
    .detail_top .left{width: 100%;order: 2;}
    .detail_top .right ul{max-width: 100%;margin-bottom: 40px;}
    .detail_top .left>h2,.detail_top .top_link{max-width: 100%;}
    .detail_cutting .left,.detail_cutting .right{width: 100%;margin-top: 20px;}
    .detail_cutting .right li{padding: 20px 0;}
    .detail_cutting .box{padding: 0;}
    .detail_cutting .cutt_control div{display: none;}
    .techtitle ul{margin-bottom: 60px;}
    .detail_tech .layout>h2{margin-bottom: 40px;}

    .detail_unma .right{width: 100%;}
    .detail_unma .ridao_img{top: 0;transform: none;}
    .detail_unma .left{width: 100%;order: 2;margin-top: 20px;}
    .detail_video{padding: 100px 0;}
    .detail_custom .left{width: 100%;order: 2;margin-top: 20px;}
    .detail_custom .right{margin: 0 auto;}
    .detail_voice .swiper-slide{padding: 40px;}
    .detail_voice .swiper-slide .wrap{font-size: 18px;}
    .detail_voice .swiper-slide h3{margin-bottom: 20px;}
    .detail_con table th{font-size: 14px;}
    .detail_con tbody td{font-size: 12px;}
    .detail_shipp figure{width: 100% !important;float: none !important;margin-bottom: 20px;}
    .detail_voice .voice_prev{left: -50px;}
    .detail_voice .voice_next{right: -50px;}
    .detail_video .wrap h3{font-size: 32px;}
    .detail_video .wrap p{font-size: 16px;}

}

@media screen and (max-width: 768px){
    .detail_top .left>h2{font-size: 32px;}
    .topli ul  li{width: 49%;padding: 0;border: none;margin-bottom: 10px;}
    .topli ul ,.detail_top .left>h2{margin-bottom: 15px;}
    .detail_top .top_link a,.detail_cutting .left a,.detail_custom .left a,.detail_shipp .link{line-height: 42px;padding: 0 15px;font-size: 20px;}
    .detail_cutting .right .wrap{flex: auto;width: 100%;}
    .detail_cutting .wrap h3{padding: 0;margin-bottom: 15px;}
    .detail_top, .detail_cutting,.detail_unma{padding: 40px 0;}
    .detail_tech,.detail_custom{padding: 40px 0;}
    .detail_tech .layout>h2{text-align: center;}
    .techtitle ul{margin: 0 0 20px;max-width: 100%;}
    .techdesc ul li{width: 100%;margin-bottom: 20px;}
    .detail_main .detail_tit,.detail_video .video_tit h2{font-size: 24px;}
    .detail_unma .left .con{flex: auto;width: 100%;margin-top: 15px;padding: 0;}
    .detail_video .wrap li{width: 100%;max-width: 100%;justify-content: center;}
    .detail_video .wrap p{flex: none;}
    .detail_video .wrap ul{flex-wrap: wrap;}
    .detail_custom .left .wrap{padding: 0;flex: none;width: 100%;margin-top: 20px;}
    .detail_custom .left ul{padding-bottom: 20px;}
    .detail_voice{padding: 50px 0;}
    .detail_shipp .items{margin-bottom: 10px;}
    
    .detail_video .wrap ul{margin-bottom: 20px;}
    .detail_custom .right{width: 100%;}
}

@media screen and (max-width:640px){
    .detail_top .left>h2,.detail_cutting .wrap h3{font-size: 20px;}
    .detail_shipp figure.flex_row div{width: 100%;}
    .detail_shipp figcaption{width: 100%;margin-top: 10px;}
    .detail_shipp figcaption h2{writing-mode: horizontal-tb;position: relative;left: 0;top: 0;transform: none;text-align: center;}
    .detail_shipp figure:nth-of-type(3) div{order: 0;}
    .detail_custom .left li{font-size: 18px;}
    .detail_shipp figcaption h2{font-size: 20px;padding: 5px 0;}
    .detail_video .wrap h2{font-size: 32px;}

}

@media screen and (max-width:480px){
    .topli ul  li{width: 100%;}
    .detail_cutting .cutt_wrap figcaption h2{padding: 0;}
    .techtitle ul li{width: 100%;padding-bottom: 15px;margin-bottom: 10px;max-width: 100%;text-align: center;}
    .techtitle ul li:after{left: 50%;transform: translateX(-50%);}
    .detail_voice .swiper-slide{padding: 10px;}
    .detail_voice .swiper-slide h3{font-size: 18px;}
    .detail_voice .voice_wrap{width: 95%;}
    .detail_voice .swiper-slide .icon{margin-bottom: 10px;}
    .detail_con{padding: 40px 0 0 ;}
    .detail_video .wrap h2{font-size: 24px;}
}




#whatsapp { 
/*display:none;*/
position: fixed;
right: 34px;
right: 50px;
top: 70%;
width: 70px;
height: 70px;
cursor: pointer;
opacity: 1;
z-index: 99990;
}

#whatsapp #whatsappMain {
-moz-border-radius: 50% !important;
-webkit-border-radius: 50% !important;
border-radius: 50% !important;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: rgba(255, 255, 255, 0);
width: 70px;
height: 70px;
color: #40c351;
z-index: 9;
-webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
-moz-animation: zcwmini2 1.5s 0s ease-out infinite;
animation: zcwmini2 1.5s 0s ease-out infinite;
}

#whatsapp #whatsappMain:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9;
background-image: url('https://cdnus.globalso.com/yinkglobal/style/global/img/foot_whatsapp.png');
background-repeat: no-repeat;
background-position: center center;
-webkit-animation: zcwphone2 1.5s linear infinite;
-moz-animation: zcwphone2 1.5s linear infinite;
animation: zcwphone2 1.5s linear infinite;
}

@-webkit-keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes zcwmini {
0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
/*End Wahtsapp*/