body{font:14px/1.6 tahoma,arial,sans-serif; font-weight:normal; background: #fff; color:#333;}
p{margin:0;font-weight:normal;}
h1, h2, h3, h4, h5, h6, figure{color: #444;}
body{min-height: 100vh;display: flex;flex-direction: column;}
footer {margin-top: auto;}
::-webkit-selection{color: #fff;background: #323232;}
::-moz-selection{color: #fff;background: #323232;}
::selection{color: #fff;background: #323232;}
.text-lowercase{text-transform: lowercase;}
.text-uppercase, .initialism{text-transform: uppercase;}
.text-capitalize{text-transform: capitalize;}
.float_bg{background:url(../images/qq_3.gif) repeat-y}
a{ color:#333;text-decoration:none}
a:focus,a:hover{color:#d90000;}
select{border-radius:3px; height:48px; line-height:42px;border: solid 1px #ccc;appearance:none;-moz-appearance:none; -webkit-appearance:none; background:#fff url(../images/sellect-arrow.png) no-repeat 98% center; color:#666 ; width:100%; padding:0 5px 0 29px; color:#999}
.input{ height:48px; line-height:48px;box-shadow:none; border-color:#c9c9c9}
.bg-main{ background:#8cc63f;border:1px solid #8cc63f !important}
.bg-main:hover,.bg-main:focus{border:1px solid #026d9a !important; background:#619221 !important}
.button.bg-main{border-color:#8cc63f !important}
.button.bg-main:hover{border-color:#619221 !important;}
.passcode{border-left: 1px solid #ddd;border-radius: 0 4px 4px 0;height: 48px;line-height: 48px;margin: 1px;position: absolute;right: 0;text-align: center;top: 0;}
.detail h2,.detail h3{line-height:180%}
.detail h3,.detail h1{font-size:18px;color: #5a5a5a;; font-weight:bold}
.layout{overflow: hidden;width: 100%;}
header .layout,.mid-nav.layout{overflow:visible;width: 100%;}{overflow:visible;width: 100%;}
.not-animated{ opacity:0}
.clear{ clear:both}
img{ max-width:100%}
ul,li{ padding:0; margin:0; list-style:none}
.container-layout{ max-width:93%; margin:0 auto}
.noInfo{ padding:25px}
.form-group{ padding-bottom:15px;}
.none{ display:none}
.mkprices{text-decoration:line-through;color:#666666;}

.wasprice{color:#666666;}
.wasprice label{padding-left:8px; text-decoration:line-through;}

.markpricecss{color:#666666; display:block; padding-bottom:3px;}
.markpricecss label{padding-left:8px; text-decoration:line-through;}

.line-large{margin-left:-13px;margin-right:-13px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12{position:relative;min-height:1px;padding-right:13px;padding-left:13px}

#fh5co-wrapper{overflow-x: hidden;}
#fh5co-page{position: relative;z-index: 2;background:#fff;overflow-x: hidden;}
.fh5co-heading{position:relative;z-index:1;}
.fh5co-heading h2{display:block; font-size: 30px; line-height: 36px;  color:#333;} 
.fh5co-heading p{ color:#a09a9a; font-size:12px;}

.vertical-middle{width: 100%;height: 100%;display: table;}
.vertical-middle > div{display: table-cell;vertical-align: middle;}
.zoomimgs{display:block; width:100%;height:0; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.piczoomimgs{padding-bottom: 100%;}
.artzoomimgs{padding-bottom: 64%;}
.chazoomimgs{padding-bottom: 75%;}
.noinfo{ text-align:center; padding:25px 0}
.commzoomimgs{padding-bottom: 100%;}
.commrzoomimgs{padding-bottom: 17.8%;background-size:contain;}

.col-2-form{ width:50%; float:left}
.col-2-form1 .field{ margin-right:6px;}
.col-2-form2 .field{ margin-left:6px;}
.col-3-form{ width:33.33333333333%; float:left}
.col-3-form1 .field,.col-3-form2 .field{ margin-right:6px;}
.col-3-form3 .field{ margin-left:6px;}

/*header begin*/
#pc-header{ position:relative;z-index:3}
#pc-header .head-middle{background:#14192f; line-height:30px; color:#83858f}
#pc-header .header-box{background:#fff; }
.header-box.fixed.fixed-top{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);width: 100%;z-index: 6; background: #fff;}
#pc-header .header-box .logo{ padding:15px 0 0}
#pc-header .header-box .logo h1{ line-height:1}
#pc-header .header-box .top-nav{}
#pc-header .header-box .xb9{ position:static}
#pc-header .header-box .top-nav li{margin: 0; display:inline-block; padding: 0px 8px; position:static}
#pc-header .header-box .top-nav li:last-child{background:none; padding-right:0}
#pc-header .header-box .top-nav li a{color: #333;font-size: 14px; font-weight:bold;padding: 0;text-align: center;text-decoration: none; transition:none;line-height:90px; position:relative }
#pc-header .header-box .top-nav li a .downward{ display:none}
#pc-header .header-box .top-nav li i.icon-angle-right{ display:none}
#pc-header .header-box .top-nav li:hover a.first-level i.arrowss{width:100%;height:4px;background:url(../images/top.png) no-repeat center;position:absolute;left:0;top:100%;margin-top:-4px;}
#pc-header .header-box .top-nav li a:hover,#pc-header .header-box .top-nav li a.first-level.current,#pc-header .header-box .top-nav li:hover a.first-level{color:#238ad5;}
#pc-header .header-box .top-nav li ul{ text-align:left; float:left;border:none;left:0px;right:0;border-radius:0;margin:0;padding:30px;width: 100%;z-index: 4;border: none;top:90px; box-shadow:none;background:rgba(80, 83, 91, 0.8);}
#pc-header .header-box .top-nav li ul li{float:none;display:inline-block;vertical-align:top;line-height:50px;padding:0;margin-bottom:30px; width:10.8%; position:relative; }
#pc-header .header-box .top-nav li ul li a{display:block;font-size:14px;color:#fff;background:none; font-weight:normal; line-height:1.8; text-align:left;text-transform: capitalize;}
#pc-header .header-box .top-nav li ul li a:hover{color:#238ad5;}
#pc-header .header-box .top-nav li ul li ul{ display:inline-block; background:none;top:auto; position:static; padding:10px 0 0}
#pc-header .header-box .top-nav li ul li ul li{display:block;float:none;padding:0;line-height:30px;margin-bottom:0; width:100% !important}
#pc-header .header-box .top-nav li ul li ul li a{font-size:13px;color:#fff;}
#pc-header .right-info{ margin-top:35px; margin-left:36px;}
#pc-header .right-info li{display:inline-block; margin:0 10px;}
#pc-header .right-info li a{ display:inline-block; background-image:url(../images/topinfo.jpg); background-repeat:no-repeat; width:20px; height:20px;}
#pc-header .right-info li:first-child a{ background-position:0 0}
#pc-header .right-info li:nth-child(2) a{ background-position:-55px 0}
#pc-header .right-info li:last-child a{ background-position:right 0}
#pc-header .right-info li:last-child{ margin-right:0}

#pc-header .header-box .top-lan{ margin:34px 0 0 20px; position:relative}
#pc-header .header-box .top-lan span{background:url(../images/new-icon.png) no-repeat left 0px; display:inline-block; width:9px; height:6px; margin-left:6px; vertical-align:middle; position:relative;top:-1px;}
#pc-header .header-box .top-lan .nav-inline li a{ padding:5px 5px;}
#pc-header .header-box .top-lan .nav-inline.nav-menu  ul a{ padding:2px 0; text-align:center}
#pc-header .header-box .top-lan li ul{ width:56px;min-width: 50px;right:0px; left:auto !important;top:30px;min-width: auto;}
#pc-header .header-box .top-lan .nav li a{ line-height:1; height:30px;min-width: auto; }
#pc-header .header-box .top-lan .nav li ul{min-width:150px;}
#pc-header .header-box .top-lan .nav li ul li a{line-height:1.5;padding: 7px !important; height:auto;min-width:150px; text-align:left !important}
#pc-header .header-box .top-lan .nav li ul li a span{ background:none;top:-6px; font-size:12px; display:inline-block;width:auto}
#pc-header .header-box .top-lan .nav li ul li a img{ vertical-align:middle}
#pc-header .header-box .top-lan .nav li ul:before{left: 112px;}
#pc-header .header-box .top-lan .nav li ul:after{left: 113px;}

/*search*/
#toclickbox{ display:none; border:none; font-size:24px; position:fixed; top:16px; right:40px; color:#777;z-index:6;padding:6px 10px}
#toclickbox:focus,#toclickbox:hover{ background:none}
#searchtop{position:fixed;left:0;top:90px;z-index:999;width:100%;padding:20px 0;background:rgba(80, 83, 91, 0.8);text-align:center; display:none;z-index:6}
#searchtop .search_con{height:40px;display:inline-block;}
#searchtop .skw{width:390px;height:40px;line-height:40px;border:1px solid #238ad5;padding:0px;color:#a6a5a5;float:left;text-indent:20px;background:#fff;}
#searchtop .sub{width:60px;height:40px;line-height:40px;border:0px;padding:0px;color:#fff;font-size:20px;  font-weight:bold; text-align:center;cursor:pointer;float:left;background:#238ad5;}

.searchkey{height:30px;line-height:30px; color:#666; padding-top:4px; overflow:hidden;}
/*header end*/

.contact-info{ padding:25px 0; font-size:14px;}
.contact-info .container{  margin:0 auto}
.contact-info span.gcss{ color:#f9960a; font-size:22px;}
.contact-info span.gcss a{color:#f9960a; }
.contact-info span.c-l{ margin-right:22px; display:inline-block}
.contact-info form{ width:220px; border-radius:15px; border:1px solid #bdbdbd; line-height:30px; height:30px; position:relative}
.contact-info .skw{ border:none; text-indent:33px; background:none;border-radius:15px;}
.contact-info .sub{ border:none; background:none; position:absolute; left:10px; top:7px; background:url(../images/search.jpg) no-repeat center top; width:17px; height:17px;}

/*mobile header begin */
.fh5co-nav-toggle, #fh5co-page{}
.fh5co-nav-toggle, #fh5co-page{position: relative;}
#mobile-header{ display:none;position:fixed;z-index:10;background:rgba(255,255, 255, 0.95);width:100%;height:calc(100% - 70px);top:55px;font-size:14px;line-height:40px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
#mobile-header .nav li i{position:absolute;top:0px;right:0px;height:30px; width:30px;padding:0px 7px 0 7px; font-size:18px; transition: transform 0.5s; cursor:pointer}
#mobile-header .nav li i.on {transform: rotate(90deg); transition: transform 0.5s; right:-3px; top:10px;font-size:19px}
#mobile-header .nav li{border-top:1px #e9e9e9 solid;margin-left:20px;position:relative;font-size:14px}
#mobile-header .nav li:first-child{ border-top:none}
#mobile-header .nav li ul{display:none}
#mobile-header .nav li ul li{ border-top:none;margin-left:15px;}
#mobile-header .nav li a{color:#333;text-transform:none;line-height:32px;}
#mobile-header .nav li ul li a{color:#555;display:block;text-align:left; background:none; padding:2px 0;line-height:26px; }
#mobile-header .nav li ul li i{top:-5px;}
#mobile-header .nav li ul li i.on{top:5px;}
#mobile-header .nav li ul li ul li a{font-size:12px; line-height:22px;padding:0px 0;color:#777;}


.fh5co-nav-toggle{cursor: pointer;text-decoration: none; }
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after{background: #777;}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active{outline: none;border-bottom: none !important;}
.fh5co-nav-toggle i{position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 28px;height: 4px;color: #e60012;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #777;transition: all .2s ease-out;}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after{content: '';width: 28px;height: 4px;background: #777;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.fh5co-nav-toggle i::before{top: -9px;}
.fh5co-nav-toggle i::after{bottom: -9px;}
.fh5co-nav-toggle:hover i::before{top: -10px;}
.fh5co-nav-toggle:hover i::after{bottom: -10px;}
.fh5co-nav-toggle.active i{background: transparent;}
.fh5co-nav-toggle.active i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.fh5co-nav-toggle.active i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.fh5co-nav-toggle{position: fixed;top: 21px; right: 10px;z-index: 9;display: block;display: none;cursor: pointer;}
/*mobile header end */

/* footer begin*/
footer{background:#2e2e2e;color: #fff; padding:65px 0 0 }
footer a{color: #fff;}
footer a:hover{color: #fff;text-decoration:underline}
footer .link-nav{ margin-bottom:25px;}
footer .foot-nav a{line-height:100%;padding: 0 10px;}
footer .Copyright{padding:25px 0 0;line-height:1.8}
/* footer end*/

/*picture begin*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav{margin: 0;padding: 0;list-style: none;}
.flexslider{margin: 0;padding: 0;position:relative;z-index:1}
.flexslider .slides > li{-webkit-backface-visibility: hidden; height:465px;}
.flexslider .slides li .overlay{position: absolute;top:35%;left: 0;right: 0;bottom: 0; }
.flexslider .slides li a{ display:block; height:100%; }
.flexslider .slides img{width: 100%;display: block;}
.flex-pauseplay span{text-transform: capitalize;}
.slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li:first-child{display: block;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width: 12px;height:12px;margin:0 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;cursor:pointer;width:12px;height:12px;float:left;text-indent:-2000px;background:#fff ;border-radius:50%;}
.flex-control-nav .flex-active{background: #9BC224;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;}
.flex-direction-nav li a{display:none;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-30px;width:40px; height:50px; line-height:50px; font-size:0px; padding:0; margin:0; opacity:1; text-align:left;border-radius:0 ;  color:#ddd; cursor:pointer;background: rgba(0, 0, 0, 0.1);}
.flex-direction-nav li a:hover{background:#e60012; color:#fff}
.flex-direction-nav li a:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:50px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:36px;cursor:pointer}
.flex-direction-nav li a.flex-prev{ left:70px; text-indent:6px; }
.flex-direction-nav li a.flex-prev:before{content:"\f104"; }
.flex-direction-nav li a.flex-next{ right:70px; text-indent:7px; }
.flex-direction-nav li a.flex-next:before{content:"\f105"}
/*picture end*/

/* products begin*/
.product-list{ background:#f6f6f6; padding:30px 0 40px}
.product-list .show-list{position:relative; padding-top:25px; margin:0 -13px;}
.product-list .show-list .item{margin:0 13px;  background:#fff; padding:15px}
.product-list .show-list .item:hover{ box-shadow:0px 0px 15px #ccc}
.product-list .show-list .item .portfolio-img{ overflow:hidden; width:100%;}
.product-list .show-list .item h3{ font-size:14px; margin:10px 0 3px; height:44px; line-height:22px; overflow:hidden}
.product-list .show-list .item h3 a{ color:#333;}
.product-list .show-list .item h3 a:hover{ color:#f9960a}
.product-list .show-list .item p{ font-size:14px; color:#f00}
.product-list .owl-theme .owl-controls{ margin-top:45px;}
.product-list .show-list .owl-controls .owl-page span{ background:#d0d0d0; height:6px; width:38px; border:none; border-radius:0; margin:0 1px; }
.product-list .show-list .owl-controls .owl-page.active span{ background:#238ad5}

.show-article{margin:15px 0 0}
.show-article .item{margin:0 13px;  background:#fff;border-bottom:1px solid #e5e5e5;padding-bottom:25px;}
.show-article .item h3{ font-size:18px; margin:10px 0 3px; height:44px; line-height:22px; overflow:hidden}
.show-article .item .time{font-size:14px;color:#b6b5b5; margin:7px 0}
.show-article .item .desc{font-size:16px;overflow:hidden;word-wrap: break-word;height:48px; line-height:24px;color:#666}

/* news begin*/
.about-news{ padding-top:70px;}
.about-news .fh5co-heading{ padding-bottom:50px;}
.about-news h3.title{ font-size:24px; font-weight:bold; margin-bottom:20px; position:relative; padding-bottom:6px;}
.about-news h3.title:after{ background:#f9960a; width:70px; height:3px; content:''; position:absolute; left:0; bottom:0}
.about{ background-position:143px bottom; background-repeat:no-repeat; line-height:30px; padding-bottom:180px; padding-right:150px;}
.about span{ color:#238ad5}

.c-more a{ display:block; background:url(../images/more.png) no-repeat left bottom; color:#238ad5; text-indent:8px; margin-top:20px;}

.bottom-info{ background:#f9f9f9; padding:50px 0 25px}
.bottom-info .container-layout{ max-width:1220px; margin:0 auto}
.bottom-info .media.media-x .float-left{ margin-right:15px; margin-top:19px;}
.bottom-info .item2{ padding-right:25px;}
.bottom-info .item3{ float:right}
.bottom-info p{ line-height:21px;}

.message-box a{ color:#03C}
.message-box a:hover{ text-decoration:underline}

/* inner begin*/
/* products begin*/
.menu-open ul li {color:#333}
.menu-open ul li i{margin-top:15px}
.menu-open ul li a.first-cat{ font-size:17px; color:#333}
.menu-open ul li ul{ padding-top:10px;}
.menu-open ul li ul li{line-height:1.6; padding:3px 0}
.menu-open ul li ul li i{margin-top:0px}
.menu-open ul li ul li a{font-size:14px; color:#666}
.menu-open ul li ul li a:hover{ color:#f9960a}
.menu-open ul li ul li ul{ padding-top:6px;}
.menu-open ul li ul li ul li{line-height:1.5; padding:2px 0}
.menu-open ul li ul li ul li a{color:#666;font-size:12px; display:block;}
.menu-open ul li ul li ul li a:hover{ color:#f9960a}
.d-secondNav{font-size:14px; color:#666; cursor:pointer}
.d-secondNav i{color:#aaa}
.iconRotate{transform: rotate(90deg); transition: transform 0.5s;}
.s-secondDrop,.m-nav-close{display: none;}
.index-cat-list{ padding:60px 0 20px; position:relative;z-index:1}
.index-cat-list .fh5co-heading{margin-bottom:40px;}
.index-cat-list .sidebar-r{width:100%; float:left;position:relative;z-index:1}
.index-cat-list .sidebar-l{width:230px;text-align:left;margin-right:-230px ; float:left; position:relative;z-index:2; font-size:16px; line-height:36px; cursor:pointer; color:#666}
.index-cat-list .sidebar-r .con{margin-left:270px; position:relative}

.psidebar-r{width:100%; float:left;position:relative;z-index:1}
.psidebar-l{width:245px;text-align:left;margin-right:-245px ; float:left; position:relative;z-index:2; font-size:16px; line-height:36px; cursor:pointer; color:#666}
.psidebar-r .con{margin-left:290px; position:relative}
.psidebar-l .sidebar{box-shadow: 0px 1px 5px #ccc;}
.psidebar-l .sidebar .c-title{font-size:20px;color:#fff;line-height:55px;background: rgba(80, 83, 91, 0.8); padding-left:20px;}
.psidebar-l .sidebar .c-title i{ display:inline-block; margin-right:9px;}

.psidebar-l .menu-open ul li ul{ display:none}
.psidebar-l .menu-open ul li.on ul.d-firstDrop,.psidebar-l .menu-open ul li ul li.on .d-secondDrop{ display:block}
.psidebar-l .menu-open ul li{line-height:40px;border-bottom:1px solid #e5e5e5;}
.psidebar-l .menu-open ul li a,.psidebar-l .menu-open ul li .oneNav{display:block;padding:0 10px 0 20px;position:relative;font-size:16px;text-decoration:none;}
.psidebar-l .menu-open ul li a:hover,.psidebar-l .menu-open ul li a.on{color:#d90000;}
.psidebar-l .menu-open ul li i{ display:inline-block; margin:0 8px 0 0;}
.psidebar-l .menu-open ul ul li a{font-size:14px;color:#fff;}
.psidebar-l .menu-open ul.d-firstDrop{background:rgba(80, 83, 91, 0.7); padding:0}
.psidebar-l .menu-open ul.d-firstDrop li{padding-left:20px;border-bottom:1px solid #73757b; padding:0}
.psidebar-l .menu-open ul.d-secondDrop{background:#a0a2a6;}
.psidebar-l .menu-open ul.d-secondDrop li{border-bottom:1px solid #b8bbc1;}
.psidebar-l .menu-open ul li ul li a{padding:0 10px 0 50px;}
.psidebar-l .menu-open ul li .d-secondNav{padding:0 10px 0 37px; color:#fff}
.psidebar-l .menu-open ul li .d-secondNav I{ color:#fff}
.psidebar-l .menu-open ul li ul li ul{ padding-top:0}
.psidebar-l .menu-open ul li.on .oneNav,.psidebar-l .menu-open ul li ul li.on .d-secondNav{color:#d90000;}
.psidebar-l .menu-open ul li.on .oneNav i,.psidebar-l .menu-open ul li ul li.on .d-secondNav i{transform: rotate(90deg);color:#d90000;}
.product-title h2{display:block;width:100%;line-height:53px;font-size:30px;color:#333;font-weight:bold;text-transform:uppercase;text-align:center; position:relative ; margin-bottom:40px;}
.product-title h2:after{content:'';width:72px;height:1px;background:#333;display:block;margin:0 auto; position:absolute; left:0; right:0; bottom:0}

.sitemap-box .psidebar-l{width:100%;}

.show-product .item{display:block;}
.show-product .item .media-img{ overflow:hidden }
.show-product .item .price{font-size: 20px;font-weight: bold;color: #111820;}
.show-product .item .sold_num{padding:6px 0}
.show-product .item h3{ margin:8px 0 3px; height:42px; line-height:20px; overflow:hidden}
.show-product .item h3 a{ font-size:17px;}
.show-product .item h3 a:hover{ }
.show-product .item .media-img .zoomimgs{transition: transform 1s ease 0s;transform: scale(1);}
.show-product .item .media-img .zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1.1);}

.show-product .item{line-height:1.7}
.show-product .item .media.media-x .float-left{ margin-right:16px;}
.show-product .item .portfolio-img img{ width:100%; border:1px solid #ddd; border-radius:3px;}
.show-product .item .content h3{ }
.show-product .item .content h3 a{ color:#107cc7; font-size:17px;}
.show-product .item .content h3 a:hover{ color:#2B0EAF}
.show-product .item .content .price{ font-size:20px;font-weight: bold; color:#111820}
.show-product .item .content .price .from-country{ color:#767676; font-size:14px; font-weight:normal; display:inline-block; margin-left:160px;}
.show-product .item .content .buy-btn{ color:#767676;position:relative;z-index:1}
.show-product .item .content .buy-btn span{content:'';position:absolute;z-index:2; width:150px; height:40px;top:-23px;right:0;text-align:right}
.show-product .item .content .shipping-fee{ font-weight:bold}
.show-product .item .content .watch-btn a{ display:block; padding-left:1px;color:#107cc7;}
.show-product .item .content .watch-btn a i{ display:inline-block; margin-right:3px;}
.show-product .item .content .watch-btn a:hover{ color:#107cc7; text-decoration:underline}

.mid-nav{background:#f6f6f6}
.mid-nav .leftbar{  position:relative;z-index:2;}
.mid-nav .leftbar h3{ color: #fff;height: 80px;line-height: 80px;  font-size:18px;background: url(../images/left-top.jpg) no-repeat right top; overflow:hidden; padding-left:20px;}
.mid-nav .leftbar h3 a{color:#fff;} 
.mid-nav .leftbar h3 img{ vertical-align:middle; margin:0 12px 3px 0; padding:0}
.mid-nav .leftbar h4{ display:none;}
.mid-nav .leftbar .menu-bot img{max-width:100%}
.mid-nav .submenu {font-size:0 }
.mid-nav .submenu li,.point-nav li{line-height:1.5;  display:inline-block}
.mid-nav .submenu li:last-child,.point-nav li:last-child{ border-bottom:none}
.mid-nav .submenu li a,.point-nav li span{ display: block; margin:0; font-size:17px; padding:28px 30px 28px;  position:relative;top:1px; color:#333; cursor:pointer}
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover,.point-nav li.active span,.point-nav li:hover span{ transtion:none; color:#107cc7;background:#fff }
.mid-nav .submenu li a:befores,.point-nav li span:befores{ content:''; position:absolute; background:#dadada; height:14px; width:1px; right:-11px;top:34px;}
.mid-nav .submenu li:last-child a:before,.point-nav li:last-child span:before{ display:none}
.mid-nav .ur_here{ padding:28px 0px;font-size:16px; }

/*.product-cat-list .show-product .item{display: block;background: white; border:1px solid #e1e1e1;box-shadow: 0px 1px 5px #ccc;transition: all 500ms; position:relative;z-index:1}
.product-cat-list .show-product .item:hover{box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); transform: translateY(-5px); transition: all 500ms;}
.product-cat-list .show-product .content{ border-top:1px solid #ccc; padding:5px 12px 18px;}
.product-cat-list .show-product .item .price{ font-size:20px;}*/
.d-title{border-bottom:1px solid #e5e5e5; padding-bottom:6px; margin-bottom:20px;font-size:18px; font-weight:bold}
/* products end*/

.index-about-box{background-repeat:no-repeat; background-position:center top;position:relative; padding:0px 0 0px; background-size:cover; margin-top:60px;background-size:cover}
.index-about-box .fh5co-heading{padding: 92px 0 35px;position:relative;z-index:1}
.index-about-box .fh5co-heading span.ytext{font-size:24px; display:inline-block; padding-left:12px; color:#979797}
.index-about-box .fh5co-heading span.line{content:'';position:absolute;z-index:2;right:0; display:block;width:calc(100% - 262px) ; height:1px; background:#e5e5e5; bottom:28px;}
.index-about-box .fh5co-heading span.linetwo{content:'';z-index:3;position:absolute;left:262px; display:block;width:45px ; height:1px; background:#e61f19; bottom:28px;}
.index-about-box .about-imgs {padding-right:30px;}
.index-about-box .con{ color: #333;font-size:18px;   line-height:1.8;margin-top:5px;padding:0px 0 0px}
.index-about-box .con p{color: #333; line-height:1.7;}
.index-about-box .item{padding-left:78px;}
.more a{ display:inline-block;width: 130px;height: 42px;line-height: 42px;background:#107bc7 ; color:#fff;transition: all 300ms; padding:0; text-align:center;margin:50px 0 100px;border-radius:7px;border:1px solid #107bc7}
.more a:hover{color:#107bc7;background:#fff;border-color:#107bc7}
.about-news .more a{margin:0px 0 5px;}

.index-middle-box{background:#e3f1fa;margin:80px 0 0;padding:70px 0 20px }
.index-middle-box .fh5co-heading{padding: 0px 0 5px;position:relative;z-index:1}
.index-middle-box .con{ color: #333;font-size:18px;   line-height:1.8;margin-top:5px;padding:0px 0 0px}
.index-middle-box .con p{color: #333; line-height:1.7;}


.show-about .item{position:relative;z-index:1;}
.show-about .item:hover{cursor:pointer}
.show-about .item .overlay{content:'';position:absolute;z-index:2;width:100%; height:100%;border-radius:8px;}
.show-about .item:hover .overlay{background:rgb(0,0,0,.3)}
.show-about .item .overlay .timebox{background:rgb(255,255,255,.9); width:36px; height:22px; border-radius:15px; color:#333; text-align:center;margin:10px 0 0 10px;font-size:13px;}
.show-about .item:hover .overlay .timebox{display:none}
.show-about .xb2:nth-child(6n+1){clear:both}
.show-about .item video{border-radius:8px;}
.show-about .item .portfolio-img{overflow:hidden;display: grid;}
video {max-width: 100%;max-height: 100vh;}


#fh5co-content_show{padding:15px 0px 30px;}
#channel-box-id #fh5co-content_show{padding:0px;}
#fh5co-content_show .inner-title{ padding:90px 0 50px;}
#fh5co-content_show .show_body{font-size:12px;}
#fh5co-content_show .detail{font-size:14px;padding:0px 0;line-height:180%; }
#fh5co-content_show .detail h1{ font-size:18px; text-align:left; font-weight:bold; text-align:center; margin-bottom:5px;}
#fh5co-content_show .detail img{height: auto !important;max-width: 100%;vertical-align: middle;margin:11px 0;}
#fh5co-content_show .detail .content-img img{ }
#fh5co-content_show .detail p{text-indent:0;line-height:2;margin-bottom:15px;}
#fh5co-content_show .detail .description{ padding:0px; }
#fh5co-content_show .qhd-title{text-align:center}
#fh5co-content_show .qhd-title span{margin:0 5px;font-size:12px;color:#a3afb7}
#fh5co-content_show .qhd-title{ border-bottom:1px dotted #ddd; margin-bottom:25px; padding-top:6px;}
#fh5co-content_show .qhd-title strong{ font-weight:normal}
.ur-here{ border-bottom:1px solid #e4e4e4; padding-bottom:5px;}
#ur_here h4{ font-size:18px; font-weight:bold}
#ur_here{ padding:20px 0;color:#666;background:#F5F5F5; text-align:left; margin:0}
.red{ color:#d90000}
#fh5co-content_show .solution-boxs .item{border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}

div#popMsg{z-index:99999;left:10px;bottom:16px;width:350px;position:fixed;display:none;background-color:rgb(0,0,0,.7);border-radius:5px;}
div#popMsg a{display:block; padding:15px;}
div#popMsg .imgboxs{position:relative;z-index:100000}
div#popMsg .imgboxs .right-btn{content:'';position:absolute;z-index:100001;right:5px;top:11px;width:28px; height:28px; color:#fff;font-size:20px;}
* html div#popMsg{position:absolute;}
div#popMsg .imgboxs .right-btn a{display:block; color:#fff;padding:0}
#popMsgContent{border-top:#728eb8 1px solid;border-right:#b9c9ef 1px solid;border-bottom:#b9c9ef 1px solid;border-left:#728eb8 1px solid;padding:5px 10px;color:#1f336b;}
.img-left{ float:left;width:33%;}
.img-left img{width:100%;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.img-right{ float:left;width:66%;padding:0px 0 0}
.img-right p{position:relative; color:#fff; padding:0px 0 0 13px; font-size:15px;}
.img-right p#pmtimename{ position:absolute;content:''; right:18px;bottom:10px; width:66%; height:25px; color:#999; text-align:right;}

#fh5co-content_show .product-detail{ padding:20px 0; background:#fff}
#fh5co-content_show .product-detail img{ max-width:100%;overflow:hidden;vertical-align:middle; margin:11px 0;}
#fh5co-content_show .product-detail .content-img{overflow:hidden; width:96%; border:1px solid #e5e5e5}
#fh5co-content_show .product-detail .content-img img{width:100%;overflow:hidden;vertical-align:middle;}
#fh5co-content_show .product-detail .productprice .red{ font-size:20px; color:#d90000}
#fh5co-content_show .product-detail .total-price-boxs{ font-size:16px;}
#fh5co-content_show .product-detail .proright{max-width:520px;}
#fh5co-content_show .product-detail h1{color: #000;font-size: 20px;line-height:1.3;}
#fh5co-content_show .product-detail .pdesc{font-size: 13px;line-height:1.3;padding:14px 0 15px ;color:#777;}
#fh5co-content_show .product-detail .ppprice{margin-bottom:15px;}
#fh5co-content_show .product-detail .ppprice .price{font-size: 26px;color:#d90000;}
#fh5co-content_show .product-detail .ppprice .solds{font-size: 14px;color:#9f9f9f;}
#fh5co-content_show .product-detail .my-6{font-size: 14px;line-height:2}
#fh5co-content_show .product-detail .skunumber{color:#666;}
#fh5co-content_show .product-detail form{ color:#333; line-height:32px;}
#fh5co-content_show .product-detail .description{line-height:28px;}
#fh5co-content_show .product-detail .description p{line-height:28px;}
#fh5co-content_show .product-detail table td{ text-align:center}
#fh5co-content_show .product-detail #quirydialog{ display:none; }
#fh5co-content_show .product-detail .product-info_delivery-time{margin-bottom:10px;font-size:16px;}
#fh5co-content_show .product-detail .product-info_delivery-time .mins{font-size:13px;}
#fh5co-content_show .product-detail .product-info__current-inventory{line-height:1.3}
#quirydialog .qdialog-head{ font-size:16px; border-bottom:1px solid #ddd;padding-bottom:7px; margin-bottom:20px;width:900px; padding-right:10px; }
#quirydialog .field{padding-right:10px;}
#fh5co-content_show .product-detail .product-tip-btn img{margin: 8px 0 12px}
.flex {display: flex;}
.items-center {align-items: center;}
.flex-shrink-0 {flex-shrink: 0;}
.pl-3 {padding-left: 12px;}
.pl-2 {padding-left: 7px;}
.body-minus-1 {font-size: calc(var(--type-text-font-size) - 1px);}
.flex-1 {flex: 1;}
.product-info-inventory-progress {height: 4px;margin:6px 0 14px;background-color: rgba(230, 230, 230, 0.5);}
.product-info-inventory-progress-bar {background: linear-gradient(to right, #FBF092, #F5C447, #FA858A, #FB427C);transition: width 1.2s ease;left:0; height:100%;}

#fh5co-content_show .Related-products h3{ font-size:20px; color:#444; margin-bottom:20px;}
#fh5co-content_show .Related-products .show-list a{border:1px solid #e6e6e6; display:block}
#fh5co-content_show .Related-products .show-list a h3{ font-size:12px; margin-top:10px;}
#fh5co-content_show .Related-products .show-list a:hover h3{color:#8cc63f;}

.articleList .art_list{ padding:3px 0}
/*pager*/
.table span{margin-right:10px;}
.content_detail .pager{font-size:14px;}
.content_detail .pager a{border:none;color:#666;}
.content_detail .pager a:focus,.content_detail .pager a:hover{color:#8cc63f;background:none}
.content_detail .pager li{display:block;text-align:left; line-height:200%}
.pagination .active,.pagination a:hover{background:#238ad5;color:#fff;}
.pagination .active a{color:#fff}
.pagination li{ margin:0 3px;}
video{max-width:100%}


.buyBtn{ padding:0 25px;height:45px;background:#d90000;color:#fff;line-height:45px;display: inline-block;margin-right:10px;text-align: center;font-size:16px;text-decoration: none;border-radius:3px; border:none}
.buyBtn:hover{color:#fff;background:#ff6800;text-decoration:none;}
.buyBtn span{ display:inline-block; margin-right:7px;}
.btn-gray{ background:#e1e1e1; color:#333}
.btn-gray:hover{ background:#333; color:#fff}
.m-r-none{ margin-right:0}
.btnPayment{ background:none; border:none}

#fh5co-content_show .product-detail .buyBtn{ width:100%;margin:5px 0 10px}

.quantity-text{ display:inline-block}
.minus,.plus,.inline-input{display:inline-block !important;}
.quantity{display: inline-block;position: relative; height: 45px; line-height:1;}
.inline-input{background-color: transparent;border: 1px solid #ccc;box-sizing: border-box;color: #333;display: inline-block;font-size: 16px;height: 45px;line-height: 45px;margin-right: -1px;padding: 0;text-align: center;width: 50px;}
.quantity-right{left: 100%;line-height: 0;position: absolute;top: 0px;}
.quantity-left{left: 100%;line-height: 0;position: absolute;bottom: 0px;}
.minus,.plus{cursor:pointer;font-family: linearicons-free;font-style: normal;font-variant: normal;font-weight: 400;line-height: 1;text-transform: none;background-color: transparent;border: 1px solid #ccc;box-sizing: border-box;color: #333;cursor: pointer;display: inline-block;font-size: 12px;height: 23px;line-height: 20px;text-align: center;width: 25px; font-size:16px;}
.plus{border-left:none}
.minus{border-left:none}
.product-quantity {padding-left:25px;}
.product-quantity .quantity-left{left:0px;top:0;bottom:auto;}
.product-quantity .quantity-left .minus,.product-quantity .quantity-right .plus{font-size:20px;font-weight:bold;height: 25px;line-height: 22px;}
.product-quantity .quantity-left .minus{border-left:1px solid #ccc;border-right:none;line-height: 18px;}
.proright .quantity{}

.contact-con .fh5co-heading {font-size:30px;padding:30px 0 25px;}
.cc-con{font-size:16px;}

.index-faq-box .fh5co-heading h2{padding:85px 0 35px;}
.index-faq-box .item{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);margin-bottom:10px; padding:25px 50px;}
.index-faq-box .item .heading{font-size:18px;cursor:pointer}
.index-faq-box .item .heading.show h3{color:#107bc7}
.index-faq-box .item .heading h3 i{position:relative;z-index:1;top:1px;display:inline-block; margin-right:8px; color:#777;background:url(../images/plus.jpg) no-repeat left top;width:14px; height:14px;}
.index-faq-box .item .heading h3 i.icon-minuss{background:url(../images/minus.jpg) no-repeat left top;}
.index-faq-box .item .answer{font-size:16px; color:#666;padding:15px 0 0}

footer .footer-pc { color:#fff; background:#2e2e2e;padding:0px 0 55px;border-bottom:1px solid #585858}
footer .footer-pc  .blogo{ width:80%;}
footer .footer-pc  h3{ font-size:18px; color:#107bc7; margin-bottom:9px; }
footer .footer-pc .btel{ font-size:22px; margin:40px 0 18px }
footer .footer-pc .btel .inner{ position:relative;z-index:2; padding:0 0  0px 43px; }
footer .footer-pc .btel i{content:''; position:absolute;z-index:3; width:32px; height:31px; left:0;top:3px;background:url(../images/btel.png) no-repeat left top; background-size:100%; }
footer .footer-pc .baddress{ font-size:15px; max-width:332px;}
footer .footer-pc .baddress .inner{ position:relative;z-index:2; padding:0 0  0px 43px; line-height:1.6 }
footer .footer-pc .baddress i{content:''; position:absolute;z-index:3; width:32px; height:38px; left:0;top:2px;background:url(../images/baddr.png) no-repeat left top; background-size:100%; }
footer .footer-pc .col-5-1:first-child{width:43.5% !important;}
footer .footer-pc .col-5-1:nth-child(2){width:15.5% !important;}
footer .footer-pc .col-5-1:nth-child(3){width:21.2% !important;}
footer .footer-pc .col-5-1:nth-child(4){width:18.7% !important;}
footer .footer-pc .foot-contact p{ line-height:30px;}
footer .footer-pc .item{ position:relative; min-height:195px;}
footer .footer-pc .item:befores{content:''; position:absolute; height:100%; width:1px; background:#3c3f4b; right:0px;}
footer .footer-pc .item{max-width:80%;}
footer .footer-pc .item2 .inner{ }
footer .footer-pc .item3 .inner{ }
footer .footer-pc .item5 .inner{border:3px solid #107bc7;padding:15px 23px;}
footer .footer-pc .col-5-1:last-child .item:before{ display:none}
footer .footer-pc .con li{ line-height:1.5;padding:5px 0}
footer .footer-pc .con li a{color:#e3e3e3; display:block;}
footer .footer-pc .con li a:hover{color:#107bc7}
footer .footer-pc .ntext{margin:7px 0 9px; line-height:1.5; font-size:15px;}
footer .footer-pc .contact-info{margin:0px 0 12px; position:relative;z-index:1;padding:10px 0 0 }
footer .footer-pc .input{ background:#303030; height:35px; line-height:34px; border-radius:0; border:1px solid #5b5b5b; color:#fff; }
footer .footer-pc .form-group{ padding-bottom:10px;}
footer .footer-pc .Copyright{ clear:both; line-height:2.4}
footer .footer-pc .jianjie{margin-top:28px;}
footer .footer-pc .email-txt{float:left; width:60%;padding-right:2.5%;}
footer .footer-pc .email-txt input.form-control {background:#fff; height:40px; line-height:40px; font-size:14px; width:100%; color:#333;text-indent:6px;border:none;}
footer .footer-pc .email-txt input.form-control::placeholder {color:#fff;}
footer .footer-pc .sub-btn input.btnssss{ background:#ff603a; border-radius:8px; color:#fff; font-size:16px; text-align:center; border:none; width:100px; height:42px; line-height:42px; margin-top:6px;}
footer .footer-pc .sub-btn {width:93px;float:left;}
footer .footer-pc .sub-btn input.btns{ width:100%; height:100%; background:#107bc7;  height:40px;border-radius:0;border:none;color:#fff;}
footer .footer-pc .bot-link li{ display:inline-block; margin:0px 8px 0 0;line-height:22px;}
footer .footer-pc .bot-link li span{ display:inline-block; font-size:22px;}
footer .footer-pc{}


/*article*/
#fh5co-content_show .article-media li{padding:5px 0 15px;float:left; width:calc(50% - 40px) ;}
#fh5co-content_show .article-media li:nth-child(even){padding-left:40px;}
#fh5co-content_show .article-media li:nth-child(odd){padding-right:40px;}
#fh5co-content_show .article-media .media{border-bottom:3px solid #107cc7;padding-bottom:15px;}
.article-media .media .caldata .content{ width:78px; height:78px;background:#d8d8d8; text-align:center;margin-right:8px; color:#fff; border-radius:50%}
.article-media .media .caldata .content p{ text-align:center}
.article-media .media .caldata .content p.day{ font-size:24px;color:#fff; font-weight:bold; padding:16px 0 7px;}
.article-media .media .caldata .content p.mon-year{ font-size:13px;}
.article-media .media .media_img{width: 170px;margin-right:20px;}
.article-media .media .media_img a{border-color: -moz-use-text-color;border-style: none;border-width: medium;padding: 0;}
.article-media .media .media_img a:hover{border-color: -moz-use-text-color;border-style: none;border-width: medium;background: #fff4ce none repeat scroll 0 0;}
.article-media .media .media_img img{width: 170px;padding:1px;}
.article-media li{margin-bottom:12px;}
.article-media li:hover .caldata .content{ background:#238ad5}
.article-media .media .time{color:#aaa; font-size:13px; display:inline-block; margin-top:3px;}
.article-media .media-body h3{font-size: 18px; margin:5px 0; height:46px; line-height:23px;overflow:hidden}
.article-media .media-body h3 a{color: #333;font-size: 18px;line-height:100%;}
.article-media .media-body h3 a:hover{ color:#8cc63f;}
.article-media .media-body .addtime{color:#b6b5b5}
.article-media .media-body .desc{font-size:16px;margin:15px 0 0;color:#666}
.article-media .media-body p{color: #666;line-height: 20px; height:40px; overflow:hidden}
.article-media li:hover .media-body h3 a{ color:#238ad5}

.index-comment-box{padding:75px 0 0}
.index-comment-box .items{border:1px solid #f2f2f2;padding:25px 25px;font-size:18px;}
.index-comment-box .items .ptitle{padding:15px 0; border-bottom:1px solid #e5e5e5; margin-bottom:15px;white-space:nowrap; overflow:hidden}
.index-comment-box .items .pctop{color:#8f8f8f;font-size:14px;}
.index-comment-box .items .pctop span{display:inline-block; margin-left:8px;}
.index-comment-box .items .comments{font-size:16px; color:#666;margin:5px 0 8px;}
.index-comment-box .items .comments span{display:inline-block; margin-left:8px;}
.index-comment-box .items .mores a{color:#107bc7;border-bottom:1px solid #98bce0;font-size:14px;}

.comment-l{width:20%;}
.comment-r{width:76%;}

.proinbox{border:1px solid #e5e5e5;border-radius:8px;}
.proinbox .pro-heading{background:#f5f5f5; line-height:40px;padding-left:15px;}
.proinbox .show-list{padding:5px 15px 15px;}
.proinbox .show-list li{border-bottom:1px solid #e5e5e5;padding:12px 0;position:relative;z-index:1}
.proinbox .show-list li:last-child{border-bottom:none}
.proinbox .show-list li a{display:block;padding-left:13px;font-size:16px;}
.proinbox .show-list li a:before{ content:''; position:absolute; background:#2e8bce; width:3px; height:3px; border-radius:50%;top:23px;left:0}

.relate-boxs .media-left{width:40%;}
.relate-boxs .media-body h3{font-size:14px; line-height:22px; height:44px; overflow:hidden}
.relate-boxs .media-body  .price{color:#ff0000}

#fh5co-hero1{ display:none}
/*bottom*/
#toolbar{ display:none;}


@media screen and (min-width:1401px){
.col-l-6{ width:20%}
.col-l-5{ width:20%}
}

@media screen and (min-width:1620px){
.col-l-6{ width:16.66666666667%}

}



@media screen and (max-width: 1830px){
	#pc-header .header-box .top-nav li ul li{ padding:0; width:12.2%}
	#pc-header .header-box .top-nav li ul li a{ white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
	#pc-header .header-box .top-nav li ul li ul li{width:100% !important}
	#pc-header .header-box .top-nav li ul li ul li a{ white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
	.index-about-box .fh5co-heading{padding: 42px 0 35px;}
}
@media screen and (max-width: 1599px){
	
	#pc-header .header-box .top-nav li ul li{ width:14%}
	#pc-header .header-box .top-nav li{ padding: 0px 13px;}
	.psidebar-r .con{margin-left:275px;}	
.container-layout{ min-width:98%; }	
.index-about-box .fh5co-heading{padding: 62px 0 15px;}
.index-about-box .more a{margin: 20px 0 70px;}
.index-about-box .con{font-size:14px;}

}

@media screen and (max-width:1420px){
.about{padding-right: 50px;background-position: 113px bottom;}
.product-list .show-list{ margin:0 -8px;}
.product-list .show-list .item{margin:0 8px;}

}

@media screen and (max-width: 1299px){
	#pc-header .header-box .top-nav li ul li{ width:16%}
	.index-cat-list .sidebar-r .con{margin-left:255px;}
	#pc-header .header-box .top-nav li{ padding: 0px 7px;}
	.container-layout{ min-width:100%; }	
	#pc-header .right-info li{ margin:0 5px;}
	#pc-header .header-box .top-lan{ margin:34px 0 0 10px;}
	#pc-header .right-info{ margin-left:16px;}
}

@media (max-width:1199px) and (min-width:1001px){
.about{background-position:13px bottom;}
#pc-header .header-box .top-nav li{ padding:0 1px;}
#pc-header .header-box .logo{ padding-top:16px;}
#pc-header .header-box .top-nav.text-uppercase{text-transform: capitalize;}

.show-about .xb2:nth-child(6n+1){clear:none}
.show-about .xb2:nth-child(4n+1){clear:both}
}

@media screen and (max-width:1000px){
#quirydialog .qdialog-head{width:600px }
.container-layout{ max-width:100%;}
#pc-header .right-info{ margin-left:8px;}
#pc-header .right-info li{ margin:0 3px;}
#pc-header .header-box .logo{ padding-top:23px;}
#pc-header .header-box .top-nav li{ padding:0 1px;}
#pc-header .header-box .top-nav li a{font-size:12px;font-weight:normal}
#pc-header .header-box .top-nav.text-uppercase{text-transform: capitalize;}
.flexslider .slides > li{ height:286px;}
.slideshow{}
.about{padding-right: 0px;}
.contact-info .contact-r{ float:none !important; clear:both; width: 220px; margin:0px auto 0; padding-top:15px;}
.bottom-info .media.media-x .float-left{ margin-right:8px;}
.show-product li,.show-product li .content .price .from-country{ font-size:13.5px;}
.show-product li .content h3 a{ font-weight:normal; font-size:16px;}
.show-product li .content .price{ font-size:18px;}
.show-product li .portfolio-img img{ width:176px;}
.show-product li .content .price .from-country{ margin-left:40px;}

.line-large{margin-left:-10px;margin-right:-10px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12{position:relative;min-height:1px;padding-right:10px;padding-left:10px}

footer .footer-pc .col-5-1:first-child{width:50% !important;}
footer .footer-pc .col-5-1:nth-child(2){width:50% !important;}
footer .footer-pc .col-5-1:nth-child(3){width:50% !important;clear:both}
footer .footer-pc .col-5-1:nth-child(4){width:50% !important;}
.index-about-box .item {padding-left: 0px;}
.mid-nav .submenu li a, .point-nav li span,.mid-nav .ur_here{padding: 28px 10px 28px;font-size: 14px;}
.index-about-box{background:none !important}

.show-about .xb2:nth-child(4n+1){clear:none}
.show-about .xb2:nth-child(3n+1){clear:both}
}

@media screen and (max-width: 992px){	
#pc-header .header-box .top-nav li ul li a{font-size:13px;}
#pc-header .header-box .top-nav li ul li ul li a{font-size:12px;}

}

@media screen and (max-width:760px){
.mid-nav .ur_here{ text-align:left !important; }
.mid-nav .leftbar h3{ text-align:left; text-indent:20px;}
#fh5co-content_show .leftcon{width:185px;margin-right:-185px ;}
#fh5co-content_show .rightcon .con{margin-left:205px;}
.mid-nav .submenu li a,.point-nav li span{ background-position:10px center;display: block; padding: 28px 0px 28px; font-size:16px; }
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{background-position:159px center;}
.mid-nav .submenu li a:before,.point-nav li span:before{ top:33px;}
.show-product .item .media-img{ max-width:220px; }
.padright .margin-big-top{ margin-top:0}
.tab-con li a{  width:70%}
.mid-nav .container{padding:0}
.mid-nav .leftbar h3{ padding-left:0}
.mid-nav .leftbar h3 img{ display:none}	
.mid-nav{ border-bottom:none; background:none; }
.mid-nav .container-layout{ padding:0}
.mid-nav .leftbar{ background:none; margin-bottom:20px; height:50px;}
.mid-nav .leftbar ul.submenu{ clear:both; border:none;}
.leftbar{background:#000; }
.mid-nav .leftbar h3,.pro-tree-box h3{ display:none}
.mid-nav .leftbar h4{ display:block; float:right; width:50%; background:#107cc7; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px;}
.mid-nav .leftbar button,.pro-tree-box button{z-index:99;float:left; width:50%; height:50px; line-height:50px; padding:0; margin:0;border:none;border-radius:0; background:#000; color:#fff; font-size:16px; text-align:left; text-indent:12px;}
.mid-nav .leftbar button span,.pro-tree-box button span{ display:inline-block; margin-left:0px;}
.mid-nav .submenu li{float:none; background:#fff; padding:0; display:block}
.mid-nav .submenu li a,.mid-nav .submenu li:first-child a{ background-position:25px center;padding:12px 18px; }
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{background:#107cc7; color:#fff}
.mid-nav .submenu li:last-child{ border-bottom:1px solid #e2e2e2; }


.fh5co-heading span,#fh5co-middle-list .fh5co-heading span{ }
#quirydialog .qdialog-head{width:360px }
.fh5co-nav-toggle{display: block;}
#pc-header .header-box .logo{ padding:6px 0}
#pc-header .header-box .logo img{ width:200px;}
#pc-header .header-box{border:none; }
#pc-header  .icon-navicon{ position:absolute;top:50%;right:0px; margin-top:-10px;background:none; color:#fff; font-size:22px; border:none;transition:none; padding:0; }
.offcanvas-visible #mobile-header{ display:block}
#article-box-id #fh5co-content_show .show_content{ margin-left:0px;}
#fh5co-content_show .inner-title{ padding:30px 0 20px;}
.flex-direction-nav{ display:none}
.slideshow{}
#pc-header .header-box .top-lan{position:fixed;top:12px;right:78px;margin: 0px;z-index:155}
#pc-header .header-box .top-lan .nav{display:block}
#pc-header .header-box .top-lan .nav ul{display:none}
#pc-header .header-box .top-lan:hover .nav ul{display:block}
#pc-header .header-box .top-lan li ul{position:absolute;}

.psidebar-l{ display:none}
.index-cat-list .sidebar-l,.psidebar-l{width:100%;}
.index-cat-list .sidebar-r .con,.psidebar-r .con{margin-left:0px; padding:0 10px;}
.contact-info span.gcss{ font-size:14px;}
.contact-info span.c-l{ margin-right:0px;}
.bottom-info .item3{ float:none}
.product-list .show-list .owl-controls .owl-page span{ width:8px; height:8px;margin:0 2px; }
.menu-open ul li ul,.menu-open .c-more{ display:none}
.about {background-position: right bottom; padding-bottom:35px;}
footer{ font-size:12px;}
footer .foot-nav a{ padding:0 3px;}
.index-cat-list{ padding-top:20px;}
.menu-open ul li a.first-cat{ text-align:center; display:block; margin-bottom:10px;}
.article-media .media-body h3{ overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
#pc-header .right-info{ position:fixed; top:-9px; right:55px;z-index:1}

#searchtop{background:none; padding:0; top:60px;}
#searchtop .search_con{ display:block;}
#searchtop .skw{position:absolute; left:0px; right:0px;width:100%;}
#searchtop .sub{ width:60px; position:absolute; right:0;top:0}
#toclickbox{ display:block}

#fh5co-hero,.SonlineBox{ display:none}
#fh5co-hero1,.sitemap-box .psidebar-l{ display:block}

.col-2-form,.col-3-form{ width:100%; }
.col-2-form .field,.col-3-form .field{ margin:0 !important}

.show-product li p{ line-height:1.1}
.show-product li,.show-product li .content .price .from-country{ font-size:13px;}
.show-product li .content h3{ line-height:1.1}
.show-product li .content h3 a{ font-weight:bold; font-size:13px;}
.show-product li .content .price{ font-size:17px; font-weight:normal}
.show-product li .portfolio-img img{ width:130px;}
.show-product li .content .price .from-country{ margin-left:40px;}

/*mobile bottom*/
.blank55{height:55px; line-height:1px; clear:both;}
#toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:8;background:#222; display:block;}
#toolbar a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;}
#toolbar a span{ font-size:22px; display:block;}
#toclickbox{top:9px;}


.fh5co-nav-toggle{ top:13px;}
.fh5co-heading h2{font-size:24px;}
.cc-con,.index-faq-box .item .answer,.index-middle-box .con{font-size:14px;}
.index-faq-box .item .heading h3{font-size:16px;}
.index-faq-box .item{padding: 15px;}
.index-comment-box {padding: 35px 0 0;}
.index-faq-box .fh5co-heading h2 {padding: 45px 0 35px;}
.about-news {padding-top: 30px;}
.index-about-box{margin-top: 10px;}
.index-middle-box{margin: 40px 0 0;padding: 40px 0 20px;}

footer .footer-pc .col-5-1:first-child{width:100% !important;}
footer .footer-pc .col-5-1:nth-child(2){width:33.3333333333% !important;}
footer .footer-pc .col-5-1:nth-child(3){width:33.3333333333% !important;clear:none}
footer .footer-pc .col-5-1:nth-child(4){width:33.3333333333% !important;}
footer .footer-pc .item {max-width: 100%;}
footer {padding: 45px 0 0;}
footer .footer-pc .item{min-height:20px;}
.mid-nav .ur_here{padding: 0px 10px 0 20px;}
.product-cat-list{margin:0 !important;}

.show-about .xb2:nth-child(3n+1){clear:none}
.show-about .xb2:nth-child(2n+1){clear:both}
}

@media screen and (max-width:480px){
.show-product .item .content h3 a{font-size:16px;}	
.mid-nav .leftbar h4,.pro-tree-box  .leftbar h4{ display:none;}
.mid-nav .leftbar button,.pro-tree-box .leftbar button{ width:100%;}	
#quirydialog .qdialog-head{ width:auto !important }

.product-list .tab .tab-nav li a{ padding:0 10px; margin:0 3px;}
#pc-header .right-info{top:-17px;}
#fh5co-content_show .detail h1{ font-size:16px; font-weight:bold; margin:0}
#fh5co-content_show .qhd-title span{ font-size:12px;}
.article-media .media .caldata .content{ padding: 5px;}
.article-media .media .media_img{width:82px;margin-right:10px;}
.article-media .media .media_img img{width:80px;padding:1px;}
.article-media .media .caldata .content{ width:60px; height:60px;}
.article-media img{width:80px;}
.article-media .media .caldata .content p.day{ font-size:16px;padding:2px 0 0px; margin:0}
.article-media .media .caldata .content p.mon-year{ font-size:12px;margin-top:2px}
#fh5co-content_show .article-media li{ padding:10px 0px;}
.article-media .media-body h3{line-height:100%;font-size:14px;}
.article-media .media-body h3 a { font-size:14px; line-height:150%}
#searchtop{top:55px;}
#mobile-header{height:calc(100% - 55px);top:55px;}
.show-product li .portfolio-img img{ width:115px;}

.contact-info,.article-media .media-body p{ font-size:12px;}
.contact-info span.gcss{ font-size:12px;}
.article-media .media-body h3{ margin:0 0 0px}


}
/* inner end*/

/* ======go to top ======*/
.backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:9;background:#666 url(../images/icon-gotop-fixed.png) no-repeat center center;}
.backToTop:hover{background-color:#000;}