*{ margin:0; padding:0; box-sizing:border-box; }
body img{border:none;border-radius: 3px;}
body{font-family: Candara,Helvetica,sans-serif;font-size: 15px;line-height: 22px;background: #bcdde4 url(../images/bg-cloud.png) no-repeat fixed center bottom;background-size: 100% auto;}
body:before, body:after{content:' ';position:fixed;left: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/bg-point.png) repeat 0 0;background-size: 150px;z-index: -1;}
body:after{background: url(../images/bg.png) repeat-x 0 0;background-size: auto 68%;z-index: -2;}
body a{color: rgba(0, 0, 0, 0.88);text-decoration:none;cursor: pointer;}
body a:hover{color: #000;text-decoration:underline;}
.web_flips{ border: solid 0 transparent;}
.label{border: solid 0 transparent;}
img{vertical-align:middle; max-width: 100%;}
li{ list-style:none;}
.l{ float: left;}
.r{ float: right;}
.tc{text-align:center;}
.tr{ text-align:right;}
.rel{ position:relative;}
.small{font-size: 13px;}
.big{ font-size:1rem;}
.bold{ font-weight:bold;}
.bor{ border-width:1px;}
.red{ color: #ce1010;}
.cr{ clear:right;}
.cl{ clear:left;}
.gray{ color: #666;}
.green{ color: #090;}
.mc{  margin: 0 auto;}
.mt{ margin-top:20px;}
.block{ display: block;}
.inblock{ display:inline-block;}
.none,.onlyPrint{ display:none;}
.paddL{ padding-left:10px;}
.linkGray a,a.linkGray{ color:#000;}{ color:#444;}
.linkGray a:hover,a.linkGray:hover{ color:#000;}
.linkPink a,a.linkPink{  color: rgb(255, 99, 99);}
.linkPink a:hover,a.linkPink:hover{ color:#e20;}
.linkRed a,a.linkRed{  color: #ce1010;}
.linkRed a:hover,a.linkRed:hover{ color:#e10;}
.linkWhite a,a.linkWhite{color: white;}
.linkWhite a:hover,a.linkWhite:hover{color: white;}
.language>a{background: rgba(52, 162, 206, 0.8);display: inline-block;padding: 0 4px;border-radius: 0 0 4px 4px;}
.web_products,.web_product_desc,.web_product,.web_flips,.home_summary,.web_feedback,.mygallery{background-color: rgba(255, 255, 255, 0.18);padding: 5px 10px;border-radius: 3px;}

.noSearch{font-size: 26px;line-height: 40px;text-align: center;}
.bgWhite{ background-color:white;}

.a_video{ position:relative;}
.a_video .hover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background: url(../images/play.png) no-repeat center center;opacity: .8;}
.a_video:hover .hover{opacit;opacity:0.9;}

.color{color: #ff3300;}
.btn.color,.web_pic_label .label{background-color: rgba(52, 162, 206, 0.8);border:none;border-radius: 2px;}
.btn.color.on,.btn.color:hover{ background-color: rgba(52, 162, 206, 0.8);}
.blue-button,.gray-button{background-color: rgba(52, 162, 206, 0.5);padding: 0 30px;font-size: 16px;border-radius: 2px;font-weight: bold;text-decoration: none;line-height: 40px;display: inline-block;}
.blue-button:hover{background-color: rgba(52, 162, 206, 0.8);text-decoration: none;}
.gray-button{background-color: rgba(0, 0, 0, 0.18);}
.gray-button:hover{background-color: rgba(0, 0, 0, 0.48);text-decoration: none;}


.main{margin: 0 auto;min-width: 200px;max-width: 1150px;/* padding: 0 10px; */overflow: hidden;}

.boxMask{ position:fixed; left:0; top:0; z-index:0; width:100%; height:100%;background:black; opacity:0.5; filter:alpha(opacity=50);}
.boxCase{ position:absolute; left:0; top:0; width:100%; height:100%;z-index:1000; text-align:center; display:none; }
.boxCaseBg{ background:black; opacity:0.3; filter:alpha(opacity=30); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; border-width:0;}
.boxIn{ display:block; max-width:900px; margin:0 auto;position:relative; padding:12px; }
.boxContent{ background-color:white;  position:relative; z-index:2; height:100%;; text-align:left;}
.boxTitle{font-size: 18px;color: #fff;background: hsl(204, 100%, 50%);height: 44px;padding-right:44px;text-indent: 1rem;line-height: 44px;overflow:hidden;text-overflow:ellipsis;}
.boxClose{position: absolute;top: 12px;right: 12px;background: url(../images/controls.png) no-repeat;width: 19px;height: 19px;text-indent: -9999px;}
.boxBody{ padding: 1rem 0 1rem 1rem;}
.boxButton{ text-align:center; padding:1rem; line-height:2.2rem; border-top:solid 1px #eee;}

.btn{display:inline-block;padding:0 1.5rem;background-color: rgba(255, 255, 255, 0.6);color: #247ba0;font-size: 16px;font-weight: 400;border: none;border-radius: 2px;}
.btn:hover{background-color: rgba(255, 255, 255, 0.8);text-decoration: none;}
.btn.big{border-radius: 3px;padding: 10px 30px;}

.ctxt{line-height: 44px;text-indent: 10px;font-size: 100%;height: 46px;border: solid 1px rgba(255, 255, 255, 0.79);font-weight: normal;color: #fff;background: rgba(255, 255, 255, 0.3);border-radius: 2px 0 0 2px;border-right: none;}


.gTitle{font-size: 26px;font-weight: bold;line-height: 48px;color: rgba(0, 0, 0, 0.58);word-spacing: 5px;font-style: italic;padding-top: 10px;}
.gSummary{line-height: 26px;font-size: 16px;}
.gSummary p{ padding-bottom:0.8rem;}
.gSummary table[border="1"]{ border:solid 1px #888; border-collapse: collapse; background-color:white;}
.gSummary table th,.gSummary table td{ padding:5px;}
.categorie-description{ line-height:1.5rem; padding: 1rem 1.5rem; background-color: white; margin-bottom: 1rem; border: solid 1px #e8e8e8;}

/* custom */
/* global */
.web_top{background-color: transparent;}
.web_top_lan{font-size: 12px;padding: 6px 0 12px 0;color: white;}
.web_top_lan .language a.on{ color:#666; font-weight: bold;}
.web_top_lan .language a.on img{ margin-top:-2px;}
.web_top_logo{ height: auto;}
.web_top_logo .itemLogo{float:left;}
.web_top_logo .itemLogo .boxLogo{margin-right: 0;}
.web_top_logo .logo{width: 420px;display: inline-block;line-height: 0;word-spacing: 0;position: relative;padding: 30px 0;}
.web_top_logo .logo>img{width:100%;height:auto;position: relative;z-index: 2;}
.web_top_logo .logo:after{/* content:' '; */width: 150%;height: 110%;position: absolute;left: -10%;top: -5%;background: url(../images/bg-circle-purple.png) no-repeat 0 0;background-size: 100% 100%;z-index: 1;opacity: 1;}
.web_top_logo .itemSearch{overflow: hidden;min-width: 200px;float: right;max-width: 45%;}
.web_top_logo .otherKeywords{text-align:left;}
.web_top_logo .otherKeywords a{ display:inline-block; margin-right:1rem;}
.web_top_logo .boxBt>a.btn{padding: 0;line-height: 46px;width: 38%;background-size: auto 80%;background-repeat: no-repeat;background-position: center center;border-left: none;border-color: rgba(255, 255, 255, 0.6);overflow: hidden;height: 46px;text-align: center;}
.web_top_logo .boxBt>a.btn.search{background-image: url(../images/search.png);text-indent: 200px;border-radius: 0 3px 3px 0;}
.web_top_logo .boxBt>a.btn.order{width: 60%;float: right;}
.web_top_logo .itemSearch .ctxt{width: 100%;font-size: 16px;}
.web_top_logo .itemSearch .boxTxt{width: 60%;float:left;}
.web_top_logo .itemSearch .boxBt{margin-left: 60%;text-align: left;}
.web_top_logo .mail{color: rgba(0, 0, 0, 0.8);padding: 30px 0 10px;}
.web_top_logo .mail a,.web_top_logo .mail b,.web_top_logo .mail strong{font-weight:bold;}


.web_top_menu{background: rgba(255, 255, 255, 0.52) url(../images/bg-top-menu.png) repeat-x 0 0;line-height: 32px;color: #fff;padding: 12px 0 8px;clear: both;text-align: center;background-size: auto 100%;max-width: 1150px;margin: 0 auto 10px auto;border-radius: 3px;/* box-shadow: 0 0 6px rgba(255, 255, 255, 0.67); */}
.web_top_menu a{display:inline-block;font-size: 19px;color: #247ba0;padding: 0 18px;font-weight: bold;}
.web_top_menu a:hover,.web_top_menu a.on{color: #ff036e;text-decoration: none;}
.web_top_menu a img{ height: 28px; margin-right:4px; display: inline-block; /* vertical-align: top; */}
.web_top_menu a strong{color: #ff036e;font-weight: 400;font-size: 1.2rem;text-shadow: 1px 1px 1px #ffdb91;}
.web_bottom{clear: both;}
.web_lan_bottom{padding: 0;}
.web_lan_bottom .language{border: solid 1px rgba(255, 255, 255, 0.8);background-color: rgba(255, 255, 255, 0.5);padding: 10px 14px;border-radius: 3px;}
.web_lan_bottom dt{font-weight:bold;padding-bottom: 10px;line-height: 30px;}
.web_lan_bottom dd{ line-height:1rem;}
.web_lan_bottom dd a{ display:inline-block; width:10%; min-width:80px; text-align:center; height:50px;}
.web_lan_bottom dd a img{ display:block; margin:0 auto;}

.web_lan_top a{ display:inline-block;  width: 10%; min-width:140px; height:40px; color:black; overflow:hidden;}
.web_lan_top a img{ margin-right:0.5rem;}
.box_lans{ font-size: 0.75rem;}

.web_copyright{text-align:center;padding-bottom: 20px;background: url(../images/bg-bottom.png) no-repeat center bottom;background-size: 100% 100%;font-size: 14px;}
.web_copyright img{ background-color:white; padding:0 10px;}
.web_copyright .main.top{padding: 20px 0;}
.web_categories{text-align: left;padding: 10px 0 20px 0;position: relative;/* border-bottom: solid 2px rgba(0, 0, 0, 0.15); */background: rgba(255, 255, 255, 0.38);border-radius: 3px;}
.web_categories fieldset{padding: 0;border: none;position: relative;margin: 0;/* border-top: solid 2px rgba(0, 0, 0, 0.15); */}
.web_categories legend{padding: 0 20px;font-size: 28px;text-align: center;font-style: italic;font-weight: lighter;color: rgba(0, 0, 0, 0.3);display: block;margin: 0 auto;}
.web_categories .item{border: none;vertical-align: top;margin: 0 0 0 10px;text-align: left;}
.web_categories .item.noChild{ padding-bottom:0; padding-top: 0;}
.web_categories .item:first-child{ padding-top:0;}
.web_categories .item:last-child{ border-bottom-width:0;}
.web_categories .item dt{padding: 0 0 0 40px;font-size: 18px;font-weight: bold;line-height: 35px;position: relative;/* background-color: rgba(255, 255, 255, 0.18); */border-radius: 6px 6px 0 0;}
.web_categories .item dt .img{height: 30px;position: absolute;left: 0;top: 5px;/* border: solid 1px rgba(0, 0, 0, 0.18); */border-radius: 50%;background: rgba(255, 255, 255, 0.68);overflow: hidden;}
.web_categories .item dt .img>img{max-height: 30px;max-width: 30px;vertical-align: text-bottom;}
.web_categories .item dd{padding: 0 0 10px 25px;line-height: 0;}
.web_categories.innews .item dd a{ text-align:left; padding-bottom:16px;}
.web_categories .item dd a,.web_categories .item dd div{display: inline-block;padding: 0 15px;line-height: 25px;}
.web_categories .item.on{background-color: rgba(255, 255, 255, 0.38);border-radius: 3px;}
.web_categories .item a.on{background: rgba(255, 68, 0, 0.58);border-radius: 2px;color: white;}
.web_categories .item.hot a{color: #f40;}

.web_hot_products dl{ padding-bottom:16px;}
.web_hot_products dt{ font-weight:bold; }
.web_hot_products dd{background-color:#f8f8f8;padding-bottom: 1px;vertical-align: top;line-height: 0;}
.web_hot_products dd a{display:inline-block;min-width: 161px;height: 240px;overflow: visible;text-align: center;width: 24.8%;font-size: 1rem;line-height: 1.2rem;}
.web_hot_products dd a strong{color: #e20;font-weight: normal;display: block;height: 60px;overflow: hidden;text-overflow: ellipsis;line-height: 20px;}
.web_hot_products dd a:hover{ text-decoration: none;}
.web_hot_products dd a .box{border: solid 1px #eee;display:block;margin: 0 -1px -1px 0;height: 240px;z-index: 0;overflow: hidden;}
.web_hot_products dd a:hover .box{position:relative; background-color: #F2FFFC; border-color: rgb(184, 234, 232); z-index:1;}
.web_hot_products dd a .img{ display:block; height: 150px; border: solid 5px transparent; overflow: hidden;}
.web_hot_products dd a .img img{height: 100%;width: auto;}
.web_hot_products dd a .summary{ font-weight:normal; display: block; font-size: 70%; line-height: 1rem; color: #666;}


.web_feedback .item{padding-bottom:10px;display: inline-block;max-width: 32%;width: 100%;/* border: solid 1px rgba(0, 72, 110, 0.18); */border-radius: 3px;padding: 10px;margin: .3%;text-align: left;background-color: rgba(255, 255, 255, 0.3);vertical-align: top;min-height: 260px;}
.web_feedback .title{font-weight:bold;font-size: 16px;}
.web_feedback .name{font-style: italic;}
.web_feedback .summary{font-size: 14px;line-height: 20px;padding-bottom:10px;}
.web_feedback .gallery{ text-align:center;}
.web_feedback .gallery img{max-width: 100%;max-height: 300px;border-radius: 5px;}
.web_feedback .items{padding:10px 0;text-align:center;vertical-align: top;}

.web_pic_label{ display:inline-block; padding:20px 0;}
.web_pic_label .label{ padding:10px 30px; text-align:center; color:white; width: auto; line-height:1.4rem;}

.web_products .items{line-height:0;}
.web_products .item{text-align:center;line-height:1.2rem;display: inline-block;width: 24.8%;}
.web_products .item .box{border: solid 1px rgba(255, 255, 255, 0.8);margin: 4px;height: 286px;overflow:hidden;background: rgba(255, 255, 255, 0.3);border-radius: 3px;}
.web_products .item .text{ padding:10px 6px;}
.web_products .item .name{font-weight: bold;}
.web_products .item .img{ display: block; overflow: hidden; height: 214px;}
.web_products .item .img img{ width:100%; /* min-height: 214px; */ height: 100%;}
.web_products .item .summary{font-size: 12px;color: rgba(0, 0, 0, 0.6);padding-top: 8px;}
.web_products .item.new .name{color: #ff6800;}
.web_products .item.new .text:before{content: '  ';background: url(../images/icon-new.png) no-repeat 0 center;display: inline;width: 30px;overflow: hidden;background-size: 90%;margin-right: 4px;padding: 6px 12px;}
.web_products .items .noData{ text-align:center; padding:1rem; font-size: 1.2rem;}
.web_products .item b.red{ background-color:yellow;}

.web_flips{text-align:center;width: 100%;/* clear: both; */padding-bottom: 5px !important;}
.web_flips .item{display:inline-block;line-height:40px;width: auto;height:40px;border-radius: 2px;background-color: rgba(255, 255, 255, 0.68);color:black;font-size:1.2rem;text-align:center;margin: 20px 4px;font-weight:100;padding: 0 15px;border: solid 1px rgba(0, 0, 0, 0.1);vertical-align: top;}
.web_flips .item:hover,.web_flips .item.on{background-color: rgba(52, 162, 206, 0.8);color:white;text-decoration:none;}
.web_flips .item.disabled{ background-color: #e4e4e4; color:#aaa; cursor: default;}
.web_flips .item.other{/* font-size: 16px; */}

.web_product .gTitle {padding: 10px 0 0;text-align: left;}
.web_product .gallery{width: 45%;overflow:hidden;position:relative;vertical-align: top;}
.web_product .gallery .imgs{height: auto;padding-right: 10px;}
.web_product .gallery .imgs .img{border:none;display: block;margin: 0 auto;box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);: solid 4pxwhiteborder-radius: 4px;overflow: hidden;border: solid 4px rgba(255, 255, 255, 0.88);border-radius: 4px;width: 100%;}
.web_product .gallery .flip{ position:absolute; width:100%; bottom:0; height: 2rem;}
.web_product .gallery .txtbg{ z-index:1; position:absolute; width:100%; bottom:0;  height: 100%; overflow:hidden; padding:0; background-color:Black; opacity: 0.2; filter:alpha(opacity=40)}
.txt{ z-index:2; position:absolute; width:100%; top:4px;  font-weight: normal; color:white; font-size: 1rem; overflow:hidden; padding: 0;  text-indent: 10px; line-height: 2rem;}
.web_product .gallery .links{z-index:3;position:absolute;bottom: 0.3rem;right: 0.3rem;font-size:12px;vertical-align: top;}
.web_product .gallery .links a{display:block;float:left;cursor:pointer;width:30px;/* font-family:Tahoma; */margin-left:3px;line-height: 1rem;text-align:center;color:White;height: 100px;vertical-align: top;}
.web_product .gallery.thumbnails{height:auto;line-height: 0;display: inline-block;padding-top: 15px;}
.web_product .gallery.thumbnails .txtbg{ display: none;}
.web_product .gallery.thumbnails .txt{position: inherit;width: auto;z-index: 10;overflow: hidden;color: black;text-align: center;top: auto;font-weight: bold;text-overflow: ellipsis;height: 30px;}
.web_product .gallery.thumbnails .flip{ position: relative; width: auto; height: auto;}
.web_product .gallery.thumbnails .links{position:inherit;bottom: auto;right: auto;text-align: center;padding: 10px 10px 10px 0;}
.web_product .gallery.thumbnails .links a{max-width: 30%;display: inline-block;float: none;margin: 0;/* background: #fff; */color: #444;height: 120px;width: 24%;padding: 4px;overflow: hidden;}
.web_product .gallery.thumbnails .links a.on{color: #d20;/* box-shadow: 0 0 3px #dbb; */}
.web_product .gallery.thumbnails .links a .name{display:block;margin-top: 4px;height: 30px;overflow: hidden;text-overflow: ellipsis;}
.web_product .gallery.thumbnails .links a .img{ display: block; overflow: hidden;}
.web_product .gallery.thumbnails .links a img{height:80px;width:auto;max-width:1000%;border-radius: 3px;}

.web_product .info{display: inline-block;width: 53%;vertical-align: top;padding-left: 4%;}
.web_product .info .order{padding: 10px  5px;/*;;; */}
.web_product .info .order .btn.big{background-color: rgba(52, 162, 206, 0.8);color:white;border-color: #AB0000;}
.web_product .details{color: rgba(0, 0, 0, 0.6);font-size: 20px;padding: 10px 5px;}
.web_product .parameter{line-height: 20px;}
.web_product .parameter tbody td,.web_product .parameter tbody th{padding: 5px;vertical-align:top;}
.web_product .parameter tbody th{text-align: left;color: rgba(0, 0, 0, 0.6);padding-right:10px;font-weight:normal;}
.web_product_desc .title{/* color: rgba(52, 162, 206, 0.8); */font-size: 19px;font-weight:400;line-height: 33px;background: rgba(255, 255, 255, 0.38);border-radius: 3px;}
.web_product_desc .title:before{content: ':)';display:inline-block;width: 40px;/* height:20px; */font-weight:normal;background-color: rgba(52, 162, 206, 0.8);color:white;margin-right:10px;text-align: center;border-radius: 3px;}
.web_product_desc .top{font-size: 15px;font-weight:normal;float: right;display: inline-block;padding: 0 20px;background-color: rgba(255, 255, 255, 0.68);border-radius: 2px;color: black;}
.web_product_desc .desc{ line-height: 1.8rem; padding: 1rem 0;}
.web_product_desc .desc * { max-width:100%;}
.web_product_desc .desc img{ height:auto !important; width:auto;}
.web_product_desc .desc p{ padding:0.6rem 0;}
.web_product_desc .noData{text-align:center;padding:1rem 0;color: rgba(0, 0, 0, 0.86);font-size: 16px;}
.web_product_desc .keywords a{ display:inline-block; margin: 0.5rem; border: solid 1px #ddd; border-radius: 4px; padding: 0.2rem 0.9rem; background-color: white;}
.web_product_desc .keywords a:hover{ text-decoration:none; color:#e20; border-color:#bbb;}

.frameForm{width:100%;height: 600px;border:none;padding: 20px 0 0 50px;}

.home_summary .pic{border-left: solid 38px transparent;}
.home_summary .pic img{width:100%;border-radius: 3px;}

#video_factory{ position:fixed; left: 0; top:0; z-index:100;width: 100%; padding-top: 4rem; text-align: center;}
#video_factory .box{ background-color:white; padding: 1rem; box-shadow: 0 0 4px #000;  /* display:inline-block; */ max-width: 854px; margin: 0 auto;}
#video_factory .box iframe{ max-width: 854px; height:510px; border:none; width: 100%;}
#video_factory .box .title{text-align:left;font-weight:bold;font-size:1.4rem;line-height:2.4rem;color: #247ba0;position: relative;}
#video_factory .box .close{ content: 'X'; position: absolute; right: 0; top: 0.2rem; font-weight: normal; font-size: 1rem; font-family: arial; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; color: gray; text-align: center; background-color: #f4f4f4; border-radius: 100%; cursor: pointer;}
#video_factory .box .close:hover{ background-color:#e00; color:white; text-decoration:none;}

.mygallery {position:relative;padding-top: 10px;}
.mygallery .thumbnails{text-align: center;text-transform:capitalize;font-weight:normal;line-height: 0;}
.mygallery .thumbnails a{line-height: 160px;width: 160px;height: 160px;cursor: pointer;display:inline-block;overflow:hidden;text-decoration: none;font-size: 14px;border: solid 2px transparent;border-radius: 100%;}
.mygallery .thumbnails a:hover,.mygallery .thumbnails a.on{border-color: rgba(255, 255, 255, 0.58);background-color: rgba(255, 255, 255, 0.28);}
.mygallery .thumbnails img{width: 98%;vertical-align: middle;height: auto;}
.mygallery .show{height: 400px;position: relative;overflow: hidden;}
.mygallery .items{position: absolute;/* overflow: hidden; */line-height: 0;}
.mygallery .items .item{float: left;position: relative;width: 1150px;text-align: center;}
.mygallery .items .item a.big{display:block;width: 100%;margin: 0 auto;/* max-width: 760px; */padding-top: 40px;text-align: left;}
.mygallery .items .item a.big img{display:block;max-height: 350px;width: auto;/* max-width: 680px; */height: auto;}
.mygallery .items .item .title{font-weight: normal;position: absolute;left: 0;top: 0;color: rgba(0, 0, 0, 0.58);font-size: 26px;max-width: 400px;line-height: 38px;font-style: italic;width: 80%;text-align: left;}
.mygallery .items .item .summary{position: absolute;right: 0;top: 40px;max-width: 300px;color: rgba(0, 0, 0, 0.68);line-height: 18px;font-size: 13px;text-align: justify;width: 80%;}
.mygallery .items .item .summary .button{text-align: left;padding-top:20px;}

.article{max-width: 900px;margin:0 auto;/* font-size: 110%; *//* line-height: 120%; */padding: 18px 0;}
.article dl.item, .article dl.item dd{padding-left:0;margin-left: 0;}
.article .item dt{ padding-left:15px;}
.article .item dd a{ min-width:49%;}

.newslist li{border-bottom: solid 1px rgba(0, 0, 0, 0.2);padding: 15px 0;}
.newslist li:after{content:' ';height:0;clear:both;display: block;}
.newslist li>.img{float:left;max-width: 200px;padding-right:20px;max-height: 100px;overflow: hidden;}
.newslist li>em{color: rgba(0, 0, 0, 0.6);}
.newslist li>a{font-size: 120%;}
.newslist li>p{color: rgba(0, 0, 0, 0.6);}

#orderform{ width:100%; height:700px;}
.web_categories.search .linkGray a{ padding:0 10px;}

/* tablet */
@media screen and (max-width: 1000px){
    body{font-size: 13px;}
    body:after{background-size: auto 180%;}
    .web_categories.search{ display:none;}
    .mygallery .show{max-height: 300px;min-height: 150px;height: 180px;}
    .mygallery .thumbnails a{line-height: 80px;w;width: 80px;height: 80px;cursor: pointer;}
    .mygallery .items .item a.big{max-width: 100%;padding-top: 0;text-align: right;}
    .mygallery .items .item a.big img{max-height: 300px;max-width: 90%;margin: 0 auto;}
    .mygallery .items .item .title{font-size: 14px;max-width: 100%;width: 100%;color: rgba(0, 0, 0, 0.86);text-align: center;padding: 10px 0;padding: 5px 0;line-height: 18px;position: inherit;}
    .mygallery .items .item .summary{position: inherit;max-width: 100%;padding: 0 2px;width: 100%;top: 0;max-height: 160px;overflow: hidden;font-size: 11px;line-height: 15px;display: inline-block;margin: 0 auto;width: auto;}
    .mygallery .items .item .summary .button{display: none;}
    .gTitle{font-size:20px;padding: 0 0 0 5px;line-height: 33px;}
    .web_product .gTitle{font-size: 16px;padding: 0 5px;line-height: 20px;text-align: center;}
    .mt{ margin-top:14px;}
    .web_top_logo .webName{ font-size: 1.2rem;}
    .web_top_logo .itemLogo .boxLogo{ padding-right:0;}
    .web_top_menu{text-align:center;padding: 10px 0px;line-height: 22px;border-radius: 0;}
    .web_top_menu a{font-size: 16px;padding: 0 10px;}
    .web_categories.on{  visibility: hidden;}
    .web_categories{ width:auto; float:none; position: inherit;}
    .web_categories .item{padding-right:0;width: 100%;margin: 0;display: block;margin-bottom: 10px;}
    .web_categories .item dd{padding: 0 0 0 15px;line-height: 0;}
    .web_categories .item dd:after{ content: ' '; height:1px; clear:both; float:none; display: block;}
    .web_categories .item dd a{text-overflow:ellipsis;overflow: hidden;line-height: 25px;width: auto;min-width: 0;padding: 0 10px;}
    .web_main{ margin:0; padding-top:10px;}
    .web_hot_products dd a{ width:25%;}
    .web_products .item .box{height: 262px;}
     .web_feedback .item{max-width: 100%;display: block;width: auto;height: auto;min-height: 0;}
    .web_feedback .summary{font-size: 13px;line-height: 18px;}
    .web_feedback,.web_hot_products { text-align:center;}
    .web_feedback .gallery{ display:none;}
    .home_summary .pic{border-width:0;float:none;padding: 0 10px;}
    .home_summary .gSummary{padding: 10px;font-size: 13px;line-height: 20px;}
    .web_top_logo .itemLogo{  float:none;  text-align:center;}
    .web_hot_products dd a{ width:50%;}
    .web_pic_label .label{ font-size:0.875rem; line-height:1.2rem; padding:8px 10px;}
    .web_products .item{width: 33%;}
    .web_products .item .summary{ font-size:11px; line-height:16px;}
    .web_top_logo .itemSearch{clear:both;padding: 0 5px;float: none;width: 100%;margin: 0;max-width: 100%;font-size: 11px;line-height: 18px;}
    .web_top_logo .itemSearch .boxTxt{ width:70%;}
    .web_top_logo .itemSearch .boxBt{margin-left:70%;}
    .web_product .parameter tbody th{ font-size:0.75rem; }
    .web_product .gallery.thumbnails{float:none;width:auto;padding: 5px 0;display: block;}
    .web_product .info{margin: 0;width: 100%;display: block;padding: 0;}
    .web_product .gallery .imgs{ padding:0;}
    .web_product .gallery .imgs .img{max-height:220px;width:auto;border:none;border-radius: 0;}
    .web_products .item .img{height: 140px;}
    .web_lan_bottom{padding: 0;}
    .web_lan_bottom .language{border-radius:0;border:none;padding: 0;}
    .web_lan_bottom .language dt{ padding:0 10px; font-size:12px;}
    .web_copyright{background-size:100% auto;font-size: 12px;line-height: 18px;padding-top: 10px;}
    .small{ font-size:11px;}
    .web_lan_bottom dd a{min-width: 54px;height: 40px;line-height: 11px;}
    .blue-button, .gray-button,.btn.big{ font-size:14px; padding:0 15px; line-height:33px;}
    .web_categories .item dt{font-size: 13px;line-height: 20px;padding: 0 0 0 25px;}
    .web_categories legend{ font-size:20px;}
    .web_categories .item dt .img>img{max-height: 20px;max-width: 20px;}
    .web_categories .item dt .img{top: 0;height: 20px;left: 2px;}
    .mygallery{padding: 0 0;}
    .ctxt,.web_top_logo .boxBt>a.btn{height: 32px;line-height: 32px;font-size: 14px;}
    .web_lan_top a{height:30px;min-width: 120px;}
    .boxButton{ padding-top:0;}
    .boxIn{ padding:0;}
    .language>a{font-size:12px;line-height: 24px;}
    .language>a>img{ height:18px;}
    .web_top_logo .mail{padding:5px 0;line-height: 14px;}
     .web_top_logo .logo{width: 68%;padding: 20px 0;}
    .web_product .gallery.thumbnails .txt{ font-size:13px;}
    .web_product .gallery.thumbnails .links{padding:0;font-size: 10px;line-height: 12px;}
    .web_product .gallery.thumbnails .links a{height: 90px;}
    .web_product .gallery.thumbnails .links a img{ height:50px; border-radius:0;}
    .web_product .gallery.thumbnails .links a .name{ line-height:14px;}
    .web_product .details{font-size:18px;padding: 0 5px;}
    .web_product .parameter{line-height:16px;font-size: 12px;/* margin: 0 auto; */}
    .web_product .parameter tbody td, .web_product .parameter tbody th{ padding:2px 5px;}
    .web_flips .item{height:30px;line-height:30px;font-size: 13px;margin: 4px 0px;padding: 0 13px;}
    .web_product_desc .title{font-size: 13px;line-height: 30px;}
    .web_product_desc .title:before{width: 30px;}
    .web_product_desc .desc p{ padding:5px; line-height:18px; font-size:12px;}
    .web_product_desc .top{font-size: 11px;padding: 0 5px;}
    .frameForm{ padding-left:0;}
    .web_product_desc .desc{ line-height:1.5em;}
}

@media screen and (max-width: 500px){
    body{ background-image:none;}
    .mygallery .thumbnails a{line-height: 50px;w;width: 50px;height: 50px;cursor: pointer;border-width: 1px;}
    .mygallery .show{max-height: 150px;}
    .gTitle{font-size:18px;padding: 0 0 0 5px;line-height: 30px;}
    .web_hot_products dd a{ width: 100%; height:auto;}
    .web_hot_products dd a .box{ height:auto;padding-bottom:10px;}
    .web_feedback .gallery img{/* height:auto; *//* width:100%; */}
    .web_products .item{ float:none; width: 100%; }
    .web_products .item .box{height:auto;}
    .web_products .item .box .img{ height:auto;}
    .web_top_logo .itemLogo{ float:none; line-height:1rem;}
    .web_top_logo .webName{ padding-top:0; font-size:0.875rem; font-weight:bold; line-height:1rem;}
    .web_top_logo .webUrl{ font-size:0.75rem;}
    .web_top_logo .text{ margin-left:24%;}
    .web_products .item .box{/* height:260px; */}
    .web_flips .item.other{ display:none;}
    .web_copyright .bottom{ display:none;}
    .small{ font-size:10px;}
    .web_top_menu a{font-size:13px;padding: 0 8px;}
    .web_top_logo .logo{width:80%;padding: 15px 0;}
    .mobile_hide{ display:none;}
    .web_product_desc, .web_product, .web_flips, .home_summary, .web_feedback, .mygallery{padding: 10px 2px;}
    .frameForm{ padding-left:0;}
}
@media screen and (max-width: 400px){
    .mygallery .show{max-height: 130px;min-height:100px;height: 120px;}
}



#slider {width: 1000px;height: 450px;}
#slider .control-links {margin-top: -15px;}

/* Floating Customer Service Panel */
#cmsFloatPanel{overflow:hidden;}
#cmsFloatPanel .ctrolPanel{width:36px;height:203px;background:#fff url(../images/epanel-bg.png) no-repeat left top;border:solid 1px #ddd;position:fixed;right:30px;top:200px;overflow:hidden;z-index:10000;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .ctrolPanel a{width:34px;font-size:12px;color:#ff3300;text-align:center;overflow:hidden; text-decoration:none;}
#cmsFloatPanel .ctrolPanel .arrow{height:29px;line-height:28px;display:block;margin:1px auto;}
#cmsFloatPanel .ctrolPanel .arrow span{display:none;}
#cmsFloatPanel .ctrolPanel .arrow:hover{background:#f4f4f4;}
#cmsFloatPanel .ctrolPanel .arrow:hover span{display:block;}
#cmsFloatPanel .ctrolPanel .service{height:40px;display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .service span{color:#09F;line-height:90px;}
#cmsFloatPanel .ctrolPanel .message{height:40px;display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .message span{color:#ff3300;line-height:90px;}
#cmsFloatPanel .ctrolPanel .qrcode{height:54px;display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .qrcode span{color:#0C6;line-height:90px;}

#cmsFloatPanel .arrow01{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #ddd;position:absolute;bottom:0;position:absolute;left:2px;top:0;}
#cmsFloatPanel .arrow02{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #fff;position:absolute;bottom:0;position:absolute;left:0;top:0;}
#cmsFloatPanel .servicePanel{width:128px;height:400px;position:fixed;right: 70px;top:200px;z-index:10000;overflow:visible;display: none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .servicePanel .servicePanel-inner{width:128px;position:relative;overflow:visible;}
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel{display: none; width:10px;height:30px;position:absolute;right:1px;top:50px;}
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel .arrow02{border-left:10px solid #348ee3; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel{width:128px;position:absolute;left:0;top:0;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd{width:128px;height:31px;background:url(../images/top.png) no-repeat left top;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a{width:24px;height:24px;font-size:12px;color:#fff;line-height:24px;display:block;float:right;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a span{display:none;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd{width:128px;background:url(../images/middle.png) repeat-y left top;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup{width:100px;margin:0 15px; padding:4px 0px 4px 0px; text-align: center; line-height: 26px;text-align: left;}
.qqimg{ margin-bottom:-3px;}

#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-ft{width:128px;height:22px;background:url(../images/bottom.png) no-repeat left top;overflow:hidden;}

#cmsFloatPanel .messagePanel{width:230px;height:400px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .messagePanel .messagePanel-inner{width:230px;position:relative;overflow:visible;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:110px;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow01{border-left:10px solid #ddd;left:2px;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel{width:220px;border:solid 1px #ddd;background:#fff;position:absolute;left:0;top:0;overflow:hidden;text-align: left;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd{height:32px;font-size:14px;color:#fff;line-height:32px;text-indent:10px;background:url(../images/cmsfloatformpanel-hd-bg.gif) no-repeat left top;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a{width:32px;height:32px;font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a span{display:none;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd{padding:10px 15px;overflow:hidden;font-size: .875rem;line-height: 1.25rem;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd p{font-size:12px;color:#666;line-height:30px;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft{height:30px;background:#f4f4f4;text-align:right;padding:0 10px;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft a{font-size:12px;color:#999;line-height:30px;letter-spacing:1px;}
#cmsFloatPanel .bb_var_contact_us div{ padding-bottom:.75rem; }
#cmsFloatPanel .qrcodePanel{width:230px;height:300px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner{width:230px;position:relative;overflow:visible;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:180px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow01{border-left:10px solid #ddd;left:2px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel{width:220px;background:#fff;border:solid 1px #ddd;position:absolute;left:0;top:0;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd{height:32px;font-size:14px;color:#fff;line-height:32px;text-indent:10px;background:url(../images/cmsfloatqrcodepanel-hd-bg.gif) no-repeat left top;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a{width:32px;height:32px;font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;overflow: hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a span{display:none;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd{padding:10px;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd img{width:200px;height:200px;border:none;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft{height:30px;background:#f4f4f4;text-align:center;padding:0 10px;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a{font-size:12px;color:#666;line-height:30px;letter-spacing:1px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a:hover{color:#F00;}