@charset "utf-8";

@font-face {
	font-family: 'UTMHelvetIns';
	src:url('fonts/UTMHelvetIns.eot');
	src:url('fonts/UTMHelvetIns.eot?#iefix') format('embedded-opentype'),
		url('fonts/UTMHelvetIns.woff') format('woff'),
		url('fonts/UTMHelvetIns.ttf') format('truetype'),
		url('fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;color: #363636;line-height:1.5em;font-family: Arial, Helvetica, sans-serif;font-size:14px;}
:focus      { outline:0; }
a:focus{outline:0;}
a:active,a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.2em;}
sub{bottom:-0.25em;}
img {max-width: 100%;height: auto;width: auto; /* ie8 */}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}

.clear { clear:both;}
.fl{float:left;}
.fr{float:right;}
.cf:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both; height: 0px;}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

a           { color:#333; text-decoration:none; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover     { color:#00038a; text-decoration:underline; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a img       { border:0;}
:focus      { outline:0; }
.listn{list-style:none;padding:0;margin:0;}

.boradius5{-o-border-radius: 5px;-icab-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.bortop5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;}

.borbot5{-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.borleft5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;}

.borright5{-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.shadow{box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);}
.shadow1{-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.bneffect{-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;
}
.bneff1{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.cl1{color:#ff7800;}

#warraper{width:1270px;margin:auto;}
#bartop{background:#0170bf;color:#efefef;height:32px;}
#mnubar{float:left;}
#mnubar ul{list-style:none;padding:5px 0 0 0;margin:0;}
#mnubar li{float:left;height:27px;line-height:27px;}
#mnubar ul li a{color:#efefef;padding:0 30px 0 22px;background-repeat:no-repeat;background-position:left center;}

#hotline{float:left;padding-top:5px ;}
#hotline a{height:27px;color:#efefef;padding:0 30px 0 22px;line-height:27px;background:url(../images/ic_phone.png) no-repeat left center;}
#listbar{float:right;}
#listbar ul{list-style:none;padding:5px 0 0 0;margin:0;}
#listbar ul li{float:left;line-height:27px;height:27px;}
#listbar ul li a{color:#efefef;background-repeat:no-repeat;background-position:left center;padding:0px 20px 0 22px;}
#listbar ul li.shop{background-image:url(../images/ic_shop.png);}
#listbar ul li.cart{background-image:url(../images/ic_cart.png);}
#listbar ul li.trans{background-image:url(../images/ic_trans.png);padding-left:27px;}
#listbar ul li.pay{background-image:url(../images/ic_pay.png);}

#header{border-bottom:4px solid #e8e8e9;background:#fff;}
#logo{float:left;padding:5px 0 0 10px;}
#stickbar{z-index:10000;position:fixed;width:100%;}
.blockmain{padding-top:96px;}

#menutop{float:right;padding-top:10px;}
#search{float:right;padding-top:14px;padding-left:30px;}
#search .txtbox{float:left;border:1px solid #bcbec0;height:30px;box-sizing:border-box;padding:5px;}
#search .txtbox input{border:none;background:none;}
#search .button{float:left; background:#0170bf;width:30px;height:30px;box-sizing:border-box;padding-top:5px;}
#search .button button{color:#fff;background:none;border:none;font-size:18px;}

ul#navigation {margin:0px auto;position:relative;padding:0;}
ul#navigation li {display:inline-block;position:relative;white-space: nowrap;padding:0 25px 0 0;height:50px;}
ul#navigation li:last-child{padding:0;}
ul#navigation li a {
	text-transform:uppercase;
	font-family:'UTMHelvetIns';
	font-size:15px;
	color:#414042;
	text-decoration:none;
	display:inline-block;
	height:36px;line-height:36px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	
}
ul#navigation li a.active,
ul#navigation li a:hover,ul#navigation li:hover > a {
	color:#0170bf;
	border-bottom:4px solid #0170bf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
	background:#e9e9e9;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	minh-width:160px;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 50px;
    left: 0;
	padding:10px;margin:0;
	background:#fff;
}
ul#navigation ul li ul {
    top: 0px;
    left: 160px;
	
}

ul#navigation ul li {
	clear:both;
	padding:0;
	height:auto;
	padding:0;margin:0;
	width:100%;
	background:none;
	display:inline;
}

