@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;     font-size: 12px;}

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: #323232; 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; }

.featured_products .featured_item:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}

.featured_products .featured_item a:hover,.live_broadcast .live_content a:hover,.supplier_item .factory_info .factory_desc h2 a:hover,.head_right .list_link .menu_list li a:hover{color:#3d3fa4}
.featured_products .featured_item .img img{height:100%}


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

font start

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

@font-face { font-weight: normal; font-style: normal; font-family: 'fontawesome'; src: url("fonts/Font-Awesome/fontawesome-webfont.eot") format("embedded-opentype"), url("fonts/Font-Awesome/fontawesome-webfont.svg") format("svg"), 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"); 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: "MyriadPro-Regular"; font-style: normal; src: url(fonts/MyriadPro-Regular.otf) format("OpenType"); font-display: fallback; }

@font-face { font-family: "MyriadPro-Bold"; font-style: normal; src: url(fonts/MyriadPro-Bold.otf) format("OpenType"); font-display: fallback; }

@font-face { font-family: "Montserrat-Bold"; font-style: normal; src: url(fonts/Montserrat-Bold.ttf) format("TrueType"); font-display: fallback; }

@font-face { font-family: "Corbel"; font-style: normal; src: url(fonts/corbel/corbel.ttf) format("TrueType"); font-display: fallback; }

@font-face { font-family: "Corbel-Bold"; font-style: normal; src: url(fonts/corbel/corbelb.ttf) format("TrueType"); font-display: fallback; }

@font-face { font-family: "corbeli"; font-style: normal; src: url(fonts/corbel/corbeli.ttf) format("TrueType"); font-display: fallback; }

@font-face { font-family: "corbell"; font-style: normal; src: url(fonts/corbel/corbell.ttf) format("TrueType"); font-display: fallback; }

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

font end

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

/* clear floating */

.clearfix:after, .layout:after,.flowr_con_list:after { clear: both; display: block; visibility: hidden; height: 0; content: ""; }

.clearfix, .layout ,.flowr_con_list { *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: 1200px;  }

.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: #323232; 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: #323232; 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 */

img,.head_right .list_link .menu_list { -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }

 

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





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

* { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; }

/**

 * Swiper 4.4.2

 * Most modern mobile touch slider and framework with hardware accelerated transitions

 * http://www.idangero.us/swiper/

 *

 * Copyright 2014-2018 Vladimir Kharlampidi

 *

 * Released under the MIT License

 *

 * Released on: November 1, 2018

 */

 .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

/*header footer*/

.web_head{position:relative;z-index:999;}

.web_head .head_left{position:relative;float:left;}

.web_head .head_left,.web_head .head_left a{color:#0086db;line-height:40px;}

.web_head .head_right{position:relative;float:right;display:flex;display:-webkit-flex;margin-top:6px;}

.head_right .list_link{position:relative;padding:2px 25px 5px 5px;border:solid 1px #f8f8f8;color:#666;cursor: pointer;}

.head_right .list_link b{position:absolute;top:10px;right:10px;width:0;height:0;border-color:#483e3d #f5f5f5 #f5f5f5;border-style:solid;border-width:4px;font-size:0;line-height:0;-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;}

.head_right .list_link:hover{border:solid 1px #d4d4d4;}

.head_right .list_link:hover b{transform:translateY(-4px) rotate(180deg);}

.head_right .list_link .menu_list{position:absolute;top:26px;left:0;visibility:hidden;width:150px;background-color:#fff;opacity:0;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);transform-origin:left top;-ms-transform:scaleY(0);}

.head_right .list_link .menu_list li+li{border-bottom:solid 1px #f8f8f8;}

.head_right .list_link .menu_list li a{display:block;padding-left:5px;color:#666;line-height:35px;}

.head_right .list_link:hover .menu_list{visibility:visible;opacity:1;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);-ms-transform:scaleY(1);}

footer{position:relative;padding:50px 0;background:#ccc;}

footer,footer a{color:#000;text-align:center;font-weight:lighter;font-size:16px;line-height:46px;}

footer .foot_nav a{position:relative;display:inline-block;margin:0 5px;text-transform:capitalize;}

 

/*index main*/

.numcount_container{position:absolute;top:40px;left:50%;z-index:99;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%);}

.numcount_container .numcount_wrap{position:relative;}

.numcount_container:before{position:absolute;top:0;left:-50px;width:calc(100% + 100px);height:100%;background-image:url(img/header_bg.png);background-size: 100% 100%;content:"";}

.numcount_container ul{color:#fff;justify-content:space-between;-webkit-justify-content:space-between;}

.numcount_container ul li{position:relative;line-height:60px;}

.numcount_container ul li .num_tit{color:#ffd200;text-transform:capitalize;font-size:16px;position: relative; vertical-align: middle;}

.numcount_container ul li .num_box{margin-left:13px;font-size:24px;position: relative;  vertical-align: middle;}

.numcount_container ul li .num_box .counter{font-weight:100;}

.numcount_container ul li .num_box .unitC{color:#cb2121;font-weight:700;    line-height: 1;}

/*web_main*/

.web_main{position:relative;z-index:9999;padding-bottom:50px;background:#000;color:#fff;}

.web_main .index_title{position:relative;padding:50px 0;text-align:center;text-transform:capitalize;font-weight:700;font-size:24px;line-height:1;}

/*展会流程*/
.expo_flow{padding-top:85px}
.expo_flow_l{position:relative;float:left;box-sizing:border-box;width:280px;}

.expo_flow_l .title{color:#fff;font-weight:700;font-size:20px;line-height:60px;}

.expo_flow_l .expo_flow_list{margin-top:20px;padding:0 15px;}

.expo_flow_l .expo_flow_list ul li{position:relative;box-sizing:border-box;padding:2px 0 30px 30px;height:auto!important;border-left:1px solid #fff;}

.expo_flow_l .expo_flow_list ul li::after{position:absolute;top:5px;left:-9px;width:18px;height:18px;background-image:url(img/dian-icon-1.png);background-size:100%;content:"";}

.expo_flow_l .expo_flow_list ul li.active::after{top:5px;left:-16px;width:32px;height:32px;}

.expo_flow_l .expo_flow_list ul li .l{color:#7ef3ff;font-size:18px;}

.online_booth_list ul li.not_online .play_btn a{background-color:#bbb;}

.expo_flow_l .expo_flow_list ul li .r{margin-top:10px;color:#fefefe;font-size:16px;}

.web_main{ padding-top:0 !important}
.expo_flow_r{position:relative;float:right;width:920px;-webkit-transform:translateY(-65px);-moz-transform:translateY(-65px);-o-transform:translateY(-65px);transform:translateY(-65px);-ms-transform:translateY(-65px);}
 

.expo_flow_r .flow_r_top li{position:relative;float:left;width:25%;height:65px;background-color:#3d3fa4;color:#fff;text-align:center;font-size:18px;line-height:65px;cursor:pointer;transition:all .3s;}

.expo_flow_r .flow_r_top li.active::after{position:absolute;bottom:-24px;left:123px;width:0;height:0;border-color:#fff transparent transparent transparent;border-style:solid;border-width:12px 12px 12px 12px;content:"";}

.expo_flow_r .flow_r_top li::after{border-width:0;transition:all .3s;}

.expo_flow_r .flow_r_top li.active{background-color:#fff;color:#f56d33;font-weight:700;}

.flowr_con_list{position:relative;margin-top:20px;}

.flowr_con_list .flowr_con{position:absolute;top:0;left:0;display:none;width:100%;height:100%;opacity:0;transition:all .3s;}

.flowr_con_list .flowr_con.active{position:relative;top:unset;left:unset;display:block;opacity:1;width:100%;height:100%;}

.flowr_con_list .flowr_con img{width:100%;height:auto;}

/*.flowr_con_list .flowr_con video{width:100%;height:608px;}*/

.flowr_con_list .flowr_con video,iframe{width:888px;height:499.5px;}

.index_desc{position:relative;text-indent:50px;font-size:14px;line-height:1.68;}



/*current_live_container*/

.current_live_container{position:relative}

.current_live{position:relative}

.online_video{width:45%;right:50px;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}



/*live_broadcasts_container*/

.live_broadcasts_container{}

.live_broadcasts_container .live_broadcasts{}

.live_broadcast{ flex: 0 0 calc((100% - 45px)/4); -webkit-flex: 0 0 calc((100% - 45px)/4); width:calc((100% - 45px)/4); margin-right: 15px; margin-bottom: 15px; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; overflow: hidden; }

.live_broadcast:nth-child(4n){margin-right: 0;}

.live_broadcast .live_imgage{ position: relative;}

.live_broadcast .live_imgage .live_icon{background:#f60;position:absolute;left:15px;top:15px;border-radius:3px;line-height:18px;font-size:12px;display:table;padding:0 7px;text-transform:capitalize}

.live_broadcast .live_imgage .live_icon b{position:relative;width:4px;height:4px;background:#fff;display:inline-block;border-radius:50%;margin-right:5px;transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px)}

.live_broadcast .live_content{position:relative;padding:7px;padding-bottom:15px}

.live_broadcast .live_content a{display:block;font-size:13px;line-height:1.5;font-weight:700;text-transform:capitalize;position:relative;color:#000}

.live_broadcast .live_content .live_tags{background:#e9f4ff;line-height:20px;color:#37bbf8;text-transform:capitalize;font-size:12px;padding:0 5px;display:table;margin-top:7px}



/*VR_container*/

.VR_container{position:relative;}

.VR_container .vr_wrap{display:flex;justify-content:space-between;}

.vr_wrap .vr_item{position:relative;width:calc(50% - 10px);}

.vr_img{position:relative;display:block;box-sizing:border-box;padding:25px 20px;border-radius:8px;background-color:#fff;text-align:center;}

.vr_wrap .vr_img:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(12,45,64,.55);content:"";}

.vr_wrap .vr_item a{display:block;margin-top:15px;color:#fff;text-align:center;font-size:14px;line-height:1.5;}



/*featured_products_container*/

.featured_products_container{position:relative;}

.featured_products{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}

.featured_products .featured_item{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:15px;margin-bottom:15px;padding:7px;width:calc((100% - 60px)/ 5);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#fff;flex:0 0 calc((100% - 60px)/ 5);-webkit-flex:0 0 calc((100% - 60px)/ 5);-ms-border-radius:8px;-o-border-radius:8px;}

.featured_products .featured_item:nth-child(5n){margin-right:0;}

.featured_products .featured_item a{display:block;overflow:hidden;margin-top:15px;padding:0 5px;height:42px;color:#555;font-weight:700;font-size:14px;}

.featured_products .featured_item .img{ overflow:hidden;}

 

/*Quality_Supplier_container*/

.Quality_Supplier_container{position:relative}

.supplier_container .supplier_item{width:calc((100% - 40px)/ 3);flex:0 0 calc((100% - 40px)/ 3);-webkit-flex:0 0 calc((100% - 40px)/ 3);margin-right:20px;background:#fff;padding:15px;box-sizing:border-box;margin-bottom:20px;padding-bottom:30px;border-radius:8px}

.supplier_container .supplier_item:nth-child(3n){margin-right:0}

.supplier_item figure .factory_info{position:relative;display:flex;display:-webkit-flex;width:100%;align-items: center;}

.supplier_item .factory_info .factory_logo{width:110px;flex:0 0 110px;-webkit-flex:0 0 110px;height:110px;line-height:110px;text-align:center;align-self:center;-webkit-align-self:center;margin-right:15px}

.supplier_item .factory_info .factory_desc{width:calc(100% - 125px);flex:0 0 calc(100% - 125px);-webkit-flex:0 0 calc(100% - 125px)}

.supplier_item .factory_info .factory_desc h2 a{font-size:14px;color:#333;font-weight:700;display:block;overflow:hidden;word-break:break-word;text-overflow:ellipsis;white-space:nowrap}

.supplier_item .factory_info .con-img{position:relative;overflow:hidden;margin-top:5px}

.factory_logo img{width:auto;}

.supplier_item .factory_info .con-img img{width:auto}

.supplier_item .item_images li:hover img,.supplier_item .supplier_img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}

.supplier_item .factory_info .com-desc{font-size:12px;color:#666;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px}

.supplier_item .supplier_img{position:relative;margin:10px 0;overflow:hidden; line-height: 320px;    text-align: center;}

.supplier_item .supplier_img img{ max-height: 300px;  width: auto;}

.supplier_item .item_images{position:relative;display:flex;align-items:center;overflow:hidden}

.supplier_item .item_images li{position:relative;margin-right:10px;flex:1;-webkit-flex:1;overflow:hidden}

.supplier_item .item_images li:last-child{margin-right:0}





/*hot_inquiry_form*/	

.hot_inquiry_form{position:relative;}

.hot_inquiry_container{position:relative;padding:0 15px;background:#0e1726;}

.news_slider{position:relative;overflow:hidden;height:560px;}

.inquiry_item{display:flex;height:70px!important;font-size:14px;justify-content:space-between;align-items:center;}

.inquiry_item div{overflow:hidden;margin-right:25px;max-height:40px;}

.inquiry_item .user_name{width:20%;flex:0 0 20%;-webkit-flex:0 0 20%;}

.inquiry_item .user_name span{text-transform:capitalize;font-size:14px;}

.inquiry_item .user_name span+span{margin-left:15px;}

.inquiry_item .user_name span img{max-width:40px;border-radius:3px;}

.inquiry_item .company_name,.inquiry_item .release_info{color:#969cb4;}

.inquiry_item .company_name{width:30%;flex:0 0 30%;-webkit-flex:0 0 30%;}

.inquiry_item .release_info{width:35%;flex:0 0 35%;-webkit-flex:0 0 35%;}

.inquiry_item .release_info time{margin-right:10px;color:#365b8c;}

.inquiry_item .more_view{position:relative;color:#fff;flex:1;-webkit-flex:1;}

.inquiry_item.inquiry_head{height: 50px !important;}

.inquiry_item.inquiry_head div{color:#fff;}

/*partner_conteiner*/

.partner_conteiner{position:relative;}

.partner_conteiner .partner_box{position:relative;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;-webkit-flex-wrap:wrap;-webkit-justify-content:flex-start;-webkit-align-items:center;}

.partner_conteiner .partner_box li{position:relative;margin-bottom:50px;text-align:center;flex:0 0 20%;-webkit-flex:0 0 20%;}

.partner_conteiner .partner_box li img{width:50%;max-width:100%;height: 70px;}
.partner_conteiner

/*page header*/

.page_head{position:relative;}

.pagehead_top{position:relative;padding:12px 0;}

.pagehead_top:before{position:absolute;top:0;left:50%;width:100vw;height:100%;background-image:url(img/header-top-1.png);content:"";-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%);}

.head_search{position:relative;overflow:hidden;margin-left:auto;width:412px;height:40px;border:1px solid #d6d5d5;border-radius:5px;}

.head_search .search_ipt{position:relative;box-sizing:border-box;padding:0;padding-left:12px;width:100%;border:0;line-height:40px;}

.head_search .search_btn{position:absolute;top:-1px;right:-1px;padding:0 10px;border:1px solid #2b5cbe;background-color:#2b5cbe;color:#fff;font-size:14px;font-family:Arial;line-height:40px;}

.pagehead_bottom{position:relative;display:flex;margin-bottom:50px;height:70px;align-items:center;}

.pagehead_bottom .page_nav li{display:inline-block;}

.pagehead_bottom .page_nav li a{padding:0 40px;color:#666;text-transform:capitalize;font-size:16px;line-height:1;}

.pagehead_bottom .page_nav li+li{border-left:1px solid #666;}



 

/*page_main*/

.page_main{padding:60px 0 80px;background-color:#fff;}

.page_list{padding:60px 0 80px;background-color:#f8f8f8;}

.page_bar{position:relative;height:33px;text-align:right;font-size:14px;line-height:31px;}

.page_bar a,.page_bar span{position:relative;display:inline-block;margin:0 0 0 8px;padding:0 8px;min-width:33px;border:1px solid #888;color:#888;vertical-align:top;text-align:center;}

.page_bar a.current,.page_bar a:hover{border-color:#618be1;background:#618be1;color:#fff;font-weight:700;}

.page_bar span.current2{padding-right:8px;padding-left:8px;}

.path_bar{position:relative;}

.path_bar ul{font-size:0;}

.path_bar li{display:inline;margin-right:15px;letter-spacing:0;}

.path_bar li,.path_bar li a{color:#666;font-size:14px;line-height:48px;}

.path_bar li:before{position:relative;margin-right:15px;content:'>';vertical-align:baseline;}

.path_bar li:first-child:before{content:"\f015";font-family:fontawesome;}

.page_title{position:relative;margin-bottom:30px;color:#333;text-align:center;font-weight:700;font-size:28px;}

.page_main .supplier_container .supplier_item{margin-right:0;padding-right:0;padding-bottom:60px;padding-left:0;border-bottom:1px solid #dadcdd;border-radius:0;background-color:transparent;}

.page_main .supplier_container .supplier_item:nth-child(3n+2){box-sizing:content-box;padding-right:20px;padding-left:20px;}



/*产品详情*/

.product_block01{margin-bottom:20px;}

.product_view{float:left;width:30%;}

.gallery-thumbs{margin-top:10px!important;}

.product_button{position:absolute;top:0;z-index:999;width:20px;height:100%;background:rgba(255,255,255,.5);color:#333;text-align:center;font-size:16px;line-height:70px;cursor:pointer;}

.product_button.product_prev{left:0;}

.product_button.product_next{right:0;}

.product_button:before {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}

.product_button.product_prev:before{content:"\f053";font-family:fontawesome;}

.product_button.product_next:before{content:"\f054";font-family:fontawesome;}

.product_right{position:relative;float:right;box-sizing:border-box;padding:30px 0;width:22%;border:1px solid #e2e2e2;text-align:center;}

.product_right .img{display:table;overflow:hidden;margin:auto;width:150px;height:150px;border-radius:50%;text-align:center;}

.product_right .name{margin-top:20px;color:#333;font-weight:700;font-size:16px;}

.product_right .position{margin-top:10px;color:#666;font-size:14px;line-height:21px;}

.product_right .card_btn{display:inline-block;margin-top:20px;padding:0 35px;height:40px;border-radius:5px;background-color:#618be1;color:#fff;text-align:center;font-size:14px;line-height:40px;}

.product_right .card_btn .icon-shipin1{position:relative;display:inline-block;margin-right:5px;width:22px;height:22px;background-image:url(img/icon02.png);background-size:contain;background-repeat:no-repeat;vertical-align:middle;}

.product_introduct_wrap{position:relative;float:left;margin:0 3%;width:42%;}

.introduce_wrap h1{position:relative;margin-bottom:30px;}

.tab_top{position:relative;}

.tab_top li{float:left;box-sizing:border-box;padding:0 19px;border:1px solid #e9e9e9;color:#333;font-weight:700;font-size:14px;line-height:45px;cursor:pointer;}

.tab_top li+li{border-left:0;}

.tab_top li.active{border-color:#618be1;background-color:#618be1;color:#fff;}

.detail_wrap{position:relative;margin-top:40px;}

.detail_wrap .detail_panel{display:none;margin-bottom:10px;color:#666;font-size:13px;line-height:1.5;}

.detail_wrap .detail_panel.active{display:block;}

.detail_panel div{margin-bottom:10px;}

.detail_panel div strong{display:table-cell;width:140px;}

.detail_panel div p{display:table-cell;}

.detail_panel div p a{color:#00e;}

.contact_btn{display:table;margin-top:40px;padding:0 20px;border-radius:5px;background-color:#618be1;color:#fff;text-align:center;font-size:14px;line-height:38px;border: 1px solid #618be1;}

.contact_btn:hover{color:#618be1;background-color:#fff;}

.singleproduct_title{position:relative;margin:20px 0;color:#333;text-transform:capitalize;font-weight:700;font-size:20px;}

.product_block{position:relative;}

.product_block .info{position:relative;color:#666;font-weight:700;font-size:14px;font-family:'Times New Roman';}

.product_block .info p{position:relative;margin-bottom:20px;}

.product_block img{width:auto;}

.list_wrap{width:102%;}

.list_wrap li{position:relative;float:left;box-sizing:border-box;margin-right:2%;margin-bottom:2%;padding:15px;width:18%;background-color:#f1f2f3;}

#certify{position:relative;margin:0 auto;width:1200px;}

#certify .swiper-container{padding-bottom:60px;}

#certify .swiper-slide{width:480px;height:480px;background:#fff;box-shadow:0 8px 30px #ddd;}

#certify .swiper-slide div{display:table-cell;width:480px;height:480px;vertical-align:middle;text-align:center;}

#certify .swiper-slide img{display:block;margin:auto;width:auto;max-width:100%;max-height:100%;}

#certify .certify_nav{width:45px;height:45px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#618be1;background-image:none;color:#fff;text-align:center;font-size:20px;line-height:45px;-ms-border-radius:50%;-o-border-radius:50%;}

#certify .certify_nav:before{font-family:fontawesome;}

#certify .swiper-button-prev:before{content:"\f053";}

#certify .swiper-button-next:before{content:"\f054";}

#certify .swiper-button-prev{left:30px;}

#certify .swiper-button-next{right:30px;}

.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; }

/*---------------------------------------------add:2021-05-10---------------------------------
										-----------------------------------------------------------------------------*/
@font-face { font-family: "NotoSansHansRegular"; font-style: normal; src: url(fonts/NotoSansHans/NotoSansHans-Regular.otf) format("OpenType"); font-display: fallback; }
@font-face { font-family: "NotoSansHansMedium"; font-style: normal; src: url(fonts/NotoSansHans/NotoSansHans-Medium.otf) format("OpenType"); font-display: fallback; }
@font-face { font-family: "NotoSansHansBold"; font-style: normal; src: url(fonts/NotoSansHans/NotoSansHans-Bold.otf) format("OpenType"); font-display: fallback; }
@font-face { font-family: "NotoSansHansDemiLight"; font-style: normal; src: url(fonts/NotoSansHans/NotoSansHans-DemiLight.otf) format("OpenType"); font-display: fallback; }

/*head_title*/
.head_title{position:relative; padding:41px 0; margin-bottom:18px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.head_title .title{position:relative; font-weight:normal; font-family: "NotoSansHansMedium";font-size:32px;color:#2d2d2d;}

/*modular_list*/
.modular_list{position:relative;font-family: "NotoSansHansRegular"; padding:8px 0;}
.modular_title{position:relative;}
.modular_title:before{ content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#b4b4b4;}
.modular_title .title{ position:relative; display: inline-block;padding:0 26px 0 46px;font-weight:normal;font-family: "NotoSansHansMedium"; font-size:22px; background:url(img/add_title_ico051001.png) no-repeat 3px center; background-color:#FFF;}
.modular_title .title.title_ico02{background-image:url(img/add_title_ico051002.png)}
.modular_title .title.title_ico03{background-image:url(img/add_title_ico051003.png); background-position:3px 0;}
.modular_title .title.title_ico04{background-image:url(img/add_title_ico051004.png)}
.modular_title .title.title_ico05{background-image:url(img/add_title_ico051005.png)}
.modular_items{ position:relative; display:flex;flex-wrap:wrap;width:102%; margin:12px 0 12px -1%;}
.modular_item{position:relative; width:31.3333%; padding:10px 1%; line-height:2.2;font-size:13px;}
.modular_item a:hover{ color:#4578e0;}
.modular_item .item_img{ position:relative; overflow:hidden;}
.modular_item .item_img img{ width:100%;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
.modular_item:hover .item_img img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.modular_item .item_tip{ position:absolute; width:100%; height:100%; left:0; top:0;display:flex;align-items:center;justify-content:center;font-family: "NotoSansHansBold"; font-size:20px;color:#FFF; background:rgba(0,0,0,.3);}
.modular_item .item_info{ position:relative; padding:12px 0;}
.modular_item .item_info .item_title{font-family: "NotoSansHansMedium"; font-size:18px; font-weight:normal;}
.modular_item .item_info .item_text{ font-family: "NotoSansHansDemiLight";color:rgba(29,29,29,.7);}
.modular_item .item_info .item_els{position:relative; display:flex;flex-wrap:wrap;color:#4578e0;margin-top:7px; line-height:2.3;}
.modular_item .item_info .item_els a{color:#4578e0;}
.modular_item .item_info .item_els time{position:relative;padding:0 22px 0 29px;margin-right:22px; background:url(img/add_ico051001.png) no-repeat left center; }
.modular_item .item_info .item_els time:after{ content:""; position:absolute; right:0; top:50%; width:1px; height:13px; background:#4578e0; margin-top:-6.5px;}
.modular_item .item_info .item_els .item_obj{position:relative;padding:0 22px 0 32px;background:url(img/add_ico051002.png) no-repeat left center;}
.modular_item .item_info .item_els .item_thr{position:relative;padding:0 22px 0 34px;background:url(img/add_ico051003.png) no-repeat left 2px;}
.modular_item .item_info .item_els .item_scan_code{position:relative;padding:0 22px 0 32px;background:url(img/add_ico051004.png) no-repeat left center;}
.modular_item .item_info .item_els .item_inv_code{position:relative;padding:0 22px 0 33px;background:url(img/add_ico051005.png) no-repeat left center;}
.modular_item .item_info .item_els .item_name{position:relative;padding:0 22px 0 28px;background:url(img/add_ico051006.png) no-repeat left 3px;width:100%;}

/*frame_pop*/
.frame_pop_wrap{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:999; display:none;}
.frame_pop{position:absolute; left:0; top:0; width:100%; height:100%;display:flex; justify-content:center;align-items:center; text-align:center;}
.frame_pop .pop_wrap{ position:relative;width:386px; height:460px;max-width:100%;max-height:100%; background:#ffffff;border-radius:10px; overflow:hidden;}
.frame_pop .pop_wrap .close{ position:absolute; right:10px; top:15px; width:25px; height:25px; background:url(img/add_close01.png) no-repeat center; cursor:pointer;}
.frame_pop .pop_wrap .title{position:relative; margin-top:85px;font-family: "NotoSansHansBold"; font-size:20px; font-weight:normal;}
.frame_pop .pop_wrap .title i{ position:relative; width:32px;height:32px; cursor:pointer;}
.frame_pop .pop_wrap .title i:before,.frame_pop .pop_wrap .title i:after{ content:""; position:absolute; right:8px; top:15px; width:15px; height:1px; background:#fff;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;transform:rotate(-45deg);transform-origin:center center;}
.frame_pop .pop_wrap .title i:after{ top:auto; bottom:16px;transform:rotate(45deg);}
.frame_pop .pop_wrap .content{position:relative; border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;  margin:37px 39px; height:220px;    font-family: "NotoSansHansDemiLight";  color: rgba(29,29,29,.7); font-size:13px;display:flex;justify-content:center;align-items:center;}
.frame_pop .pop_wrap .content img{ max-height:181px;max-width:100%;width:auto;}
@media screen and (max-width:1366px){.layout{width:1150px;}

body{min-width:1150px;}

.expo_flow_l .expo_flow_list ul li .l,.expo_flow_l .expo_flow_list ul li .r{font-size:14px;}

.featured_products .featured_item a,.index_desc,.live_broadcast .live_content a,.supplier_item .factory_info .factory_desc h2 a,.vr_wrap .vr_item a{font-size:12px;}

.numcount_container ul li .num_box{margin-left:7px;font-size:20px;}

.numcount_container ul li .num_tit{font-size:14px;}

.expo_flow_l{width:20%;}

.expo_flow_r{width:78%;-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px);-ms-transform:translateY(-50px);}

.expo_flow_r .flow_r_top li{height:50px;font-size:16px;line-height:50px;}

.inquiry_item .user_name span{display:table-cell;vertical-align:top;line-height:40px;}

.inquiry_item .user_name span img{margin-right:10px;width:30px;}

.inquiry_item .user_name span+span{width:auto;font-size:12px;line-height:1.5;}

.web_main .index_title{font-size:20px;}

.inquiry_item{height:50px!important;font-size:12px;}

footer,footer a{font-size:14px;line-height:36px;}

.pagehead_bottom{margin-bottom:0;}

.page_title{font-size:22px;}

.page_list,.page_main{padding:40px 0;}

.path_bar li,.path_bar li a{font-size:12px;line-height:40px;}

.pagehead_bottom .page_nav li a{padding:0 25px;font-size:12px;}

.product_right{padding:15px 0;width:20%;}

.product_introduct_wrap{margin:0 2%;width:46%;}

.singleproduct_title{margin:15px 0;font-size:18px;}

.introduce_wrap h1{margin-bottom:15px;font-size:18px;}

.tab_top li{font-size:12px;line-height:3;}

.detail_wrap{margin-top:20px;}

.product_right .name{margin-top:10px;font-size:14px;}

.product_right .position{font-size:12px;line-height:1.5;}

.product_right .card_btn{margin-top:15px;padding:0 20px;height:auto;font-weight:700;font-size:12px;line-height:3;}

.product_right .card_btn .icon-shipin1{width:18px;height:18px;}

.product_block .info{font-size:12px;line-height:1.68;}

.contact_btn{margin-top:25px;padding:0 15px;font-size:12px;line-height:3;}

#certify{width:100%;}

}

@media screen and (max-width:1280px){.layout{width:98%;}

body{min-width:98%;}

.web_main .index_title{padding:30px 0;}

.numcount_container:before{left:50%;width:100vw;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%);}

.numcount_container ul li{line-height:50px;}

.detail_wrap .detail_panel{font-size:12px;}

.list_wrap li{margin-right:1%;margin-bottom:1%;padding:7px;width:19%;}

}

@media screen and (max-width:1200px){.numcount_container ul li .num_tit{font-size:12px;}

.numcount_container ul li .num_box{margin-left:3px;font-size:16px;}

.online_video{right:1%;}

.vr_wrap .vr_item{width:calc(50% - 5px);}

.tab_top li{padding:0 15px;}

}

@media screen and (max-width:950px){.expo_flow_l .expo_flow_list ul li .l,.expo_flow_l .expo_flow_list ul li .r{font-size:12px;}

.numcount_container{position:relative;top:unset;left:unset;padding:10px 0;height:auto;transform:unset;}

.numcount_container:before{background-color:#000;}

.numcount_container ul li .num_tit{display:block;line-height:2;}

.numcount_container ul li .num_box{display:block;margin-left:0;text-align:center;font-size:14px;line-height:2;}

.expo_flow_l{width:100%;}

.expo_flow_r .flow_r_top li{width:33.33%;font-size:14px;}

.expo_flow_r{margin-top:30px;width:100%;-webkit-transform:unset;-moz-transform:unset;-o-transform:unset;transform:unset;-ms-transform:unset;}

.expo_flow_r .flow_r_top li.active::after{left:50%;margin-left:-12px;}

.expo_flow_l .expo_flow_list ul li{margin-top:9px;padding:15px 0 0 0;border-top:1px solid #fff;border-left:none;}

.expo_flow_l .expo_flow_list ul li::after{top:-9px;left:0;}

.expo_flow_l .expo_flow_list ul li.active::after{top:-9px;left:-5px;width:18px;height:18px;}

.index_desc{margin-top:15px;}

.featured_products .featured_item{margin-right:10px;margin-bottom:10px;width:calc((100% - 20px)/ 3);flex:0 0 calc((100% - 20px)/ 3);-webkit-flex:0 0 calc((100% - 20px)/ 3);}

.featured_products .featured_item:nth-child(5n){margin-right:10px;}

.featured_products .featured_item:nth-child(3n){margin-right:0;}

.supplier_container .supplier_item{margin-right:1%;margin-bottom:10px;padding:8px;padding-bottom:15px;width:49.5%;flex:0 0 49.5%;-webkit-flex:0 0 49.5%;}

.supplier_container .supplier_item:nth-child(3n){margin-right:1%;}

.supplier_container .supplier_item:nth-child(2n){margin-right:0;}

.page_bar{text-align:center;}

.page_bar a,.page_bar span{margin:0 0 0 3px;padding:0 4px;min-width:24px;line-height:24px;}

.product_right{position:fixed;top:100px;right:0;z-index:999;display:none;padding:15px 0;width:200px;background:#fff;}

.product_view{width:45%;}

.product_introduct_wrap{margin:0;margin-left:2%;width:53%;}

.introduce_wrap h1{margin-bottom:10px;font-size:14px;}

.singleproduct_title{margin:10px 0;font-size:16px;}

.list_wrap{width:101%;}

.list_wrap li{width:24%;}

#certify .swiper-slide{width:400px;height:400px;}

}

@media screen and (max-width:769px){.live_broadcast{margin-right:1%;margin-bottom:10px;width:49.5%;flex:0 0 49.5%;-webkit-flex:0 0 49.5%;}

.live_broadcast:nth-child(even){margin-right:0;}

.vr_img{padding:7px;border-radius:5px;}

.inquiry_item div{margin-right:10px;}

.inquiry_item div{overflow:hidden;margin-right:10px;max-height:40px;}

.partner_conteiner .partner_box li{margin-bottom:15px;flex:0 0 25%;-webkit-flex:0 0 25%;}

footer,footer a{font-size:12px;line-height:2;}

.path_bar li,.path_bar li:before{margin-right:7px;}

.pagehead_bottom .page_nav li a{padding:0 15px;}

.page_list,.page_main{padding:20px 0;}

.product_view{width:100%;}

.product_introduct_wrap{margin:0;margin-top:15px;margin-left:0;width:100%;}

.gallery-top{display:none;}

#certify .swiper-slide{width:350px;height:350px;}

}

@media screen and (max-width:640px){.VR_container .vr_wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;}

.vr_wrap .vr_item{margin-bottom:10px;width:100%;}

.featured_products .featured_item{margin-right:1%;width:49.5%;flex:0 0 49.5%;-webkit-flex:0 0 49.5%;}

.featured_products .featured_item:nth-child(3n),.featured_products .featured_item:nth-child(even){margin-right:0;}

.featured_products .featured_item:nth-child(odd){margin-right:1%;}

.supplier_item .supplier_img{line-height:250px;}

.web_main .index_title{padding:20px 0;font-size:18px;}

.inquiry_item .more_view{width:30px;flex:0 0 30px;-webkit-flex:0 0 30px;}

.head_search{margin:auto;width:80%;}

.list_wrap li{width:32.33%;}

#certify .swiper-slide{width:300px;height:300px;}

}

@media screen and (max-width:480px){.numcount_container .numcount_wrap{justify-content:flex-start;-webkit-justify-content:flex-start;}

.numcount_container ul li{width:33.33%;text-align:center;}

.numcount_container ul li:first-child{margin-left:16.67%;}

.expo_flow_r .flow_r_top li{height:36px;font-size:12px;line-height:36px;}

.supplier_container .supplier_item{margin-right:0;width:100%;flex:0 0 100%;-webkit-flex:0 0 100%;}

.supplier_item .supplier_img{line-height:unset;}

.partner_conteiner .partner_box li{margin-bottom:10px;flex:0 0 33.33%;-webkit-flex:0 0 33.33%;}

.list_wrap li{width:48%;}

#certify .swiper-slide{width:250px;height:250px;}

}