@charset "utf-8";
body, html, input, button, textarea,a{color:#6f6f6f;font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;}
a:hover{color:#333;}

/* carousel */
.owl-carousel{display:none;}
.owl-loaded{display:block;}
.owl-dots .owl-dot{border-radius:50%;width:7px;height:7px;border:2px solid #333;background-color:#333;}
.owl-dots .active{background-color:#fff;}
.owl-loaded{display:block!important;}

.opo{position:absolute;top:-40px;}
/* clear floating */
.nav-wrap:after,
.product-wrap:after,
.company-synopses:after,
.about-us:after,
.slides:after,
.head-social:after,
.foot-item-inquiry ul:after,
.partner-wrap .partner-list:after,
.subscribe-form:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.nav-wrap,
.product-wrap,
.company-synopses,
.about-us,
.slides,
.head-social,
.foot-item-inquiry ul,
.partner-wrap .partner-list,
.subscribe-form{*zoom:1;}

/* transition */
.topbar .layout,.foot-gotop,.head-search,.head-search .search-ipt,.head-search .search-btn,a,.topbar .head-phone,.topbar .head-email{-webkit-transition:all .3s ease;transition:all .3s ease;}

/* color */
.nav-bar .nav a:hover{color:#333;}
.foot-items a:hover,.foot-item-service li a:hover:before,.products-scroll-list li .pd-name a:hover{color:#0196d5;}
.synopsis-item .item-wrap .item-title a:hover,.promote-item .item-wrap .item-title a:hover{color:#000;}
.path-bar li.current,.path-bar li.current a{color:#0196d5;}


/* font family */
.foot-item-service li a:before,.nav > li.elem-link > a:after,.news-readmore .icon-dots:after,.fas-icon{/*font-family:"fontawesome";*/}
h1,h2,h3,.side-tit-bar .side-tit,.btn-readmore,.detail-tabs .title.current{/*font-family:'SourceSansProSemibold';*/}


/* product item */
.product-wrap{margin:0 -15px;}
.product-item{width:25%;float:left;padding-bottom:30px;}
.product-item .item-wrap{position:relative;}
.product-item .item-wrap .pd-img{display:block;position:relative;}
.product-item .item-wrap .pd-img a{display:block;overflow:hidden;position:relative;}
.product-item .item-wrap .pd-img img{display:block;width:100%;height:auto;-webkit-transition:all .3s ease;transition:all .3s ease;}

/* inquiry form */
.inquiry-form{border-top-width:1px;}
.inquiry-form-wrap{padding-top:20px;}
.inquiry-form-wrap .inquiry-form-title{line-height:30px;background-color:#0196d5;position:relative;z-index:2;margin-bottom:1px;}
.inquiry-form  input[type="text"].form-input:focus, .inquiry-form textarea.form-text:focus{border-color:#188ae2;box-shadow:0 0 .4em rgba(24,138,226,.3);}

/* animate */
.delay0d1s{-webkit-animation-delay:.1s;animation-delay:.1s;}
.delay0d2s{-webkit-animation-delay:.2s;animation-delay:.2s;}
.delay0d3s{-webkit-animation-delay:.3s;animation-delay:.3s;}
.delay0d4s{-webkit-animation-delay:.4s;animation-delay:.4s;}
.delay0d5s{-webkit-animation-delay:.5s;animation-delay:.5s;}
.delay0d6s{-webkit-animation-delay:.6s;animation-delay:.6s;}
.delay0d7s{-webkit-animation-delay:.7s;animation-delay:.7s;}
.delay0d8s{-webkit-animation-delay:.8s;animation-delay:.8s;}
.delay0d9s{-webkit-animation-delay:.9s;animation-delay:.9s;}
.delay1s{-webkit-animation-delay:1s;animation-delay:1s;}
.delay1.1s{-webkit-animation-delay:1.1s;animation-delay:1.1s;}
.delay1.2s{-webkit-animation-delay:1.2s;animation-delay:1.2s;}
.delay1.3s{-webkit-animation-delay:1.3s;animation-delay:1.3s;}
.delay1.4s{-webkit-animation-delay:1.4s;animation-delay:1.4s;}
.delay1.5s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.delay1.6s{-webkit-animation-delay:1.6s;animation-delay:1.6s;}
.delay1.7s{-webkit-animation-delay:1.7s;animation-delay:1.7s;}
.delay1.8s{-webkit-animation-delay:1.8s;animation-delay:1.8s;}
.delay1.9s{-webkit-animation-delay:1.9s;animation-delay:1.9s;}
.delay2s{-webkit-animation-delay:2s;animation-delay:2s;}
.animated{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes zoomInA{0%{opacity:0;-webkit-transform:scale(.5); -webkit-transform-origin:center 0;transform:scale(.5); transform-origin:center 0;}100%{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin:center 0;transform:scale(1);transform-origin:center 0;}}
@keyframes zoomInA{0%{opacity:0;-webkit-transform:scale(.5); -webkit-transform-origin:center 0;-ms-transform:scale(.5); -ms-transform-origin:center 0;transform:scale(.5); transform-origin:center 0;}100%{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin:center 0;-ms-transform:scale(1);-ms-transform-origin:center 0;transform:scale(1);transform-origin:center 0;}}
.zoomInA{-webkit-animation-name:zoomInA;animation-name:zoomInA}
@-webkit-keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform-origin:center 0;transform:translate3d(0,-30px,0);transform-origin:center 0;}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform-origin:center 0;-ms-transform:translate3d(0,-30px,0);transform-origin:center 0;transform:translate3d(0,-30px,0);transform-origin:center 0;}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100px,0);-ms-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA}
@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes icojump{0%{-webkit-transform:translateY(0);}25%{-webkit-transform:translateY(-10px);}50%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(-5px);}100%{-webkit-transform:translateY(0);}}
@keyframes icojump{0%{transform:translateY(0);}25%{transform:translateY(-10px);}50%{transform:translateY(0);}75%{transform:translateY(-5px);}100%{transform:translateY(0);}}
.icojump{-webkit-animation-name:icojump;animation-name:icojump;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}

/* =================================================== 
   * header 
   * --------------------------------------------------- */
.head-wrapper{width:100%;position:fixed; background-color:#fff;left:0;top:0;z-index:9999;transition:all .2s ease;/*position:static;*//*background-color: rgba(255, 255, 255, 0.5);*/}
.topbar{position:relative;margin:0 auto;DISPLAY:NONE;z-index:10002;background-color:#000;padding:2px 0;}
.language-flag font{ line-height:30px; color:#ccc;}
.language-flag span{ line-height:30px; color:#ccc;}
.topbar .head-contact{display:inline;float:left;font-size:16px;line-height:38px;}
.topbar .head-contact,.topbar .head-contact a{color:#ccc;font-size:14px;}
.topbar .head-contact a:hover{opacity:.8;}
.topbar .head-phone,.topbar .head-email{display:inline;float:left;margin-right:35px;}
.topbar .head-phone:before,.topbar .head-email:before{opacity:.85;}
.topbar .head-phone:before{content:'\f095';font-size:18px;}
.topbar .head-email:before{content:'\f0e0';font-size:16px;padding-right:5px;}
.topbar .head-phone:hover:before,.topbar .head-email:hover:before{-webkit-animation:swing .6s linear;animation:swing .6s linear;}
.topbar .change-language{display:inline-block;float:right; margin:3px 0 0;}
.topbar .change-language{*display:inline;}
.change-language-info .language-icon:before{
	content:"\f107" !important;
	}
.change-language-info .change-language-title,.change-language-info .change-language-title a,.change-language-info .change-language-title span,.change-language-info .language-icon{ color:#FFF}	

.head-search{position:absolute;right:0;top:72px;}
.head-search .head-search-form{display:none\9;width:400px;padding:0;background-color:#fff;position:absolute;right:52px;top:-6px;border:1px solid #ccc;border-radius:4px;opacity:0;visibility:hidden;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:right 0;transform-origin:right 0;-webkit-transition:all .2s ease;transition:all .2s ease;}
.head-search .search-toggle{display:inline-block;width:32px;height:32px;background-position:-287px 7px;background-color:transparent;border:0;float:left;position:absolute;right:0;top:0;border-radius:8px;cursor:pointer;transition:background-color .3s ease;}
.head-search .search-ipt{width:100%;height:38px;line-height:38px;border:0;background:none;float:left;text-indent:1em;}
.head-search .search-btn{display:inline-block;width:42px;height:42px;background-color:#000;background-position:-282px -23px;border:0;cursor:pointer;position:absolute;right:-1px;top:-1px;border-radius:0 4px 4px 0;}
.head-search-show:before{content:'';display:block;width:950px;height:40px;background-color:#fff;opacity:.85;position:absolute;right:0;top:-6px;}
.head-search-show .head-search-form,.head-search-show .search-toggle{z-index:99;}
.head-search-show .head-search-form{box-shadow:0 0 1em rgba(0,0,0,.15);display:block\9;-webkit-transform:none;transform:none;opacity:1;visibility:visible;}
.head-search-show .search-toggle{background-position:-326px 8px;}
.language-info .language-title{line-height:16px;padding:11px 20px 11px 5px;background-color:transparent;border-radius:3px;display:inline-block;}
.language-info .language-title a,
.language-info .language-title span{color:#fff;}
.language-info .language-icon{vertical-align:middle;top:11px;}
.language-info .language-icon:before{color:#fff;content:'\f107';font-size:14px;}
.nav-bar{padding:15px 0;box-shadow:0 1px 8px rgba(0,0,0,.15);}
.logo{display:inline;float:left;margin-right:0;padding:5px 0 0;}
.logo img{height:AUTO;width:auto;}
.nav-wrap .nav{display:inline;float:right;padding-right:0px;}
.nav-bar .nav ul{display:none;}
.nav-bar .nav ul,.nav-bar .nav ul a{color:#fff;}
.nav-bar .nav > li{float:left;position:relative;padding:0 20px;line-height:65px;/*text-transform:uppercase;*/}
.nav-bar .nav > li > a{display:inline-block;font-size:14px;color:#333;  text-transform: uppercase;/*font-weight:bold;*/}
.nav-bar .nav > li .nav-ico{display:inline-block;}
.nav-bar .nav > li .nav-ico,
.nav-bar .nav > li > a{*display:inline;}
.nav-bar .nav > li .nav-ico:after{ color:#000;content:'\f107';font-size:18px;font-weight:bold;margin:0;}
.nav-bar .nav > .li-hover > ul{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA;-webkit-animation-duration:.5s;animation-duration:.5s;}
.nav-bar .nav > .li-hover > a,.nav-bar .nav > .li-hover > .nav-ico{color:#333;}
.nav-bar .nav ul{width:225px;background-color:rgba(255,255,255,0.6);/*background-color:#fff;*/position:absolute;left:0;top:70px;box-shadow:0 0 2em rgba(0,0,0,.2);padding:10px 0;z-index:999999;max-height:500px;overflow-x:hidden;}
.nav-bar .nav ul li{position:relative;text-transform:none;}
.nav-bar .nav ul li a{display:block;height:35px; color:#000;line-height:35px;overflow:hidden;font-size:14px;padding:0 15px;position:relative;z-index:10001;}
.nav-bar .nav ul li .nav-ico{position:absolute;right:10px;top:0;cursor:pointer;line-height:35px;}
.nav-bar .nav ul li a:hover{ color:#333; font-weight:bold;}
.nav-bar .nav ul li .nav-ico:after{content:'\f105';color:#333;}
.nav-bar .nav ul li ul{/*left:226px;top:-10px;*/left: 0;
top: 0;
position: inherit;
width: 100%;}
.nav-bar .nav ul li.li-hover > a{font-weight:bold;color:#333;}
.nav-bar .nav ul li.li-hover > a:hover{font-weight:bold;color:#333;}
.nav-bar .nav ul li.li-hover > .nav-ico:after{color:#333;}
.language-cont{top:37px;}
.fixed-nav{border-bottom:1px solid #ccc;background-color:rgba(255,255,255,.9);background-color:#fff\9;z-index:10000;}
.fixed-nav:after{content:''}
.fixed-nav .nav-bar{position:fixed;z-index:99999;width:100%;left:0;top:0;background-color:#fff;}
.fixed-nav .logo{padding:0;margin-right:50px;padding-left:15px;}
.fixed-nav .logo img{height:40px;}
.fixed-nav .nav-wrap .nav{padding-right: 0;}
.fixed-nav .nav-bar{padding:10px 0;box-shadow:0 1px 8px rgba(0,0,0,.15);}
.fixed-nav .nav-bar .nav > li{line-height:40px;}
.fixed-nav .nav-bar .nav > li > a{font-size:14px;}
.fixed-nav .nav-bar .nav ul{top:51px;}
.fixed-nav .nav-bar .nav ul ul{top:-10px;}
.fixed-nav .topbar .layout{top:6px;}



/* =================================================== 
   * footer 
   * --------------------------------------------------- */

.foot-wrapper{background-color:#0194d4;line-height:1.8; }
.social-list{display:block;padding-top:3.5em;}
.social-list li{display:inline;float:left;text-transform:uppercase;margin-right:8px;}
.social-list li.tit{margin-right:1.5em;padding-top:2px;}
.social-list li img{max-height:20px;height:auto;}
.social-list li a{display:inline-block;padding:0 5px;border-bottom:3px solid rgba(255,255,255,0);position:relative;}
.social-list li .social-tips{display:inline-block;padding:8px;line-height:1.1;border-radius:3px;background-color:rgba(255,255,255,0);opacity:0;filter:alpha(opacity=0);position:absolute;left:50%;bottom:33px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-transform:none;font-size:12px;display:none\9;white-space:nowrap;}
.social-list li .social-tips:before{content:attr(data-tit);}
.social-list li .social-tips:after{content:'';display:block;width:0;height:0;overflow:hidden;border-style:solid dashed dashed;border-color:#000 transparent transparent;border-width:6px 6px 0;position:absolute;left:50%;margin-left:-6px;bottom:-6px;}
.social-list li a:hover .social-tips{opacity:1;filter:alpha(opacity=100);background-color:#000;-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);bottom:28px;}
.social-list li a:hover img{opacity:1;-webkit-animation:icon-bounce .6s linear;animation:icon-bounce .6s linear;}
.footer{line-height:22px;padding:15px 0;text-align:center;background-color:#fff;}
.copyright,.copyright a{color:#333;}
.foot-items {margin:0 -15px;line-height:1.8;padding:45px 0;}
.foot-items,.foot-items a,.foot-items a:hover{color:#fff;}
.foot-items a{-webkit-transition:all .3s ease;transition:all .3s ease;}
.foot-items a:hover{opacity:.8;filter:alpha(opacity=80);text-decoration:underline;}
.foot-item{width:22%;float:left;}
.foot-item .foot-tit,.foot-item .foot-cont{margin:0 15px;}
.foot-item .foot-tit{font-size:18px;text-transform:uppercase;line-height:38px;}
.foot-item .foot-cont{padding:1.2em 0 0;}
.foot-item-news {width:28%;}
.foot-item-news .news-desc{max-height:4.5em;overflow:hidden;padding-right:15%;}
.foot-item-news .news-readmore .icon-dots{display:block;font-size:32px;letter-spacing:1px;}
.foot-item-news .news-readmore .icon-dots i{transition:all .4s ease;font-weight:normal;}
.foot-item-news .news-readmore .icon-dots:hover{text-decoration:none;}
.foot-txt-list li{height:1.8em;line-height:1.8em;overflow:hidden;}
.foot-item-inquiry {width:28%;}
.foot-item-inquiry .subscribe p{padding-bottom:10px;}
.foot-item-inquiry .subscribe-form .subscribe-ipt{display:block;width:185px;padding:11px 0;background-color:#fff;border-radius:3px 0 0 3px;font-size:14px;border:0;text-indent:1em;color:#999;float:left;vertical-align:middle;}
.foot-item-inquiry .subscribe-form .subscribe-btn{display:inline-block;padding:9px .6em;border:2px solid #0784bb;font-size:14px;background-color:#0784bb;-webkit-transition:all .3s ease;transition:all .3s ease;color:#fff;border-radius:0 3px 3px 0;letter-spacing:0;float:left;margin:0;text-transform:uppercase;}
.foot-item-inquiry .subscribe-form .subscribe-btn:hover{background-color:transparent;border-color:#fff;}
.gotop{width:50px;display:none;height:50px;background-color:#00a5d9;background-position:center;border-radius:0;z-index:10010;-webkit-transition:all .6s ease;transition:all .6s ease;box-shadow:0 -4px 0 rgba(0,0,0,.5) inset;border-radius:4px;}
.gotop:hover{background-color:#0189b6;}



@media screen and (min-width:1024px) and (max-width:1279px){
.layout, .nav-bar .nav-wrap{width: auto;}
.content{width: auto;
padding-left: 15px;
padding-right: 15px;}
.content_l{width:20%;}
.left_b{width:100%;}
.content_r{width:78%;}
.content_rb ul{width:100%;}

body,.container{min-width: 90%;}
.nav-wrap .nav{padding-right: 0px;}
.nav-bar{padding: 15px 0;padding-left:15px;padding-right:15px;}
.nav-bar .nav > li{padding: 0 15px;}
.head-search{top:75px;}
.head-search-show:before {width: 90%;}

.foot-item-inquiry .subscribe-form .subscribe-ipt,.foot-item-inquiry .subscribe-form .subscribe-btn{border-radius: 3px;}
.foot-item-inquiry .subscribe-form .subscribe-btn{margin-top: 8px;}
.social-list{padding-top: 2em;}
.social-list li.tit{display: none;}
.social-list li img{max-height: 16px;}


/* ===================================================
 * homepage
 * --------------------------------------------------- */
.partner-wrap .partner-list{padding: 0 60px;}


/* ===================================================
 * aside
 * --------------------------------------------------- */
.aside{width: 200px;}


/* ===================================================
 * main
 * --------------------------------------------------- */
.main{width: 720px;}


/* ===================================================
 * product detail
 * --------------------------------------------------- */
.product-view{width: 320px;}
.product-summary{width: 370px;}

}

@media(max-width:1200px){.nav-bar .nav > li{padding: 0 10px;}}

@media(max-width:1060px){.nav-bar .nav > li{padding: 0 5px;}}



.mobile-head-items{display:none;}




@media screen and (min-width:769px) and (max-width:1023px){
	
	.content{width: auto;
padding-left: 15px;
padding-right: 15px;}
.content_l{width:20%;}
.left_b{width:100%;}
.content_r{width:78%;}
.content_rb ul{width:100%;}
.layout, .nav-bar .nav-wrap{width: 90%;}
body,.container{min-width: 90%;}


/* ===================================================
 * header
 * --------------------------------------------------- */
.nav-wrap .nav{padding-right: 35px;}
.nav-bar{padding: 20px 0;padding-left: 15px;
padding-right: 15px;}
.nav-bar .nav > li{padding: 0 8px;}
.nav-bar .nav > li > a{font-size: 14px;}
.head-search{top:75px;}
.head-search-show:before {width: 90%;}


/* ===================================================
 * for:footer
 * --------------------------------------------------- */
.foot-item-inquiry .subscribe-form .subscribe-ipt,.foot-item-inquiry .subscribe-form .subscribe-btn{border-radius: 3px;}
.foot-item-inquiry .subscribe-form .subscribe-btn{margin-top: 8px;}
.social-list{padding-top: 2em;}
.social-list li.tit{display: none;}
.social-list li img{max-height: 16px;}

/* ===================================================
 * homepage
 * --------------------------------------------------- */
.partner-wrap .partner-list{padding: 0 60px;}


/* ===================================================
 * aside
 * --------------------------------------------------- */
.aside{width: 190px;}
.side-cate ul li a{height: 30px;overflow: hidden;}
.side-cate ul li a{padding: 0 20px 0 13px;}
.side-cate ul li li{margin: 0 13px;}
.side-cate ul li li a{height: 30px;overflow: hidden;padding: 0 8px;}
.products-scroll-list li{height: 85px;}
.products-scroll-list li > a{width: 60px;}
.products-scroll-list li img{height: 60px;}


/* ===================================================
 * main
 * --------------------------------------------------- */
.main{width: 540px;}


/* ===================================================
 * product detail
 * --------------------------------------------------- */
.product-view{width: 250px;}
.product-title{border-bottom: 0;}
.product-summary .product-meta{line-height: 1.6;}
.product-summary{width: 270px;}
.product-summary li{padding-left: 120px;margin: 0 0 5px;line-height: 1.6;}
.product-btn-wrap .email,.product-btn-wrap .pdf{font-size: 12px;margin-right: 8px;padding: 0 4px;}
.product-btn-wrap .pdf{margin-right: 0;}
}



/*主要样式*/
.subNavBox {
	width: 100%;
}
.subNav {
	border-bottom: solid 1px rgba(225,225,225,.3);
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	line-height: 38px;
	padding-left: 30px;
	background: url(../images/jiantou1.png) no-repeat;
	background-position: 95% 50%;
	text-align: left;
}
.subNav:nth-child(1){ background:none;}
.subNav:nth-child(2){ background:none;}
.subNav:nth-child(8){ background:none;}
.subNav:nth-child(9){ background:none;}
.subNav:nth-child(10){ background:none;}


.subNav:hover {
}
.subNav a {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	text-align: left;
}
.currentDd {
}
.currentDt {
	background-image: url(../images/jiantou.png);
}
.navContent {
	display: none;
	border-bottom: solid 1px rgba(0,0,0,.6);
}
.navContent li a {
	display: block;
	padding-left: 50px;
	width: 100%;
	heighr: 38px;
	text-align: left;
	font-size: 14px;
	line-height: 38px;
	color: #333
}
.navContent li a:hover {
	color: #333;
	background-color: #fff;
}
#m-hd {
	display: none;
}
#m-hd {
	height: 60px;
	line-height: 60px;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 999999;
	top: 0px;
	right: 0px;
	background-color:#fff; box-shadow: 2px 2px 2px #ccc;
}
#m-hd img {
	height: 40px;
	padding: 0px 0 0 10px;
}
.m-trigger {
	position: absolute;
	top:5px;
	right: 10px;
	width: 50px;
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 45px;
	cursor: pointer;
	background: url(../images/menu_add.png) center center no-repeat;
	-webkit-background-size: 50px;
	background-size: 25px;
	height: 50px;
}
.m-nav {
	z-index: 60;
	position: absolute;
	top: 60px;
	width: 100%;
	left: 0;
	/*	background: url(../images/alpha_black_70.png) repeat;*/
	text-align: center;
	display: none;
	overflow: inherit;
	z-index: 9999999;
	background-color:rgba(0,0,0,.8);
}
.m-nav li {
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.m-nav a {
	display: block;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	text-align: left;
	color: #fff;
	font-size: 14px;
}
.m-nav a:hover, .m-nav a:active {
	color: #e4392a;
}
#maina {
	margin-left: 256px;
	overflow: hidden;
}
.frt {
	display: inline;
	float: right;
	padding-right: 10%;
	line-height: 32px;
}
.callbacks_container {
	display: none;
}
.sj-banner .callbacks_container {
	display: block;
}


.navContent{height: 200px;
overflow-x: hidden; background-color:#fff;}


.sj-banner{display:none;}
#nesd{padding-top:0px;margin-top:80px;}
.ewuo{width:990px;margin:auto;}
.ewuo_left{float:left;width:30%;}
.ewuo_left img{max-width:100%;}
.ewuo_right{float:right;width:70%; font-size:16px;line-height:25px;margin-top:60px;}
#equio{padding-top: 0px;margin-top:140px;}
.n-1{width:25%;float:left;}
.n-2{float:right;width:72%;}
#basketimg{width:80px;height:80px;}
#lopo{margin-top:20px;}
#coloop .content{margin-top:20px;}
/*! 
 * mobile start 
 */  #nesd2{padding-top:0px;margin-top:60px;}
 
 .new-produs{display:none;width:100%;float:left;margin-top:20px;}
 
 .produs-new{padding-left:15px;padding-right:15px;}
 
 .produs-new_title{width:100%;float:left; text-align:center; font-size:26px; font-weight:bold; color:#333;margin-top:20px;}
  .produs-new_comk{width:100%;float:left;margin-top:20px;}
 .produs-new_comk ul li{width:33.33%;float:left;margin-bottom:20px;}
 .produs-new_comk ul li .us-n_1{width:100%;float:left;}
  .produs-new_comk ul li .us-n_0{border:solid 1px #f5f5f5;margin-left:5px;margin-right:5px;overflow:hidden;}
  .produs-new_comk ul li .us-n_1 img{max-width:100%;}
  .produs-new_comk ul li .us-n_2{width:100%;float:left; height:30px;line-height:30px;background-color:#f5f5f5; text-align:center;}
  .produs-new_comk ul li .us-n_2 a{ font-size:14px; color:#6f6f6f;}
  .produs-new_more{}
  
  
 .produs-new_more {
    overflow: hidden;
    padding: 0px;
    text-align: center; width:100%;margin-top:10px;float:left;
}
 .produs-new_more a {
display: block;
width: 100%;
padding: 0px 0;
color: #fff;
margin: 0 auto;
background: #333;
text-align: center;

    }
 .produs-new_more a:hover {
text-decoration: none;
background: red;
color: #fff;
        }
		
#na-ner{width:100%;}	
#na-ner .news li a{ color:#333;}	
	.nchear{width:100%;float:left;height:100px;}	
 
 @media (max-width:1400px){
	 #nesd{padding-top:0px;margin-top:80px;}
 .search-field input{width:100%;}
 }
 
   @media (max-width:1250px){.widget_search{}}
 
  @media (max-width:1200px){
	  #nesd{padding-top:0px;margin-top:80px;}

	.products-3 > li{width:30.333%;}  
	.featured-image img{max-width:100%;width:auto;height:auto;}
	.left_b li{width:100%;}

	  }
  
   @media (max-width:1100px){
  .sho_prod-left{width:95%;float:right;}
  
  
  .sho_prod-right{width:98%;float:right;}
  
  }
  
  
  
  
  
 @media (max-width:1000px){.ewuo{width:100%;}.ewuo_a{padding-left:15px;padding-right:15px;}}


@media (max-width:950px){
	.left_b{max-height:320px;}
.footer{ background-color:#000; color:#fff;}
.copyright, .copyright a{color:#fff;}
	 .new-produs{display:block;}
	#lopo .content{margin-top:20px;}
		    #nesd2{padding-top:0px;margin-top:20px;}
	#lopo{margin-top:0px;}
	#nesd{padding-top:0px;margin-top:50px;}
	#nesd1{padding-top:0px;margin-top:30px;}
#m-hd {display: block;
}
.head-wrapper{display:none;}
#wrap{display:none;}
.sj-banner{display:block;}

.content_l{width:30%;}
.content_r{width:68%;}
.content{width:auto;padding-left:15px;padding-right:15px;}
.left_b{width:100%;float:left;}
.left_b li{width:100%;float:left;}
.content_rb ul{width:auto;}
.pages{width:100%;}

#equio{margin-top:80px;}

}
#end{color:white;float:right;font-size:25px;border-radius:30px;width: 30px;height: 30px;background-color: #757272;border: 3px #757272 solid;text-align: center;margin-top: 30px;}
#baskets_list{border-bottom: 1px solid #d6d6d6;}

@media (max-width:800px){
	
.produs-new_comk ul li{width:49%;float:left;margin-right:0;}
.produs-new_comk ul li .us-n_0{margin:0;}
 .produs-new_comk ul li:nth-child(2n){float:right;}
.show-newe_a{ font-size:20px;}	
.ewuo_left{float:left;width:100%; text-align:center;}
.ewuo_right{float:left;width:100%;margin-top:5%;}

.content_l{width:100%;}	
.content_r{width:100%;overflow:hidden;}
.tab_content{width:100%;}
.news-list .image{width:25%;height:auto;}
.products-3 > li{width:49%;margin-right:0;}
	.products-3 > li:nth-child(2n){float:right;}
	.sho_prod-left{width:100%;float:left;border:none;padding:0;}
  
  .sho_prod-right{width:100%;float:left;}
	
.cart{width:100%;float:left;left:0; position:fixed;bottom:0; background-color:rgba(0,0,0,.7);z-index:9;}	
#tab-popular{display:block}
.tab_content{display:none;}
.cart h3{display:none;}
#end{margin-right:5%;}
#basketimg{width:60px;height:60px;margin-left:5%;}
#baskets_list{border-bottom:none;}
#end{margin-top:10px; background-color:#fff; color:#333;border:3px solid #fff; font-weight:bold;}



	}
	
	
	


@media screen and (max-width:768px){
	
	.products-scroll-list li{display:block;width:100%;margin:0 0 20px;}
.products-scroll-list li img{max-width:65px;float:left;margin:0 15px 0 0;}
.download-list ul li{border-bottom:none;}
.download-list ul li .download-cont{display:block;float:none;margin:0 0 20px;}
.download-list ul li .download-button{float:none;}
.opo{display:none;}
}



@media (max-width:500px){
.news li a{width:100%;float:left;}
.news li a img{width:100%;}
.pub_cont img{max-width:100%;}
.n-1{width:100%;float:left;}
.n-2{float:left;width:100%;margin-top:5%;}
.news li .news_word{height:auto;}
/*.products-3 > li{width:99%;}
.products-3 > li:nth-child(2n){float:left;}*/

./*produs-new_comk ul li{width:100%;}*/
.product_pro2{width:50%;}

	}
	





@media screen and (max-width:1450px){
	.opo img{width:85%;}	
	
	}

@media screen and (max-width:1300px){
	.opo{top:10%;}
.opo img{width:70%;}	
	}
@media screen and (max-width:900px){
	.opo{top:10%;}
.opo img{width:50%;}	

.head-wrapper{ position:inherit;}
	}

.bottomsidebar .bottomcontent{background:#f7c617 !important;}

/*产品浮层*/
clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}
.fl{float:left;}
.fr{float:right;}

.catbox{width:940px;margin:100px auto;}
.catbox table{text-align:center;width:100%;}
.catbox table th,.catbox table td{border:1px solid #CADEFF;}
.catbox table th{background:#e2f2ff;border-top:3px solid #a7cbff;height:30px;}
.catbox table td{padding:10px;color:#444;}
.catbox table tbody tr:hover{background:RGB(238,246,255);}
.checkbox{width:60px;}
.check-all{ vertical-align:middle;}
.goods{width:300px;}
.goods span{width:180px;margin-top:20px;text-align:left;float:left;}
.goods img{width:100px;height:80px;margin-right:10px;float:left;}
.price{width:130px;}
.count{width:90px;}
.count .add, .count input, .count .reduce{float:left;margin-right:-1px;position:relative;z-index:0;}
.count .add, .count .reduce{height:23px;width:17px;border:1px solid #e5e5e5;background:#f0f0f0;text-align:center;line-height:23px;color:#444;}
.count .add:hover, .count .reduce:hover{color:#f50;z-index:3;border-color:#f60;cursor:pointer;}
.count input{width:50px;height:15px;line-height:15px;border:1px solid #aaa;color:#343434;text-align:center;padding:4px 0;background-color:#fff;z-index:2;}
.subtotal{width:150px;color:red;font-weight:bold;}
.operation span:hover,a:hover{cursor:pointer;color:red;text-decoration:underline;}

.foot {
    /*margin-top: 0px;
    color: #666;
    height: 48px;
    border: 1px solid #c8c8c8;
    border-top: 0;
    background-color: #eaeaea;
    background-image: linear-gradient(RGB(241,241,241),RGB(226,226,226));*/
    position: relative;
    z-index: 8;
    margin-bottom: 5px;
}
.foot div, .foot a{line-height:48px;height:48px;}
.foot .select-all{width:80px;height:48px;line-height:48px;color:#666;text-align:center;}
.foot .delete{padding-left:10px;}
.foot .closing{border-left:1px solid #c8c8c8;width:103px;text-align:center;color:#666;font-weight:bold;cursor:pointer;background-image:linear-gradient(RGB(241,241,241),RGB(226,226,226));}
.foot .closing:hover{background-image:linear-gradient(RGB(226,226,226),RGB(241,241,241));color:#333;}
.foot .total{margin:0 20px;cursor:pointer;}
.foot  #priceTotal, .foot #selectedTotal{color:red;font-family:"Microsoft Yahei";font-weight:bold;}
.foot .selected{cursor:pointer;}
.foot .selected .arrow{position:relative;top:-3px;margin-left:3px;}
.foot .selected .down{position:relative;top:3px;display:none;}
.show .selected .down{display:inline;}
.show .selected .up{display:none;}
.foot .selected:hover .arrow{color:red;}
.foot .selected-view {
    width: auto;
    border: 1px solid #c8c8c8;
    /*position: absolute;*/
    height: auto;
    background: #ffffff;
    z-index: 9;
    bottom: 48px;
    left: -1px;
    display: none;
}
.show .selected-view {
    display: block;
}

.product_pro table,.product tbody,.product tr,.product tb,.productth{padding:0;margin:0;display:block;}


.foot .selected-view div {
    height: auto;line-height:25px; position:relative;float:left;overflow:hidden;
}
.foot .selected-view div .DEL{ position:absolute;right:0px;top:0px; background-image:url(../images/timg11.png);width:30px;height:30px; background-repeat:no-repeat; background-position:center center;}
.foot .selected-view  #selectedViewList div .DEL span{ font-size:0px;}

.foot .selected-view .arrow {
    font-size: 16px;
    line-height: 100%;
    color: #c8c8c8;
    position: absolute;
    right: 1030px;
    bottom: -9px;
}
.foot .selected-view .arrow span{color:#ffffff;position:absolute;left:0px;bottom:1px;}
.liuyan .row .col-xs-4{margin-left:0px;}
#tbMemo{margin-left:0px;width:100%;}
.btn-warning2{margin-left:0px;}

#selectedViewList {
    padding:0px;
}
    #selectedViewList div.picimage {
        display: inline-block;
        position: relative;
        width: 100px;
        height: 80px;
        border: 1px solid #ccc;
        margin: 10px;
        float: left;
    }
        #selectedViewList div.picimage img {
            width: 100px;
            height: 80px;
            margin-right: 10px;
            float: left;
        }

        #selectedViewList div span {
            display: block;
            color: #6f6f6f;
            font-size: 12px;
            /*position: absolute;*/
            top: 0px;
            right: 0px;
            /*width: 60px;
            height: 18px;*/
            line-height: 18px;
            text-align: left;margin-top:10px;margin-bottom:10px;
        }

        #selectedViewList div:hover span {
            display: block;
        }
		
.left_b li a{ display:inline;}		
.inactive{ background:url(../images/off.png) no-repeat 90% center; width:8px; height:8px; float:right; margin-right:25px; margin-top:15px;cursor:pointer}
.inactives{background:url(../images/on.png) no-repeat 90% center;}
.left_b li ul li{border-top: 1px solid #d6d6d6; border-bottom:none;}
.left_b li ul li a{ margin-left:12px;}


.enquirynumber {
    color: #fff;
    float: right;
    font-size: 15px;
    border-radius: 15px;
    width: 15px;
    height: 15px;
    background-color: #db123c;
    border: 1px #db123c solid;
    text-align: center;
    position: relative;
    top: 10px;
    left: -5px;
    line-height: 1;
}

.hidden {
    display: none;
}
.left_b .more {
    overflow: hidden;
    padding: 0px;
    text-align: center; 
}

    .left_b .more a {
        display: block;
        width: 100%;
        padding: 0px 0;
        color: #fff;
        margin: 0 auto;
        background: #333;
        text-align: center;
   
    }

        .left_b .more a:hover {
            text-decoration: none;
            background: red;
            color: #fff;
        }
		
		
		
		
		
.news-list .moret {
    overflow: hidden;
    padding: 0px;
    text-align: center; width:100%;margin-top:10px;float:left;
}
.news-list .moret a {
display: block;
width: 100%;
padding: 0px 0;
color: #fff;
margin: 0 auto;
background: #333;
text-align: center;

    }
.news-list .moret a:hover {
text-decoration: none;
background: red;
color: #fff;
        }
		
table.ProductTable, .ProductTable tr th, .ProductTable tr td {
    border: 1px solid #ccc;
    border-collapse:collapse;padding:5px;
}
.product_pro1{ text-align:center;}
span.product_pro1
{
    text-align:center;
}
table.ProductTable
{
    float:left;/*WIDTH:100%;*/
}
.DEL
{

    float:left; 
    text-align:center;
}.DEL a{ }



#bm{margin-left:12px;}
#bt{float:right;margin-right:25px;}
#by{width:65%}
#be{float:right;margin-right:25px;}
.ProductTable tr p{word-wrap:break-word;
word-break:normal; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;float:none;
overflow: hidden;width:90%;margin-bottom:0;height:auto;
}

.ProductTable tr td:nth-child(2){}

/*.ProductTable td:nth-child(1){width:150px;float:left;}
#foot .selected-view .picimage{float:left; background-color:none;}*/

.liuyan{padding-left:15px;padding-right:15px;}
.ProductTable td:nth-child(1){width:120px;float:left;border-bottom:none;border-top:none;border-left:none;}
.ProductTable td:nth-child(2){width:55%;float:left;border-bottom:none;border-top:none;border-left:none;border-right:none;padding-bottom:0;word-wrap:break-word;
word-break:normal; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
table.ProductTable th{border:none !important;padding-bottom:0;}
table.ProductTable {padding:0 !important;}
.ProductTable tr{border-bottom:solid 1px #ccc;width:100%;float:left;}
.ProductTable td.pro0{height:30px;}
.ProductTable td.pro1{width:15%;float:left;}
.ProductTable td.pro2{float:left;border:none;margin-top:5px;width:30%;}
#selectedViewList .ProductTable td.pro1 span{margin-bottom:0;}
#abopo{display:none;}

#basketstable tr td:nth-child(1){display:none;}
#basketstable tr th:nth-child(1){display:none;}
.ProductTable td.pro2 input{border:solid 1px #ccc;}
.h-aboui{display:none;}
.ab{display:none;}

@media(max-width:1220px){
#bm{margin-left: 1%;}
#by{width:60%;}
.uhop .col-xs-4{width:30%;}


}



@media(max-width:950px){
	.ab{display:block;margin-top:3%;padding-bottom:15%;}
	.ab_a{padding-left:15px;padding-right:15px;word-wrap:break-word;
word-break:normal;LINE-HEIGHT:25PX;}
.h-aboui{display:block;width:100%;float:left;}
.h-aboui_a{padding-left:15px;padding-right:15px; background-color:#333;padding-top:20px;padding-bottom:20px;word-wrap:break-word;
word-break:normal;float:left;
line-height:25px;  color:#fff;padding-bottom:5%;
 }
 
 .h-aboui_a span{width:100px;height:30px;margin-top:20px;line-height:30px; border-radius:15px; background-color:#fff;float:right; text-align:center;}
 .h-aboui_a span a{ color:#333;} 
 
 
	.coop-a .liuyan{margin-top:10px;}
	.product_pro{width:49%;float:left;margin:0;padding:0;margin-bottom:20px;}
	.product_pro:nth-child(2n){float:right;}
	.product_pro:nth-child(3n){float:left;}
	
	#abopo{display:block;}

	}


@media(max-width:800px){
	#basketstable input{width:50%;}
.product_pro{width:100%;padding:0;margin:0;margin-bottom:20px;}
table.ProductTable{/*width:100%;*/}	
.uhop .col-xs-4{width:100%;margin:0;margin-bottom:20px;}
.form-control{padding:0;margin:0;}

.uhop p{width:100%;}
#bm{margin-left:0px;}
#bt{float:left;margin-right:0px;}
#by{width:100%;}
#be{float:left;margin-right:0px;}
.uhop input{ text-indent:20px;padding-top:5px;padding-bottom:5px;width:100%;}
#tbMemo{text-indent:20px;padding-top:10px;}
.nes-produ{display:none;}
	}
@media(max-width:500px){

.ProductTable td:nth-child(2){WIDTH:60%;}
.ProductTable tr td.pro1{width:15%;}
	.pages a{margin-right:0;
}




}
@media(max-width:400px){
	.ProductTable td:nth-child(2){width:46%;}
	.ProductTable tr td.pro1{width:15%;}
		.ProductTable tr td.pro2{width:30%;}
/*		.produs-new_comk ul li{width:100%;}*/
/*		.product_pro{width:89%;}*/
		.foot .selected-view .product_pro:nth-child(2n){float:left;}
			}



@media(max-width:360px){

	.ProductTable td:nth-child(1){width:100%; text-align:center;border-bottom:solid 1px #ccc;}
	#selectedViewList div.picimage{float:none;margin:auto;border:solid 1px #ccc;}
	.ProductTable td:nth-child(2){width:100%;border-bottom:none;padding-bottom:10px;}
	.ProductTable tr p{width:100%;}
	.ProductTable td.pro0{height:0;padding:0;}
	.ProductTable tr td.pro1{width:40%;}
	.product_pro2{width:100%;}
	.ProductTable tr{border-bottom:none;}	
	table.ProductTable th{width:100%; border-bottom:solid 1px #ccc !important;float:left;}
	.ProductTable tr td.pro2{float:right;MARGIN-RIGHT:15PX;}
	}