ul#navigation ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#252525;
	padding:0px;
	text-transform:none;
	height:35px;
	line-height:35px;
	text-decoration:none;
	display:block;
	text-align:left;
	font-weight:normal;
	width:auto;
	margin:0;
	border-bottom:1px dashed #666666;
}
ul#navigation ul li:last-child a,ul#navigation ul li:last-child a:hover,
ul#navigation ul li:last-child a.active  {
	border-bottom:none;
}

ul#navigation ul li a.active,ul#navigation ul li a:hover {
	border-bottom:1px dashed #666666;
}

#banner{}
#maincon{padding:20px 0;}
#bottom{background:#e8e8e9;padding:10px 0;}
#botcol{float:left;width:25%;padding:20px 1%;box-sizing:border-box;overflow:hidden;}
#botcol .btitle{font-family:'UTMHelvetIns';font-size:14px;color:#231f20;text-transform:uppercase;height:40px;}

#listbot{list-style:none;padding:0;margin:0;}
#listbot li{border-bottom:1px dashed #6d6e71;height:30px;overflow:hidden;line-height:30px;}
#listbot li:last-child{border-bottom:none;}
#listbot li,#listbot li a{color:#6d6e71;}
#listbot li a:hover{color:#0170bf;}

#fotter{background:#0170bf;color:#fff;padding:10px 0;}
#fotter .copy{float:left;line-height:30px;}
.social{float:right;}
.social a{color:#bcbec0;font-size:25px;text-align:center;display:inline-block;width:30px;padding-top:5px;}
.social a:hover{color:#fff;text-decoration:none;}

#left{float:left;width:260px;box-sizing:border-box;padding-left:10px;}
#main{float:right;width:calc(100% - 290px);}
#content{padding:20px 0;}


.share{margin-top:10px;}
#posttile,#posttile h1{font-family:"UTMHelvetIns", Times, serif;font-size:16px;font-weight:normal;
padding:0;margin:0;color:#414042;height:40px;line-height:40px;text-transform:uppercase;}
#posttile{border-bottom:3px solid #918f8f;}


#menuleft{padding-bottom:10px;}
#menuleft ul{
	list-style: none;
    margin: 0;
    padding: 0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	}

#menuleft ul li a {
	display:block;
	font-family:"UTMHelvetIns";
	color:#58595b;
	font-size:16px;
	line-height:33px;
	text-decoration:none;
	background-image:url(../images/arr_09.png);
	background-repeat:no-repeat;
	background-position:left 12px;
	height:33px;
	box-sizing:border-box;
	padding:0 5px 0 15px;
	text-align:left;
	text-transform:uppercase;
	
}

#menuleft ul li a:hover {
	color:#0170bf;
	text-decoration:underline;
	background-image:url(../images/arr_03.png);
}
#menuleft ul li a.active {
	color:#0170bf;
	background-image:url(../images/arr_05.png);
}

#menuleft ul ul{padding-left:26px;}
#menuleft ul ul li{border-bottom:1px dashed #939598;}
#menuleft ul ul li:last-child{border-bottom:none;}
#menuleft ul ul li a{font-family:Arial, Helvetica, sans-serif;padding:0;
background-image:none;font-size:16px;text-transform:none;}
#menuleft ul ul li a:hover,#menuleft ul ul li a.active
{
	background-image:none;
}


#listnews{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #eee;}
#listnews .ntitle{padding-bottom:5px;}
#listnews .ntitle a{color:#58595b;font-size:16px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#listnews .ntitle a:hover{color:#0170bf;}
#listnews .lnimg{width:230px;border:2px solid #c6c5c3;background:#fff url(../images/noimg.png) center no-repeat;float:left;margin-right:20px;
padding:1px;box-sizing:border-box;}
#listnews .lnimg img{width:300px;height:200px;}
#listnews .lninfo{overflow:hidden;font-family:Arial;font-size:14px;color:#595757;text-align:justify;}

#listnews .lndesc{font-style:italic;}
#listnews .ncontact{text-align:right;margin-top:-20px;}
#listnews .ncontact a{color:#af1515;font-style:italic;}
.ntitle h1{font-size:17px;color:#333;padding:0 0 10px 0;font-family:Arial, Helvetica, sans-serif;margin:0;}
.newsmore{font-weight:bold;text-transform:uppercase;padding-top:2%;}

#NewsNew h2,#NewsOld h2 {font-weight:normal;font-size:14px;margin:0;}

.blockpage{text-align:right;padding:10px;}
.page,.pageselect{text-decoration:none;display: inline-block;width:32px;height:30px;text-align:center;line-height:30px;font-size:14px;margin-left:-2px;}
.page{color:#000;border:1px solid #bab9b8;background:#d0cdcb;}
.page:hover,.pageselect:hover{color:#fff;text-decoration:none;background:#666666;}
.pageselect{border:1px solid #a29f9e;background:#0170bf;color:#fff;}

#contact-form{padding-top:20px;}
.contact-content{padding-bottom:20px;}
.map-main{width:100%;height:450px;}

.pftform .rows,.pftform .rows1{padding-bottom:10px;line-height:35px;}
.pftform .rows1{width:32%;}
.pftform .col1{float:left;padding-right:2%;}
.pftform .col2{float:right;}
.pftform .rows input,.pftform .rows textarea{width:98%;padding:5px 1%;height:25px;border:1px solid #6e6e6e;}
.pftform .rows1 input{width:96%;padding:5px 2%;height:25px;border:1px solid #6e6e6e;}
.pftform .rows input:focus,.pftform .rows textarea:focus,.pftform .rows1 input:focus{border-color:#1c86c8;}
.pftform .rows textarea{resize:none;height:100px;}
.pftform .cbutton{text-align:center;}
.pftform button{background:none;color:#333;font-size:15px;height:40px;border:none;padding:0 30px;border:1px solid #6e6e6e;}
.pftform button:disabled{background:#CCC;}


#listpro{list-style:none;padding:0;margin:0;}
#listpro li{float:left;width:25%;padding:6px;box-sizing:border-box;}
#listpro li:nth-child(4n+1){clear:both;}
#listpro li .boxhover{transition: all 0.2s ease-in-out 0s;position:relative;box-sizing:border-box;border:1px solid #ddd;}
#listpro li .img{width:100%;height:auto;transition: all 0.2s ease 0s;}
#listpro li .img img{width:100%;height:auto;transition: all 0.2s ease-in-out 1s;}
#listpro li:hover .img{ outline: 1px solid #01afec;outline-offset: -20px;background:#CCC;}
#listpro li .procl{opacity:0;height:35px;position:absolute;transition: all 0.2s ease-in-out 0s;background:#fff;;bottom:20px;left:20px;right:20px;}
#listpro li:hover .procl{opacity:0.7;transition: all 0.2s ease-in-out 0s;}
#listpro li .vmore{background:url(../images/eye.png) no-repeat 5px center;padding-left:30px;height:35px;line-height:35px;color:#000;font-size:14px;}
#listpro li .name{height:45px;overflow:hidden;}
#listpro li .name a h2{padding:5px 0 0 0;margin:0;text-align:center;font-size:14px;font-weight:normal; color:#292929;}
#listpro li .name a:hover h2,#listpro li .name a:hover{text-decoration:none;}
#listpro li .price{text-align:center;font-size:14px;color:#f00;}
#listpro li .punit{font-weight:normal;text-decoration:underline;}

#hdtitle{font-family:"UTMHelvetIns", Times, serif;font-size:16px;font-weight:normal;
padding:0;margin:0;color:#414042;height:40px;line-height:40px;text-transform:uppercase;margin-bottom:10px;}
#producthot{padding:10px 0;}

.phoxhot .boxhover{transition: all 0.2s ease-in-out 0s;position:relative;box-sizing:border-box;border:1px solid #f4f6f3;}
.phoxhot .img{width:100%;height:auto;transition: all 0.2s ease 0s;}
.phoxhot .img img{width:100%;height:auto;transition: all 0.2s ease-in-out 1s;}
.phoxhot:hover .img{ outline: 1px solid #a7a9ac;outline-offset: -20px;background:#CCC;}
.phoxhot .procl{opacity:0;height:35px;position:absolute;transition: all 0.2s ease-in-out 0s;background:#fff;;bottom:20px;left:20px;right:20px;}
.phoxhot:hover .procl{opacity:0.7;transition: all 0.2s ease-in-out 0s;}
.phoxhot .vmore{background:url(../images/eye.png) no-repeat 5px center;padding-left:30px;height:35px;line-height:35px;color:#000;font-size:16px;}
.phoxhot .name{height:45px;overflow:hidden;}
.phoxhot .name a h2{padding:5px 0 0 0;margin:0;text-align:center;font-size:14px;font-weight:normal; color:#292929;}
.phoxhot .name a:hover h2,.phoxhot .name a:hover{text-decoration:none;}
.phoxhot .price{text-align:center;font-size:14px;color:#f00;}
.phoxhot .punit{font-weight:normal;text-decoration:underline;}


#listhpro{list-style:none;padding:0;margin:0;}
#listhpro li{float:left;width:25%;padding:1%;box-sizing:border-box;}
#listhpro li .boxhover{transition: all 0.2s ease-in-out 0s;position:relative;box-sizing:border-box;border:1px solid #01afec;}
#listhpro li .img{width:100%;height:auto;transition: all 0.2s ease 0s;}
#listhpro li .img img{width:100%;height:auto;transition: all 0.2s ease-in-out 1s;}
#listhpro li .img{ outline: 1px solid #ddd;outline-offset: -10px;background:#CCC;}
#listhpro li .procl{height:35px;position:absolute;transition: all 0.2s ease-in-out 0s;background:rgba(1,112,191,0.7);bottom:10px;left:10px;right:10px;}
#listhpro li:hover .procl{background:rgba(1,112,191,1);transition: all 0.2s ease-in-out 0s;}
#listhpro li .vtitle{box-sizing:border-box;font-family:'UTMHelvetIns';line-height:35px;text-transform:uppercase;font-size:16px;color:#fff;text-align:center;}

#listhpro li .name a h2{padding:5px 0 0 0;margin:0; height:20px;text-align:center;font-size:14px;font-weight:normal; color:#292929;}
#listhpro li .name a:hover h2,#listhpro li .name a:hover{text-decoration:none;}
#listhpro li .price{text-align:center;font-size:14px;color:#0170bf;}
#listhpro li .punit{font-weight:normal;text-decoration:underline;}


#listhpk{list-style:none;padding:0;margin:0;}
#listhpk li{float:left;width:282px;padding:17px;}
#listhpk li .boxhover{transition: all 0.2s ease-in-out 0s;position:relative;box-sizing:border-box;border:1px solid #f4f6f3;}
#listhpk li .img{width:280px;height:auto;transition: all 0.2s ease 0s;}
#listhpk li .img img{width:280px;height:auto;transition: all 0.2s ease-in-out 1s;}
#listhpk li .procl{opacity:0;height:80px;position:absolute;transition: all 0.2s ease-in-out 0s;background:#fff;;top:50%;left:30px;right:30px;margin-top:-36px;border:1px solid #a7a9ac;}
#listhpk li:hover .procl{opacity:0.7;transition: all 0.2s ease-in-out 0s;}
#listhpk li .vtitle{box-sizing:border-box;padding:0 10px;font-family:'UTMHelvetIns';line-height:72px;text-transform:uppercase;font-size:18px;color:#000;text-align:center;}



#proview{float:left;padding-right:10px;width:364px;}
#proview .prvimg{width:360px;border:1px solid #CCC;margin-bottom:5px;}
#proview .prvimg img{width:360px;height:360px;}
#thumblist{padding:0;margin:0;list-style:none;}
#thumblist .box{border:1px solid #CCC;box-sizing:border-box;text-align:center;}
#thumblist .box img{margin:auto;}

#proinfo{float:left;width:calc(100% - 425px);padding-left:40px;}
#proinfo .pname{font-weight:bold;text-transform:uppercase;font-size:15px;padding-bottom:10px;}
#proinfo .pprice{color:#d5482c;font-size:18px;padding:10px 0;}
#proinfo .pcode{padding-bottom:10px;}
#proinfo .pquality{padding-top:50px;padding-bottom:20px;}
#proinfo .pqnum{padding:4px;width:60px;border:1px solid #CCC;}
#proinfo .phelp{margin-top:30px;line-height:30px;border-bottom:1px solid #CCC;text-transform:uppercase;margin-bottom:10px;}
#proinfo .padd{padding-top:10px;}
.prodesc{padding:20px 0;}

#proinfo .ppo1,#proinfo .ppo2{float:left;height:30px;line-height:30px;}
#proinfo .ppo1{width:90px;}
#lsize,#lcolor{list-style:none;padding:0;margin:0;}
#lsize li{display:inline-block;height:22px;line-height:22px;width:22px;border:1px solid #dfdfdf;color:#070707;text-align:center;font-family:'UTMHelvetIns';}
#lsize li:hover{background:#CCC;cursor:pointer;}
#lsize li.active{border:1px solid #0170bf;}

.mrbutton{background:#000;color:#fff;border:none;padding:5px 30px;margin:3px 0;}
.mrbutton:hover{background:#0170bf;color:#fff;}

.pleft{padding-top:10px;}

.fn-table,.fn-table .tr-head{border:1px solid #bcbec0;border-collapse: collapse;}
.fn-table .tr-head{font-weight: bold;text-align: center;font-size:13px;}
.fn-table .tr-head td{background: #F3F3F3;color:#000;}
.fn-table td{border:1px solid #bcbec0;border-collapse: collapse;padding: 4px 2px;vertical-align: middle;color:#000;}
.fn-table .col2,.fn-table .col3,.fn-table .col4{width:10%;}
.fn-table .col5{width:3%;}

.shoptitle{font-weight:bold;font-size:13px;text-transform:uppercase;padding-bottom:10px;}
.shopinfo{padding:20px 0;font-size:12px;}
.fbuyinfo{float:left;width:48%;}
.frecinfo{float:right;width:48%;}

.frm-order{width:100%;box-sizing:border-box;}
.frm-order td{padding:4px;}
.frm-order .scol{width:150px;}

.TextBox{border:1px solid #bcbec0;box-sizing:border-box;width:calc(100% - 10px);padding:2px 5px;min-height:30px;}


.jssord04l, .jssord04r, .jssord04ldn, .jssord04rdn{position: absolute;cursor: pointer;display: block;background: url(../images/d21.png) no-repeat;overflow:hidden;}
.jssord04l { background-position: -8px -32px; }
.jssord04r { background-position: -68px -32px; }
.jssord04l:hover { background-position: -128px -32px; }
.jssord04r:hover { background-position: -188px -32px; }
.jssord04ldn { background-position: -8px -32px; }
.jssord04rdn { background-position: -68px -32px; }


#search .txtbox{float:left;border:1px solid #0170bf;height:30px;box-sizing:border-box;padding:5px;}
#search .txtbox input{border:none;background:none;}
#search .button{float:left; background:#0170bf;width:30px;height:30px;box-sizing:border-box;padding-top:5px;}
#search .button button{color:#fff;background:none;border:none;font-size:18px;}


.line1{border-top:1px solid #CCC;}
#newsletter{padding:10px 0;max-width:700px;margin:auto;}
#newsletter .nlleft{float:left;width:calc(100% - 400px);text-align:center;}
#newsletter .title{font-size:14px;text-transform:uppercase;font-weight:bold;}
#newsletter .boxipt{float:left;width:400px;box-sizing:border-box;padding-top:10px;}
#newsletter .ipt{float:left;border:1px solid #bcbec0;height:30px;box-sizing:border-box;padding:5px;width:300px;}
#newsletter .ipt input{border:none;background:none;width:100%;}
#newsletter .btn{float:left; background:#CCCCCC;height:30px;box-sizing:border-box;padding-top:5px;}
#newsletter .btn button{color:#000;background:none;border:none;font-size:14px;text-transform:uppercase;font-weight:bold;width:100px;}


#showmsgcart{display:none;text-align:center;}
#showmsgcart button{background:#000;color:#fff;border:none;padding:5px 10px;}


.hprohot{padding:0 20px;}
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 17px;
    height: 24px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index:100;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    opacity: 0.5;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 10px;
	background:url(../images/arrl.png) no-repeat;
}
[dir='rtl'] .slick-prev
{
    right: 10px;
    left: auto;
	background:url(../images/arrl.png) no-repeat;
}

.slick-next
{
    right: 10px;
	background:url(../images/arrr.png) no-repeat;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 10px;
	background:url(../images/arrr.png) no-repeat;
}

.mobilemnu{
	background: center center no-repeat;
	background-image: url(../images/btmnu.png);
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
	display:none;
}

.fn-table,.fn-table .tr-head{border:1px solid #bcbec0;border-collapse: collapse;box-sizing:border-box;}
.fn-table .tr-head{font-weight: bold;text-align: center;font-size:13px;box-sizing:border-box;}
.fn-table .tr-head td{background: #F3F3F3;color:#000;}
.fn-table td{border:1px solid #bcbec0;border-collapse: collapse;padding: 4px 10px;vertical-align: middle;color:#000;box-sizing:border-box;}
.fn-table tr:hover{background:#eee;}

@charset "utf-8";
@media \0screen {
img {width: auto;}  
}

@media only screen and (max-width: 1024px) {
 
	#warraper{width:auto;}
	.btop{position:relative;}
	
	#search .txtbox input{width:80px;}
	
	#listbar{position:absolute;right:0;}
	#listbar ul li a{padding:0 15px 0 22px;}
	#listbar ul li .atxt{display:none;}
	#hdtitle{padding-left:5px;}
	
	#listpro li:hover .img{ outline-offset: -10px;}
	#listpro li .procl{bottom:10px;left:10px;right:10px;}

}


@media only screen and (max-width: 800px) {
	#logo{padding:0px;width:100%;text-align:center;box-sizing:border-box;float:none;}
	#logo img{width:auto;height:60px;}
	#menutop{padding:0;}
	#topmenu,#left{display:none;}
	#header .mnutop{position:relative;}
	#search{position:absolute;right:0; padding-top:14px;top:0;}
	.is-sticky #menutop{padding-top:0px;}
	.mobilemnu{display:inline;}	
	#listhpro li .vtitle{width:100%;overflow:hidden;font-size:15px;}

	#main{float:none;width:100%;box-sizing:border-box;padding:0 1%;}
	#proinfo{padding-left:10px;width:calc(100% - 385px)}
	#bottom #botcol:nth-child(2n+1){clear:both;}
	#bottom #botcol{width:50%;padding:20px 1%;}
	#listhpro li{float:left;width:50%;padding:10px 2%;}
	#listhpro li .vtitle{font-size:14px;}
}

@media only screen and (max-width: 600px) {
	#banner{display:none;}
	
	#mnubar{padding-left:10px;}
	#mnubar ul li a{padding:0 10px 0 22px;}
	#mnubar ul li .atxt{display:none;}
	#hotline .atxt{display:none;}
	
	#newsletter .nlleft,#newsletter .boxipt{float:none;width:100%;box-sizing:border-box;padding:0 1%;}
	#newsletter .ipt{width:calc(100% - 100px);}
	
	.pftform .rows1,.pftform .rows{width:100%;padding:5px 0;box-sizing:border-box;float:none;}
	
	#listpro li{width:50%;}
	#listpro li:nth-child(4n+1){clear:none;}
	#listpro li:nth-child(2n+1){clear:both;}
	.proboxv{width:100%;margin:auto;}
	#proview{float:none;padding:0;margin:0 auto;}
	#proinfo{float:none;width:100%;box-sizing:border-box;padding:10px 0 20px 0;border-bottom:1px solid #CCC;}
	
	.fn-table .col1,.fn-table .col3,.fn-table .col4{display:none;}
	.fn-table .col2{width:60px;}
	.fn-table .col5{width:30px;}
	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		margin: 0; 
	}
	.fbuyinfo,.frecinfo{float:none;width:100%;}
}

@media screen and (max-width: 340px) {
	#listhpro li{float:left;width:100%;padding:10px 0;}
	#logo{text-align:left;}
	#logo img{padding:15px 0 15px 60px;height:30px;}
	#bottom #botcol{width:100%;}
	
	#listhpro{padding:20px 5%;}
	#listpro li{width:100%;}
	
	#proview{width:304px;}
	#proview .prvimg{width:300px;}
	#proview .prvimg img{width:300px;height:400px;}

	
}