*{word-wrap:break-word;}
body, table, input, select, textarea{ font-family: "Open Sans","Arial","Helvetica","Raleway";}
html {overflow-y:scroll;}
body {margin:0;padding:0 0 0px;min-height:100%; font-size:13px; background:#fff;}
table{font-size:13px;}
form{margin:0px;padding:0px;}
ul,li{list-style:none; margin:0px; padding:0px;}
.text_css{font-size:13px; padding:4px 2px;border:1px solid;border-color:#b0b0b0 #ccc #ccc #b0b0b0;background:#FFF url('images/bg_input.png') repeat-x;color:#333;font-size:13px;}
.button_css{font-size:13px; padding:2px 4px;margin:0px;}
.radio_css{}
.checkbox_css{}
select{padding:2px;font-size:13px;}
textarea{font-size:13px; border-color:#b0b0b0 #ccc #ccc #b0b0b0;}
.required{color:red;font-weight:bold;margin:0px 2px;}
.warning{font-weight:bold;}
.time{font-size:11px; color:#104373;}
.ip{font-size:11px; color:#104373; }
.time a:link,.time a:hover,.time a:visited,.time a:active{color:#104373;}
.ip a:link,.ip a:hover,.ip a:visited,.ip a:active{color:#104373;}
a:link, a:active, a:visited{text-decoration:none;color:#000000;}
a:hover{text-decoration:underline;color:#F79A00;}
a img{border:none;}
img{border:none;}
.commonlink:link,.commonlink:active,.commonlink:visited,.commonlink:hover{color:#0657B2;}
.div_out_onbg {margin:0 auto;width:960px;}
.div_out {margin:0 auto;width:960px;background-color:#FFFFFF;}
.colorpicker{cursor:pointer;}
.yesStyle{color:green; background:url('../../images/sign/yes_small.gif') center left no-repeat;padding-left:20px;}
.wStyle, .wstyle{color:#f90; background:url('../../images/sign/warn_small.gif') center left no-repeat;padding-left:20px;}
.clear{clear:both; overflow:hidden; height:1px;}

input::-webkit-input-placeholder {color: #ccc;}
input::-moz-input-placeholder {color: #ccc;}
input::-ms-input-placeholder {color: #ccc;}
textarea::-webkit-input-placeholder {color: #ccc;}
textarea::-moz-input-placeholder {color: #ccc;}
textarea::-ms-input-placeholder {color: #ccc;}

/********头部********/
#header{max-width: 1080px; margin:0 auto; height:80px; padding: 0px 10px; overflow:hidden; position: relative;}
#header table{max-width: 1080px; margin:auto; border-collapse:collapse;}
#header .left{width:570px; padding:0px; margin:0px;}
#header .topcart{ background:url('../../images/bg_topcart.gif') center left no-repeat; padding-left:22px;}
#header a img{height: 72px;}

.fixednav {
	background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10999;
    border-bottom: 3px solid #104373;
    box-shadow: 0px 0px 8px #666;
}

.portal_sk{width:450px; height:34px; border:2px solid #FFAE00; background:#FFF url('images/bg_input.png') repeat-x; position: absolute; left: 300px; top: 15px; overflow: hidden;}
.portal_sk input{border:0px; outline: none; height:28px; line-height: 28px; width:420px; text-indent: 5px; font-weight:bold; font-size:14px; position: absolute; top: 2px; left: 0px;}
.portal_sk a.search{display: block; width: 34px; height: 34px; background: url('images/bg_searchbtn2.gif') no-repeat center center; position: absolute; right: 0px; top: 0px;}
.portal_sk a.menu{display: none;}
.portal_sk input::-webkit-input-placeholder{color: #999;}

.tlk{width:240px; position: absolute; right: 0px; top: 8px;}
.tlk a{width: 80px; height: 20px; padding-top: 40px; background: url('images/ico_topi.png') no-repeat; display: block; float: left; text-align: center; font-size: 13px;}
.tlk a.a1{background-position: 20px 0px;}
.tlk a.a2{background-position: 15px -100px;}
.tlk a.a3{background-position: 15px -200px;}
.tlk a.a4{background-position: 15px -300px;}

#bomico{position: relative;}
#bomico i{display: block; background: #00AD68; color: #fff; position: absolute; right: 20px; top: 0px; font-style: normal; padding: 3px; border-radius: 50%; font-size: 11px; font-weight: bold; width: 14px; height: 14px; line-height: 14px;}

.fixednav #header{height: 50px;}
.fixednav #header a img{height: 48px;}
.fixednav .portal_sk{left: 170px; top: 6px; width: 450px;}
.fixednav .portal_sk input{width: 410px;}
.fixednav .tlk{top: 6px; width: 150px;}
.fixednav .tlk a{text-indent: -300px; width: 50px; height: 0px; overflow: hidden;}
.fixednav .tlk a.a1{background-position: 0px 0px;}
.fixednav .tlk a.a2{background-position: 0px -100px;}
.fixednav .tlk a.a3{background-position: 0px -200px;}
.fixednav .tlk a.a4{background-position: 0px -300px;}
.fixednav #bomico i{text-indent: 0px;  right: 5px;}

.trans3{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.trans5{ transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.trans7{ transition: all 0.7s;-moz-transition: all 0.7s;-webkit-transition: all 0.7s;-o-transition: all 0.7s;}

.dlvbd{border:2px solid #05294B; clear: both; margin-top: 10px; display: block; }

/********顶部菜单********/
#nav{float: left;}
#topnav{width:auto; height:48px; margin:auto; padding-left: 30px; }
#topnav .topmenu {position:relative; float:left; height:48px; margin:0px 0px 0px 0px;}
#topnav .toplink {height:48px; line-height:48px; color:#333; text-decoration:none; font-size:16px; float:left; padding:0px 28px; font-weight: bold;}
#topnav .toplink:link, #topnav .toplink:visited, #topnav .toplink:active{color:#333; text-decoration:none;  }
#topnav .toplink:hover { color:#13508C; text-decoration:none;}

/********顶部菜单->下拉菜单********/

#topnav .sub {
	position:absolute; top:48px; left:0; background:#fff; padding:0px 8px; z-index:10000; float:left; padding-bottom:5px; border:1px solid #D2E2E5; display:none; box-shadow: 2px 2px 8px #666;
}
#topnav .subul{float:left;}
#topnav .subul li {display:block; height:30px; line-height:30px; border-bottom:1px solid #eee; width:190px; color:#fff;overflow:hidden; text-indent: 20px;}
#topnav .subul li:last-child{border-bottom: 0px;}
#topnav .subul li a{display: block;}
#topnav .subul li h3 {padding:0;  margin:0;font-weight:normal;font-size:14px;}
#topnav .subul li a:hover {color:#F79A00; }

.subapp{width: 560px; float: left; overflow: hidden;}
.appul{float: left; width: 280px;}
.appul li{height: 25px; line-height: 25px; display: block; text-indent: 12px; overflow: hidden;}
.appul li a{display: block;}
.appul li.par{color: #104373; background: url('images/ico_down.gif') no-repeat center left; text-indent: 12px; margin-top: 10px;}
.appul li.par a{color: #104373; font-weight: bold; font-size: 14px;}

/********所有页面整个框架********/
.position{max-width: 1080px; border-bottom:1px solid #eee; padding: 10px 0px; line-height: 150%; margin:0px auto 10px auto; color:#333; background:url('images/ico_home.gif') no-repeat 0px 11px; text-indent:20px;}
.position span{color:#666666;}
.position a:link,.position a:hover,.position a:visited,.position a:active{color:#000;}


/********相关产品样式********/
.prorel{border:1px solid #eee;}
.proreltl{font-size: 16px; display: block; background: #eee; padding: 10px; font-weight: bold; }
.prorelct{padding: 10px;}
.relpro{padding:0px; margin: 0px;}
.relpro li{list-style:none; height:60px; line-height: 20px; width:50%; margin-top: 5px; padding-left: 66px; border-bottom:1px solid #eee; float:left; overflow:hidden; position: relative; box-sizing:border-box; -moz-box-sizing:border-box;}
.relpro li:nth-child(9), .relpro li:nth-child(10){border-bottom: 0px;}

.relpro li img{width: 55px; height: 55px; position: absolute; left: 0px; top: 0px;}
.relpro li a{color: #104373; font-weight: bold; font-size: 14px;}
.relpro li span{display: block;}


.compareout{border:1px solid #eee;}
.compareout .tl{font-size: 16px; display: block; background: #eee; padding: 10px; font-weight: bold; }
.comparect{padding: 10px;}
.compareul{padding:0px; margin: 0px;}
.compareul li{list-style:none; height:30px; line-height: 30px; width:50%; float:left; overflow:hidden; position: relative; box-sizing:border-box; -moz-box-sizing:border-box;}
.compareul li a{color: #104373; font-size: 14px;}

/********文章列表********/
.list_pager{float:right; margin-top:5px; clear:both;}
.list_pager table tr td{vertical-align:middle;}


/********产品列表********/
.partlist{width:100%; border-collapse:collapse; font-size: 14px;}
.partlist tr td{padding:2px 5px; vertical-align:middle;}
.partlist thead td{font-weight:bold; color:#000000; background:#f5f5f5; padding:12px 5px;}
.partlist img{width:48px; height:48px;}
.partlist a:link,.partlist a:visited,.partlist a:active{color:#104373; }
.partlist .tinypdf{margin-top: 5px;}
.partlist .center{text-align: center;}
.partlist .pic{width: 50px; text-align: center;}
.partlist .partno{width: 180px;}
.partlist .man{width: 180px;}
.partlist .app{}
.partlist .intro{word-wrap:break-word; word-break:break-all;}
.partlist .pak{width: 70px; text-align: center;}
.partlist .datecode{width: 70px; text-align: center; display: none;}
.partlist .quality{width: 60px; text-align: center;}
.partlist .price{width: 140px; text-align: center;}
.partlist .price em{font-style: normal; font-size: 12px;}
.partlist .bom{width: 45px; text-align: center;}
.partlist .price table td{border:0px; padding: 0px;}
.partlist .price table td.range{text-align: right}
.partlist .price table tr:last-child td{border-bottom: 0px;}

/********产品浏览页面********/

#bomlist{border:1px solid #dedede; }
.bomtdiv{padding: 0px 8px;}
.bomheader, .bompro{width: 100%;}
.bomheader td, .bompro td{padding: 2px 2px;}
.bomheader td{background:#f5f5f5; font-size:14px; font-weight:bold; color:#333; padding: 6px 2px; text-align: center;}
.bomheader .required{font-family:"Arial","Helvetica","Raleway";}
.bompro{background:#fff;}
.bompro input{font-size:14px; font-family:"Arial","Helvetica","Raleway"; padding:3px 3px;}
.bom1{width:200px;}
.bom1 input{width:95%;}
.bom2{width:200px;}
.bom2 input{width:95%;}
.bom3{width:90px;}
.bom3 input{width:90%; text-align: right;}
.bom4{width:130px;}
.bom4 input{width:92%; text-align: right;}
.bom5{width:120px;}
.bom5 input{width:92%; text-align: right;}
.bom6{}
.bom6 input{width:98%;}
.bom7{width: 20px;}
.bomtitle1{font-size: 24px; color: #000000; padding:12px 0px;}
.bomtitle2{height:40px; line-height:40px; text-indent:10px; font-weight:bold; font-size:16px;}
.bomtitle3{background:#F5F5F5; height:25px; line-height:25px; text-indent:10px; font-weight:bold;}
.bomtitle4{background:#fff; padding:8px;}
#bomaddbtn{padding-top: 5px;}
.quote{width:100%; margin: 0px;}
.quote dt{display: block; padding:5px 6px; text-align:right; width:140px; float: left; margin: 0px;}
.quote dd{display: block; padding:3px 6px; width: 360px; float: left; margin: 0px;}
.quote dd .text_css{width: 360px;}
.quote dd textarea{height:75px;}

.chatdl{width:50%; margin: 0px; float: left;}
.chatdl dt{display: block; padding:3px 0px; margin: 0px;}
.chatdl dd{display: block; padding:3px 0px; margin: 0px;}
.chatdl dd .text_css{width: 92%;}
.chatdl dd textarea.text_css{height:120px; width: 96%;}


/********底部*************/
.footer{text-align:center; font-size:11px; color:#666; padding:10px 0px; line-height:150%;}
.footer a:visited,.footer a:link,.footer a:hover,.footer a:active{color:#ff6600;}
.footout{background: #ECF0F1; padding: 25px 10px;}
.footin{max-width: 1080px; margin: auto;}
.fdiv{width: 21%; float: left;}
.fdiv h3{display: block; margin: 0px; padding: 0px; font-size: 20px; height: 32px; font-weight: normal;}
.fdiv ul{list-style: none; margin: 0px; padding: 0px; display: block;}
.fdiv ul li{height: 22px; line-height: 22px;}
.fdiv .ewm{width: 125px; height: 90px; background: url('images/ewm_worldway.png') no-repeat center center;}
.btcontact{display: block; list-style: none; margin: 0px; padding: 0px;}
.btcontact li{text-indent: 24px; background: url('images/bg_btcontact.png') no-repeat; }
.btcontact li.phone{background-position: 0px 3px;}
.btcontact li.email{background-position: 0px -45px;}
.btcontact li.fax{background-position: 0px -96px;}
.btcontact li.text{background: none; font-weight: bold; font-size: 11px; text-indent: 0px;}

.snsico{background: url('images/ico_sns.png') no-repeat; background-size: 125px 25px; width: 125px; height: 25px; }
.snsico a{display: block; width: 30px; height: 25px; float: left;}
.snsico a span{display: none;}

.btout{background: #fff; padding-bottom:30px;}
.btin{max-width:1080px; margin: auto; text-align: center; font-size: 13px; color: #333; padding: 15px 0px; line-height: 180%;}
.btin a{white-space: nowrap;}
.btin a:link,  .btin a:active,  .btin a:visited{color: #F79A00;}
.btico{height: 60px; background: url('images/bg_fticos3.png') no-repeat center center;}


/********** Pagination 分页 *********/
.Pagination {height:30px;background:url('../../images/pager.gif') 0px 0px;font-size:11px;}
.Pagination a {padding:0px 2px;height:30px;line-height:30px;color:#574747;float:left;text-align:center;border-right:1px solid #D5CEC8;border-left:1px solid #FFFFFF;display:block;}
.Pagination a:link,.Pagination a:visited,.Pagination a:active,.Pagination a:hover{color:#574747;text-decoration:none;}
.Pagination strong {background:url('../../images/pager.gif') 0px -30px;padding:0px 2px;height:30px;line-height:30px;color:#574747;float:left;text-align:center;border-left:1px solid #FFFFFF;border-right:1px solid #DEB647;display:block;}
.Pagination_td1 {padding:0px 0px;height:30px;background:url('../../images/pager.gif') 0px 0px;border:1px solid #CECFCA;border-right:0px;text-align:left;}
.Pagination_td2 {padding:0px 8px;height:30px;background:url('../../images/pager.gif') 0px 0px;border:1px solid #CECFCA;border-left:0px;text-align:left;font-size:13px;}
.Pagination_inputtd {text-align:right;}
.Pagination_input {background-color:#FFFFFF;background:url('../../images/pager.gif') repeat-x 0px -80px;height:16px;padding:1px;border:1px solid #CFCFCD;font-size:13px;}
.Pagination_epagetd {width:72px;}
.Pagination_epagenum a {width:17px;height:15px;border:1px solid #858786;margin-right:5px;font-size:11px;display:block;float:left;background:url('../../images/pager.gif') 0px -60px;}
.Pagination_epagenum a:link,.Pagination_epagenum a:visited,.Pagination_epagenum a:active,.Pagination_epagenum a:hover{color:#574747;text-decoration:none;}
.Pagination_epagenum strong {width:17px;height:15px;border:1px solid #858786;margin-right:5px;font-size:11px;display:block;float:left;background:url('../../images/pager.gif') -20px -60px;color:#C37300;font-weight:normal;}

.ban{height:250px; margin:0px auto;}


/**********PopUp (Cover Div) 弹出窗口***********/
.coverDiv{position:absolute;left:0px;top:0px;width:1px;height:1px;background-color:#000000;filter:alpha(opacity=10);-moz-opacity:0.10;opacity:0.10;}
.coverDivClear{position:absolute;left:0px;top:0px;width:1px;height:1px;background-color:#000000;filter:alpha(opacity=1);-moz-opacity:0;opacity:0;}
.coverFrame{width:0px;height:0px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.loading{position:absolute;width:100px;height:100px;z-index:500010;background:#cccccc;text-align:center;left:0px;top:0px;}
.loading_inner{background:#ffffff;left:-3px;top:-3px;height:98px;height:98px;position:relative;border:1px solid #c0c0c0;}
#popwin{border:3px solid #6B97C2;padding-bottom:3px;background:#fff;}
.snapdiv_button_close{background-image:url('../../images/close.gif');width:14px;height:14px;margin-top:3px;margin-right:7px;float:right;cursor:pointer;}
.snapdiv_loading{width:32px;height:32px;background-repeat:no-repeat;background-image:url('../../images/loading.gif');}
.snapdiv_title_div{background:#F5F5F5;padding-top:3px;}
.snapdiv_title{font-size:14px;font-weight:bold;color:#085A99;line-height:22px;text-indent:10px;}
.snapdiv_content{background-color:#FFFFFF;border:5px solid #F5F5F5;padding:8px; overflow:hidden;}
.dialog_content{font-size:14px;line-height:180%;}
.dialog_ico_err{width:48px;height:48px;background-image:url('../../images/dialog_icons.gif');background-position:0px 0px;}
.dialog_ico_yes{width:48px;height:48px;background-image:url('../../images/dialog_icons.gif');background-position:-50px 0px;}
.dialog_ico_info{width:48px;height:48px;background-image:url('../../images/dialog_icons.gif');background-position:-100px 0px;}
.dialog_ico_ask{width:48px;height:48px;background-image:url('../../images/dialog_icons.gif');background-position:-150px 0px;}
.dialog_ico_stop{width:48px;height:48px;background-image:url('../../images/dialog_icons.gif');background-position:-200px 0px;}
.dialog_table{width:98%;margin:1%;}
.dialog_table_td{width:60px;}
.dialog_content{font-size:14px;color:#000000;line-height:120%;}
.dialog_button{height:30px;text-align:center;clear:both;}
.dialog_button input{margin:0px 3px; padding:2px 3px; font-size:13px;}

/*提示框*/
#wintips{ font-size:14px; border:2px solid #f90;  border-radius: 2px; box-shadow: 0 0 8px #999; padding:10px; position: absolute; overflow: hidden; z-index: 19999; background: #fff; text-align: center; display: none; wdith:0px; height: 0px;}



/************ 操作提示 ***********/
.msgdiv{margin:auto; max-width: 1080px; font-size:14px;}
.msgdiv a:link,.msgdiv a:visited,.msgdiv a:active,.msgdiv a:hover{color:#0657B2;text-decoration:none;}
.msgdiv table{width:100%;height:200px;}
.msgdiv .content{height:50px; font-size:14px; }
.msgdiv .left{width:300px; background:url('../../images/bg_msg.gif') no-repeat center center; }
.msgdiv .right{line-height:200%;}
.msg_newpass{color:green;font-weight:bold;}


.container{background:#fff; margin:auto;}


.top1{background: #05294B; height: 40px; }
.top1in{max-width: 1080px; height: 40px; line-height: 40px; padding: 0px 10px; margin: auto; color: #fff; font-size: 14px;}
.topwelcome{height: 40px; line-height: 40px; overflow: hidden; float: left; max-width: 85%; overflow: hidden; font-size: 13px;}
.topwelcome span{margin-left: 25px;}

#langsel{background: #fff; position: absolute; right: 0px; top: 40px; z-index: 9999; box-shadow: 0px 3px 3px #666; padding: 5px; display: none; font-size: 14px;}
#langsel ul{display: block; margin: 0px; padding: 0px; width: 200px;}
#langsel ul li{display: block; margin: 0px; padding: 0px; float: left; width: 50%; height: 25px; line-height: 25px; text-indent: 15px; border-bottom: 1px solid #eee; background: url('images/ico_right.gif') no-repeat 0px 2px;}
#langsel ul li a{display: block;}
.toplang{position: relative; float: right; background: url('images/ico_down.png') no-repeat center right; padding-right: 15px; margin-left: 0px; cursor: pointer; font-size: 13px;}

.fleft{float: left;}
.ma1{padding: 30px 0px;}
.ma1 .mapro{max-width: 1080px; margin: auto; padding: 0px 10px 5px 0px;}
.mapro ul li{width: 14.6%; float: left; font-size: 14px; text-align: center; margin:0 1% 10px 1%;}
.mapro ul li .imga{display:block; position: relative; width: 100%; padding-bottom: 100%; border:1px solid #eee; }
.mapro ul li img{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.mapro ul li .name{display: block; height: 30px; line-height: 30px; overflow: hidden; font-weight: bold; color: #2564CB;}
.mapro ul li .name a:link, .mapro ul li .name a:active, .mapro ul li .name a:visited{color: #2564CB;}
.mapro ul li .name a:hover{color: #f90;}
.mapro ul li .man{display: block; height: 40px; line-height: 20px; overflow: hidden;}
.matl{font-size: 22px; color: #000000; }
.matlc{text-align: center; }
.matlc em{display: block; font-style: normal; font-size: 14px; color: #999; height: 20px;}
.ma1tb{background: #ECF0F1; height: 50px;}
.ma1tb a{float: left; display: block; height: 42px; line-height: 42px; text-align: center; width: 50%; margin-top: 8px; font-size: 16px;}
.ma1tb a.on{background: #fff;}
.ma1tbin{width: 800px; margin: auto;}
.ma1tbct{max-width:1080px; margin: auto; padding-top: 30px;}

.mapp{padding: 0px 10px;}
.mappin{max-width:1080px; margin: auto;}
.mappin .tl{font-size: 22px; height: 40px;}
.mainappul li{width: 19%; margin-right: 1%; margin-bottom: 1%; padding-bottom: 25%; text-align: center; font-size: 16px;  float: left; overflow:hidden; background-size: 100% 100%; position: relative; border-radius: 4px;}
.mainappul li.app100{background-image: url('images/bg_app_100.jpg');}
.mainappul li.app200{background-image: url('images/bg_app_200.jpg');}
.mainappul li.app300{background-image: url('images/bg_app_300.jpg');}
.mainappul li.app400{background-image: url('images/bg_app_400.jpg');}
.mainappul li.app500{background-image: url('images/bg_app_500.jpg');}
.mainappul li:nth-of-type(5n){margin-right: 0px;}
.mainappul li a{display: block; height: 100%; width: 100%; position: absolute; top:0px; left: 0px;}
.mainappul li a b{background: url('images/bg_navsearch.png') repeat-x; position: absolute; left: 0px; bottom:0px; width: 100%; height: 40px; line-height: 40px; font-size: 16px; font-weight: normal;}
.mainappul li a:link,.mainappul li a:active,.mainappul li a:visited{color: #fff;}
.mainappul li a:hover{color: #fc0;}


.tbctul{list-style: none; display: none; margin: 0px; padding: 0px; font-size: 13px;}
.tbctul li{float: left; width: 25%; height: 24px; line-height: 24px;}
.tbctul li a{color: #104373;}
.tbctul li a:hover{color: #F79A00;}

.hotul{list-style: none; margin: 0px; padding: 0px; font-size: 13px;}
.hotul li{float: left; width: 25%; height: 24px; line-height: 24px;}
.hotul li a{color: #104373;}
.hotul li a:hover{color: #F79A00;}

.ma2{background: #ECF0F1; padding: 35px 0px;}
.ma2in{max-width:1080px; margin: auto;}
.matldesc{color: #94A6A8; font-size: 14px;}
.macert{background: url('images/ico_cert.png') no-repeat; height: 100px;}
.ma2item{width: 30%; padding-right:3%; float: left;}
.ma2item i{display:block; width: 50px; height: 120px; background: url('images/ico_adv.png') no-repeat; float: left;}
.ma2item i.ico_qua{background-position: 0px -200px;}
.ma2item i.ico_acc{background-position: 0px -400px;}
.ma2item .tl{font-size: 22px; color: #354962; display: block; height: 48px; line-height: 48px;}
.ma2item .ct{font-size: 13px; color: #666;}
.ma2line{background: #ECF0F1; height: 1px;}


.ma3{background: #fff; padding: 35px 0px; padding-top: 0px;}
.ma3in{max-width:1080px; margin: auto;}
.ma3in .matl{width: 850px;}
.ratestar{background: url('images/ico_rating.png') no-repeat bottom center; height: 65px; font-size: 15px; float: right; width: 222px;}
.ma3item{width: 31%; padding-right:2%; float: left; height:100px;}
.ma3item .au{float: left; color: #104373;  display: block; height: 22px; line-height: 22px; font-size: 14px;}
.ma3item .tl{font-size: 14px; color: #354962; display: block; font-weight: bold; height: 32px; line-height: 32px; clear: both;}
.ma3item .ct{font-size: 12px; color: #666;}
.ma3item i{display:block; width: 80px; height: 20px; line-height: 20px; color: #999; background: url('images/ico_star.png') no-repeat; float: right; font-style: normal; padding-left: 105px;}
.ma3in .fbitem{width: 48%; float: left; padding: 12px 1% 12px 0px; border-bottom: 0px;}
.ma3in .fbitem .ct{display: block; height: 40px; line-height: 20px; overflow: hidden;}

.ma4{background: #fff; padding: 20px 0px;}
.ma4in{max-width:1080px; margin: auto;}
.ma4item{width: 31.2%;  float: left; padding: 1%; border:1px solid #dedede; margin-left: -1px; margin-top: -1px; height: 115px; position: relative;}
.ma4item i{background: url('images/ico_cates.png') no-repeat; display: inline-block; height: 60px; width: 60px; position: absolute; top: 30px; left: 10px;}
.ma4item i.cate1{background-position: 0px 0px;}
.ma4item i.cate2{background-position: 0px -60px;}
.ma4item i.cate3{background-position: 0px -120px;}
.ma4item i.cate4{background-position: 0px -180px;}
.ma4item i.cate5{background-position: 0px -240px;}
.ma4item i.cate6{background-position: 0px -300px;}
.ma4item i.cate7{background-position: 0px -360px;}
.ma4item i.cate8{background-position: 0px -420px;}
.ma4item i.cate9{background-position: 0px -480px;}

.ma4item h3{display: block; margin: 0px; padding: 0px; font-size: 16px; color: #354962; display: block; font-weight: bold; height: 32px; line-height: 32px; clear: both; margin-left: 75px; overflow: hidden;}
.ma4item ul{display: block; margin: 0px; padding: 0px; list-style: none; margin-left: 75px;}
.ma4item ul li{height: 22px; line-height: 22px; float: left; width: 48%; overflow: hidden;}

.ma5{background: #fff; padding: 15px 0px; padding-top: 0px;}
.ma5in{max-width: 1080px; margin: auto;}
.brandlist{display: block; margin: 0px; padding: 0px; list-style: none;}
.brandlist a{float: left; width: 119px; height: 60px;  display: block; border:1px solid #eee; margin:-1px 0px 0px -1px;  text-align: center; }
.brandlist a span{display: inline-block; width: 116px; height: 59px; background: url('images/bg_brand4.png') no-repeat; overflow: hidden; text-indent: -500px; }
.brandlist a.man1 span{background-position: 0px 5px;}
.brandlist a.man2 span{background-position: 0px -95px;}
.brandlist a.man3 span{background-position: 0px -195px;}
.brandlist a.man4 span{background-position: 0px -295px;}
.brandlist a.man5 span{background-position: 0px -395px;}
.brandlist a.man6 span{background-position: 0px -495px;}
.brandlist a.man7 span{background-position: 0px -595px;}
.brandlist a.man8 span{background-position: 0px -695px;}
.brandlist a.man9 span{background-position: 0px -795px;}
.brandlist a.man10 span{background-position: 0px -895px;}
.brandlist a.man11 span{background-position: 0px -995px;}
.brandlist a.man12 span{background-position: 0px -1095px;}
.brandlist a.man13 span{background-position: 0px -1195px;}
.brandlist a.man14 span{background-position: 0px -1295px;}
.brandlist a.man15 span{background-position: 0px -1395px;}
.brandlist a.man16 span{background-position: 0px -1495px;}
.brandlist a.man17 span{background-position: 0px -1595px;}
.brandlist a.man18 span{background-position: 0px -1695px;}
.brandlist a.man19 span{background-position: 0px -1795px;}
.brandlist a.man20 span{background-position: 0px -1895px;}
.brandlist a.man21 span{background-position: 0px -1995px;}
.brandlist a.man22 span{background-position: 0px -2095px;}

.brandlist a:hover{border:1px solid #F79A00; position: relative; z-index: 99;}

.ma6{background: #fff; padding: 15px 0px; padding-top: 0px;}
.ma6in{max-width:1080px; margin: auto;}
.caseul{list-style: none; margin: 0px; padding: 0px; height: 132px;}
.caseul li{float: left; width: 16.7%; height: 65px; border:1px solid #eee; margin:-1px 0px 0px -1px; overflow: hidden; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box;}
.caseul li span{display: inline-block; width: 180px; height: 65px; background: url('images/bg_casesuc.png') no-repeat; overflow: hidden; text-indent: -500px;}
.caseul li.c1 span{background-position: 0px 5px;}
.caseul li.c2 span{background-position: 0px -95px;}
.caseul li.c3 span{background-position: 0px -195px;}
.caseul li.c4 span{background-position: 0px -295px;}
.caseul li.c5 span{background-position: 0px -395px;}
.caseul li.c6 span{background-position: 0px -495px;}
.caseul li.c7 span{background-position: 0px -595px;}
.caseul li.c8 span{background-position: 0px -695px;}
.caseul li.c9 span{background-position: 0px -795px;}
.caseul li.c10 span{background-position: 0px -895px;}
.caseul li.c11 span{background-position: 0px -995px;}
.caseul li.c12 span{background-position: 0px -1095px;}


.catediv{max-width:1080px; margin: auto; padding: 0px 10px;}
.ptl{font-size: 30px; color: #000; line-height: 125%;}
.ptl1{font-size: 26px; height: 65px; line-height: 60px; padding-top: 20px; display: block; margin: 0px; font-weight: normal;}
.ptl1 a{background: url('images/ico_cates.png') no-repeat; display: inline-block; height: 60px; line-height: 60px; text-indent: 65px;}
.ptl1 a.cate1{background-position: 0px 0px;}
.ptl1 a.cate2{background-position: 0px -60px;}
.ptl1 a.cate3{background-position: 0px -120px;}
.ptl1 a.cate4{background-position: 0px -180px;}
.ptl1 a.cate5{background-position: 0px -240px;}
.ptl1 a.cate6{background-position: 0px -300px;}
.ptl1 a.cate7{background-position: 0px -360px;}
.ptl1 a.cate8{background-position: 0px -420px;}
.ptl1 a.cate9{background-position: 0px -480px;}

.ptl1ct{padding: 20px; border:1px solid #dedede;}
.ptl1ct ul{display: block; list-style: none; margin: 0px; clear: both; }
.ptl1ct ul li{width: 340px; height: 26px; line-height: 26px; float: left; font-size: 14px;}
.ptl1ct ul li.c1{font-weight: bold; font-size: 16px; width: 100%; padding-top: 10px; margin-top: 8px; border-top: 1px solid #dedede;}
.ptl1ct ul li.top1c{padding-top: 0px; margin-top: 0px; border-top: none;}
.ptlsec{margin-top: 10px;}
.ptl1ct a i{color: #F79A00; font-style: normal;}


.prodiv{max-width:1080px; margin: auto; position: relative; padding: 0px 10px;}
.prodiv h1{color: #000000; font-size: 18px; display: block; margin:0px; padding: 0px 0px 10px 0px; line-height: 125%;}
.prodts{border: 1px solid #eee; padding: 10px 10px; position: relative;}
.proimgd{color: #333; line-height: 150%; float: left; position: absolute; width: 160px;}
.proimgd img{width: 160px;}
.proimgtips{display: block; color: #2564CB;}
.prodtt{padding: 0px; line-height: 200%; font-size: 14px; padding-left: 180px;}
.prodtt a:link,.prodtt a:active,.prodtt a:visited{color:#2564CB; white-space: nowrap;}
.prodivleft{width: 70%; float: left;}
.prodivright{width: 29%; height: 625px;  float: right; position: relative;}
.fixedr{position: fixed; top: 50px;}
#probb{width: 313px; height: 990px; border: 0px solid red;}
.proimg h2{display: block; margin: 0px; padding:15px 0px 10px 0px; font-size: 16px;}
.proimg ul, .proimg ul li{list-style: none; margin: 0px; padding: 0px;}
.proimg ul li{width: 160px; height: 160px; border:1px solid #dedede; overflow: hidden; float: left; margin: 0px 10px 10px 0px; text-align: center;}
.proimg ul li img{max-width: 100%; max-height: 100%;}


.pdetails{border:1px solid #eee;}
.pdetails .title{font-size: 16px; font-weight: bold; background: #eee; padding: 10px;}
.pdetails .content{}
.pdetails table{border-collapse: collapse;}
.pdetails table td{padding:6px 3px;}
.pdetails table .param-l{width: 260px; font-weight: bold; color: #333; font-size: 12px;}
.propdf{padding-left: 22px; background: url('../../images/ico_pdf.png') no-repeat center left; display: inline-block;}
.propdf span{display: block;}
.pdetails .desc{padding: 10px; line-height: 150%;}

.pdetailsul, .pdetailsul li{display: block; list-style: none; margin: 0px;}
.pdetailsul li{width: 31%; float: left; padding:3px 1%;}
.pdetailsul p{display: block; margin:0px; padding: 0px;}
.pdetailsul small{font-style: normal; color: #999;}

/* Competitive Advantage, Additional Information */
.profun{border:1px solid #eee; position: relative;}
.procom{height: 290px; line-height: 200%; width: 50%; float: left; border:1px solid #eee; box-sizing:border-box; -moz-box-sizing:border-box;}
.proadd{height: 290px; line-height: 200%; width: 50%; float: left; border:1px solid #eee; margin-left: -1px; box-sizing:border-box; -moz-box-sizing:border-box;}
.proadd a:link,.proadd a:active,.proadd a:visited{color:#104373}
.proadd a:hover{color:#FFAE00}
.profun i{display: block; width: 50px; height: 50px; background: url('images/ico_profun.png') no-repeat; position: absolute; left: 5px; top: 40px;}
.procom i{background-position: -100px 10px;}
.proadd i{background-position: -200px 10px;}
.profun .profct{padding: 5px 5px 5px 55px;}
.profun h2{display: block; margin: 0px; padding: 0px; height: 40px; line-height: 40px;  text-indent: 14px; font-size: 16px; background: #eee;}

/* Request for Quotation */
.prorfq{width: 100%; background: #f5f5f5;}
.prorfq h2{background: #F79A00; color: #fff; text-indent: 14px; font-size: 16px; display: block; margin: 0px; padding: 0px; height: 38px; line-height: 38px; }

.prorfq dl{width: 94%; margin: auto;}
.prorfq dt, .prorfq dd{padding: 3px 0px; margin: 0px; display: block;}
.prorfq dt{float: left; width: 160px;}
.prorfq dt.short{width: 80px;}
.prorfq dt.morequa{width: 90px;}
.prorfq dt.long{width: 200px;}
.prorfq .paymentlogo{width: 190px;}
.prorfq dd{text-align: right;}
.prorfq dd:after{content: ' '; display: block; clear: both;  border-bottom: 1px solid #eee; }
.prorfq .pay{white-space: nowrap;}
.prorfq .pt0{border-bottom: 0px;}
.prorfq .canship1{background:#00AD68; padding: 2px 5px; color: #fff; font-size: 12px;}
.prorfq .canship0{background:#F79A00; padding: 2px 5px; color: #fff; font-size: 12px;}
.prorfq dd input{width: 50px; font-size: 16px; text-align: right;}
.prorfq .rfqbt{width: 94%; margin: auto;}
.prorfq .close{background:url('../../images/close.gif') no-repeat center center; width: 40px; height: 40px; float: right; display: none;}
.prorfq dt.datecodedt, .prorfq dd.datecodedd{display: none;}

/* Unit Price */
.proprice{margin-bottom: 6px; background: #f5f5f5;}
.proprice h2{text-indent: 14px; font-size: 14px; display: block; margin: 0px; padding: 0px; height: 35px; line-height: 35px;   }
.proprice .range{padding: 5px 8px 5px 14px; border-bottom: 1px solid #eee; width: 40%;}
.proprice .price{padding: 5px 8px; border-bottom: 1px solid #eee;}
.proprice table{border-collapse: collapse; width: 100%; margin: auto;}
.askprice{background: url('images/ico_ask.png') no-repeat center right; padding-right: 15px; text-decoration: line-through; color: #333;}



.midcontact{ display: block; list-style: none; margin: 0px; padding: 0px; float: left; width: 280px;}
.midcontact li{text-indent: 24px; height: 26px; line-height: 26px; background: url('images/bg_btcontact.png') no-repeat;}
.midcontact li.phone{background-position: 0px 5px;}
.midcontact li.email{background-position: 0px -42px;}
.midcontact li.fax{background-position: 0px -93px;}
.midcontact li.text{background: none; text-indent: 0px;}

#quoteform{display: block; max-width: 1080px; padding: 0px 10px; margin: auto;}
.ptbtn{height: 40px; line-height: 40px; background: #104373; display: block; float: left; text-align: center; border-radius: 5px; overflow: hidden; box-shadow: 1px 1px 2px #ccc;}
.ptbtn:hover{background: #f90; text-decoration: none;}
.ptbtn span, .ptbtn:hover span{color: #fff; text-decoration: none;}
.ptbtn.ptbtn1{width: 55%; float: left; background: #00AD68; display: none;}
#.ptbtn.ptbtn2{width: 43%; float: right; background: #00AD68;}
.ptbtn.ptbtn2{width: 99%; float: right; background: #00AD68;}
.ptbtn.ptbtn1:hover, .ptbtn.ptbtn2:hover{background: #2FCC71;}
#quoteform #copybtn{height: 40px; line-height: 40px; background: #00AD68; display: inline-block;  text-align: center; border-radius: 8px; color: #fff; font-weight: bold; padding: 4px 15px;}

.prosup{border:1px solid #eee;}
.prosuptl{font-size: 16px; display: block; background: #eee; padding: 10px; }
.prosuptl em{color:#2564CB; font-style: normal; font-size: 14px; }
.prosupct{}

#protobom{position: absolute; left: 0px; top: 0px; z-index: 19999; overflow: hidden; display: none; text-align: center;}

.addpbtn{height: 35px; line-height: 35px; width: 220px; background: #00AD68; display: inline-block; text-align: center; border-radius: 3px;}
.addpbtn:hover{background: #2FCC71; text-decoration: none;}
.addpbtn span, .addpbtn:hover span{color: #fff; text-decoration: none;}

.subbtn{height: 40px; line-height: 40px; width: 300px; background: #00AD68; display: inline-block; text-align: center; border-radius: 4px; box-shadow: 1px 1px 2px #ccc;}
.subbtn:hover{background: #2FCC71; text-decoration: none;}
.subbtn span, .subbtn:hover span{color: #fff; text-decoration: none;}

.pageout{max-width:1080px; margin: auto; padding: 0px 10px; position: relative;}
.quaclear{height: 30px;}
.quaitem{width: 25%; padding: 30px 1%; float: left; text-align: center; border:1px solid #eee; margin-left: -1px; box-sizing:border-box;}
.quaitem h3{font-size: 16px; display: block; margin: 0px; margin-top: 20px; padding: 0px; text-align: center; color: #000000;}
.quaitem p{display: block; margin: 0px; margin-bottom: 50px; padding: 10px; height: 150px; line-height: 20px; text-align: left; font-size: 13px; overflow: hidden;}
.quaitem a.learn{display: inline-block; width: 60%; height: 40px; line-height: 40px; background: #104373; color: #fff; text-align: center; border-radius: 4px;}
.quaitem a.learn:hover{background: #F79A00; color: #fff; text-decoration: none;}
.proqua{border:1px solid #eee;}
.proqua .quaitem p{margin-bottom: 10px;}
.proqua .quaitem{border:0px; border-left: 1px solid #eee; padding-top: 15px; padding-bottom: 15px;}
.proqua .quaitem a.learn{height: 30px; line-height: 30px;}

.qualityico{display: block; padding-top: 100px; background-image: url('images/ico_quality.png'); margin:auto; background-repeat: no-repeat;}
.qualityico h3{display: block; height: 30px; line-height: 30px; overflow: hidden;}
.qualityico b{display: none;}
.qualityico.ico1{background-position: center 0px;}
.qualityico.ico2{background-position: center -150px;}
.qualityico.ico3{background-position: center -292px;}
.qualityico.ico4{background-position: center -450px;}
.qualityico:hover{text-decoration: none;}
.qualityico:hover h3{color:#F7AC00;}

.pagelf{width: 260px; float: left; padding-bottom: 30px;}
.fixedlf{position: fixed; top:90px;}
.fixedlf2{position: fixed; bottom:320px; top:auto;}
.menulf{margin-bottom: 10px;}
.menulf h2{display: block; margin: 0px; padding: 0px; height:45px; line-height: 45px; background: #fafafa; text-indent: 10px; }
.menulf ul{display: block; list-style: none; margin: 0px; padding: 0px;}
.menulf ul li{text-indent: 20px; height: 35px; line-height: 35px; border-bottom: 1px solid #eee; background: url('images/bg_dot.gif') no-repeat 10px 16px;}
.menulf ul li a{display: block; font-size: 14px;}
.menulf ul li.clear{height: 0px; overflow: hidden; clear: both;}

.pagert{float: right; width: 800px; line-height: 180%; font-size: 14px;}
.pagert h3{display: block; margin: 5px 0px; padding: 0px; font-size: 18px;}
.certul{color: #de5959; background: #ffe9e9; border: 1px solid #fbc4c4; padding: 20px; list-style:disc inside; font-size: 13px;}
.certul li{ list-style:disc inside;}
.leveln{color: #104373; padding: 4px 0px; font-weight: bold; margin-bottom: 5px; font-size: 16px;}

.pagert h4{display: block; margin: 5px 0px; padding: 0px; font-size: 22px; margin-top: 15px;}
.pagert h1{font-size: 25px; color: #000000;}
.pagert a:link,.pagert a:active,.pagert a:visited{color: #104373; text-decoration: underline;}
.pagert a:hover{color: #F79A00; text-decoration: underline;}
.pagert img{max-width: 100%;}

.pagert ul.dian li{list-style:disc inside;}
.joinct h2{display: block; margin:0px; margin: 15px 0 5px 0;}

.manlist{display: block;}
.manlist ul{list-style: none; display: block;}
.manlist li{list-style: none; float: left; width: 33%; height: 24px; line-height: 24px; overflow: hidden;}
.manlist li.clear{display: block; width: 100%; height: 0px; clear: both;}
.manul{border-bottom: 1px dashed #dedede; padding-bottom: 10px;}

.partable{border-collapse: collapse; width: 100%; font-size: 14px;}
.partable td{padding: 6px 4px;}
.partable thead td{background: #f5f5f5; font-weight: bold; font-size: 14px;}
.partable a:link, .partable a:active, .partable a:visited{color: #104373;}
.partable a:hover{color: #F79A00;}

.qatest{border-collapse: collapse; width: 100%; font-size: 14px; border-spacing: 0px;}
.qatest td{padding: 6px 4px; text-align: center;}
.qatest thead td{background: #FBAD00; font-weight: bold; font-size: 14px; color: #fff;}
.qatest tbody td i{font-weight: bold; color: #390; font-family: 'Open Sans', 'sans-serif'; font-size: 16px;}
.qatest td.tl{text-align: left;}
.qatest td.tv{width: 160px;}
.qatest td em{color: #dedede; font-weight: normal; font-style: normal;}

.pageul{}
.pageul li{list-style: disc; margin-left: 20px;}

.pct{border:1px solid #eee; padding: 10px; line-height: 180%; margin-top: 5px; font-size: 14px;}
.norecord{text-align: center; padding: 10px;}

#help-content{line-height: 200%;}
#help-content>div>ul>li {
    list-style: disc;
    padding-top: 6px;
    margin-left: 30px;
}
#help-content>div>ul>li>ul>li {
    list-style: circle;
    margin-left: 40px;
}

#help-content h2{display: block; margin: 0px; padding: 0px; font-size: 22px; margin-top: 20px;  color:#104373;}
#help-content h3{display: block; margin: 0px; padding: 0px; font-size: 18px; margin-top: 10px; color: #F79A00; text-indent: 15px; }
#help-content h4{display: block; margin: 0px; padding: 0px; font-size: 16px; color:#121212;}

.shipping-content {
    border: 1px solid #dcdcdc;
    padding: 20px;
    display: inline-block;
    margin-bottom: -1px;

}
.shipping-content>div:first-child {
    display: inline-block;
    float: left;
    width: 28%;
    height: 180px;
    text-align: center;
    margin-right: 1%;
}

.shipping-content p{display: block; margin: 0px;}

.bomnum{width: 40px; font-size: 15px; height: 24px; line-height: 24px; text-align: center; font-weight: bold; border:1px solid; border-color:#b0b0b0 #ccc #ccc #b0b0b0;background:#FFF url('images/bg_input.png') repeat-x;  padding: 0px; margin: 0px; margin-bottom: 4px;}
.atbom{height:28px; background:#00AD68 url('images/ico_addcart.png') no-repeat center center; display: block; border-radius: 4px; }
.atbom:hover{background-color: #ff9900; text-decoration: none;}
.atbom span{display: none;}


.suptermb{font-weight: bold; color: #F79A00;}

#btfloat{position: fixed; left: 50%; bottom: 50px; margin-left: 550px; width: 30px; height: 38px; z-index: 10005;}
#gotop{display:none; width: 30px; height: 38px; background: url('images/bg_gotop.gif') no-repeat bottom center; position: absolute; right: 0px; top: 0px;}
#gotop img{width: 50px; height: 150px; }

.searchnot{padding:20px 0px 20px 0px;}
.searchnt{font-size: 16px; color: #333; line-height: 180%; padding-bottom: 10px; }

.shiplink{}
.shiplink:hover{}

.amsg{display: inline-block; height: 30px; line-height: 30px; font-size: 14px; background: url('images/ico_msg.png') no-repeat center left; text-indent: 25px;}

.bomstep{display: block; height: 150px; background: url('images/bg_bomflow.png') no-repeat;}
.bomstep ul{display: block; max-width: 1080px; list-style: none; margin: 0px; padding: 0px;  padding-top: 100px; }
.bomstep ul li{list-style: none; line-height: 150%; text-align: center; width: 20%; float: left; font-size: 15px; color: #000000;}
#bomtip{padding: 10px; border:1px solid #dedede; background: #f5f5f5; font-size: 14px; line-height: 180%;}
#bomtip h3{display: block; margin: 0px; padding: 0px; height: 30px; line-height: 30px;}
#bomtip a:link, #bomtip a:active, #bomtip a:visited, #bomtip a:hover{color: #FFAE00; text-decoration: underline;}

#bomsuc{margin: auto; margin-bottom: 30px; padding: 30px 10px; border:1px solid #dedede; background: #ffffff; font-size: 16px; line-height: 180%; text-align: center;}
#bomsuc .tl b{font-size: 26px; display: block; height: 48px;}
#bomsuc p{color: #f30; font-weight: bold; display: block; margin:0px; padding: 0px;}
#bomsuc p u{font-weight: bold; text-decoration: none; white-space: nowrap;}

.bannerall{height: 450px; background:#010F23 url('images/ban/en.jpg') center center; }
.bannerin{max-width:1080px; height: 450px; overflow: hidden; margin: auto; position: relative;}
.bannerin .b1{width: 420px; height: 75px; background: url('images/ico_ww.png') no-repeat; background-size: 420px auto; position: absolute; left: 320px; top: 130px; text-indent: -400px; overflow: hidden; }
.bannerin .b2{width: 220px; height: 220px; background: url('images/ico_firstchoice.png') no-repeat center center; background-size: 220px auto; position: absolute; right: 0px; top: 100px;}
.bannerin .b3{width: 510px; height: 150px; font-size: 26px; color: #fff; line-height: 150%; position: absolute; left: 330px; top: 210px; opacity: 0.9;}

.stockban{width: 100%; padding-bottom: 50%; background:#333 url('images/bg_warehouse.jpg') no-repeat; background-size: 100% auto; margin: 10px 0px; position: relative;}
.stockban .slogan{font-size: 20px; color: #fff; font-weight: bold; text-align: center; position: absolute; width: 90%; top: 45%; padding: 0px 5%; text-shadow: 1px 1px 4px #000;}
.excessban{width: 100%; background:#333 url('images/bg_warehouse3.jpg') no-repeat; background-size: 100% auto; background-position: center bottom; margin: 10px 0px; padding: 10px 0px; position: relative; text-align: center;}
.excessban .txt{color: #fff; text-shadow:1px 1px 1px #000; padding:0px 10px 10px 10px; display: block; font-size: 16px; line-height: 150%; font-weight: bold; }
.excessban .abt{background: #00AD68;  display: inline-block; height: 36px; text-align: center; line-height: 36px; padding: 0px 10px; box-shadow: 1px 1px 2px #333; border-radius: 5px;}
.excessban .abt:hover{color: #fff; background: #2FCC71; text-decoration: none;}
.excessban .abt span{color: #fff; font-size: 14px;}
.bomexcess{max-width: 800px; margin:auto; margin-top: 30px;}

.fitul{list-style: none; margin: 0px; padding: 0px;}
.fitul li{float: left; width:35%;}
.fitul li.lilast{width: 30%}
.fitul li b{display: block; height: 20px;}
.fitul li select{width: 95%;}
.fitul li.lilast select{width: 100%}

.catelc{background: #fff; border:1px solid #dedede; padding: 10px;}
.catelc .ltl{height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; }
.lcul{list-style: none;}
.lcul:after{content: " "; display: block; clear: both;}
.lcul li{float: left; width: 33.3%; height: 26px; line-height: 26px; overflow: hidden;}
.lcul li.cur a{background: #FFAE00; color: #fff; padding: 2px 4px; border-radius: 4px;}
.lcul li a:hover{}
.lcul li a i{color: #F79A00; font-style: normal;}
.lcul li.par{width: 100%; float: none;}
.lcul li.par a{font-weight: bold; font-size: 16px;}

.lcnone{padding: 12px;}

.rc{background: #fff; padding-left: 10px; width: 840px; float: left;}

.fitbtn{height: 30px; line-height: 30px; background: #F79A00; display: block; float: left; text-align: center; padding: 0px 30px; border-radius: 3px; float: right;}
.fitbtn:hover{background: #fa0; text-decoration: none;}
.fitbtn span, .fitbtn:hover span{color: #fff; text-decoration: none;}
.fitbtn.reset{background: #888; margin-right: 10px;}
.fitbtn.reset:hover{background: #999;}

.proptips{padding: 6px 10px; color: #2564CB; font-weight: bold; display: none;}

.simdetails{border:1px solid #eee;}
.simdetails .title{font-size: 16px; font-weight: bold; background: #eee; padding: 10px;}
.simtable{width:100%; border-collapse: collapse;}
.simtable thead{font-weight: bold; background: #fafafa; color: #104373;}
.simtable td{border-bottom: 1px solid #eee; padding: 6px 4px 6px 10px;}

.searchdl{list-style: none; width: 160px; display: block;margin: 0px; padding: 0px;}
.searchdl dt{display: inline-block; width: 70px; height: 20px; line-height: 20px; margin: 0px; padding: 0px; border-bottom: 1px solid #eee; overflow: hidden;}
.searchdl dd{display: inline-block; width: 90px; height: 20px; line-height: 20px; margin: 0px; padding: 0px; border-bottom: 1px solid #eee; overflow: hidden; text-align: right;}
.searchdl dd span{white-space: nowrap;}
.nonec{color: #999; }

.supbig{width: 800px; overflow: hidden;}
.supul{list-style: none; margin: 0px; padding: 0px; width: 890px;}
.supul li{width: 253px; float: left; margin: 20px 20px 0px 0px; text-align: center; }
.supul li a{display: block;  border:1px solid #eee; height: 100px;}
.supul li a:hover{border:1px solid #F79A00;}
.supul li a span{vertical-align: middle; display: inline-block; height: 100%;}
.supul li a img{vertical-align: middle;}

.suptips{background: #EEF3F7; line-height: 150%; color: #111; padding: 10px 10px; }

.contitem{width: 31%; float: left; border:1px solid #eeeeee; font-size: 13px; padding: 1%; margin-left: -1px; height: 375px;}
.contitem .conttl{font-size: 18px;}

.mw{height: 280px; background: #104373 url('images/bg_mw2.jpg') repeat-x center top; position: relative;}
.mwcv{display:none; background: #000; opacity: 0.0; width: 230px; height: 160px; position: absolute; left: 15px; top: 40px; border-radius: 5px; z-index: 100;}
.mwimg{background: url('images/bg_imglogo.png') no-repeat; width: 220px; height: 50px; position: absolute; left: 20px; top: 44px; z-index: 101;}
.mwul{list-style: none; margin:0px; color: #fff; font-size: 14px; position: absolute; left: 5px; top: 105px; z-index: 101; padding: 0px 15px;}
.mwul li{padding: 6px 0px; line-height:150%; text-shadow:1px 1px 2px #000;}

.mwbig .mw{height: 210px; background: #104373 url('images/bg_mw4.jpg') repeat-x center top;}
.mwbig .mwcv{opacity: 0.5; width: 330px; height: 170px; top:20px;}
.mwbig .mwimg{top: 30px;}
.mwbig .mwul{top: 80px; font-size: 14px;}

.prodl{display: block;margin: 0px; padding: 0px;}
.prodl dt,.prodl dd{display:block; margin: 0px; padding: 2px 0px;}
.prodl dd:after{border-bottom: 1px solid #eee; content: ""; display: block; clear: both;}
.prodl dd:last-child:after{border-bottom: 0px;}
.prodl dt{font-weight: bold; width: 26%; min-width: 150px; display: block; float: left;}
.prodl em.rohs{background: url('images/ico_rohs.png') no-repeat 0px 1px; padding-left: 42px; overflow: hidden; font-style: normal; }
.prodl dd.application span{background: url('images/ico_choose.gif') no-repeat center left; padding:0px 5px 0px 12px; white-space: nowrap;}
.prodl dd.application span.sec{display: none;}
.prodl a.excess:link,.prodl a.excess:active,.prodl a.excess:visited,.prodl a.excess:hover{color: #000;}
.prodl dd p.intro{display: block; float: left; margin:0px; margin-bottom: 4px; padding: 0px; width: 70%;}
.prodl dd a.propdf{float: right;}
.prodl dd a.propdf.propdfleft{float: none;}
.prodl dd a.tinypdf{float: right;}
.prodl dt.termdt{line-height: 125%; padding: 8px 0px;}
.prodl dd.termdd{line-height:40px;}


.hdnavout{}
.hdnavline{background:#05294B; height: 2px; clear: both;}
.hdnav{max-width:1080px; margin: auto; padding: 0px 10px;}
.hdcate{width: 250px; background: #05294B url('images/ico_cate.png') no-repeat 14px 13px; height: 48px; line-height: 48px; color: #fff; font-size: 16px; float: left; position: relative; text-indent: 44px;}
.hdstr{position: absolute; left: 0px; top: 50px; background: #fff; width: 248px; padding-bottom: 5px; border:1px solid #112147; border-top: 0px; display: none; z-index: 10009;}
.hdtl1{font-size: 15px; height: 49px; line-height: 49px; display: block; margin: 0px; font-weight: normal; text-align: left; text-indent: 10px; position: relative;}
.hdtl1 a.cate{background: url('images/ico_cates.png') no-repeat; background-size: 40px auto; display: inline-block; height: 40px; line-height: 40px; text-indent: 50px; overflow: hidden;}
.hdtl1 a.cate1{background-position: 0px 0px;}
.hdtl1 a.cate2{background-position: 0px -40px;}
.hdtl1 a.cate3{background-position: 0px -80px;}
.hdtl1 a.cate4{background-position: 0px -120px;}
.hdtl1 a.cate5{background-position: 0px -160px;}
.hdtl1 a.cate6{background-position: 0px -200px;}
.hdtl1 a.cate7{background-position: 0px -240px;}
.hdtl1 a.cate8{background-position: 0px -280px;}
.hdtl1 a.cate9{background-position: 0px -320px;}

.hdtl1.mhover{background: #f0f0f0;}
.hdtl1ct{padding: 5px; border:1px solid #112147; position: absolute; left: 248px; top: 0px; background: #fff; width: 600px;  display: none;}
.hdtl1ct ul{display: block; list-style: none; margin: 0px; clear: both; }
.hdtl1ct ul li{width: 33%; height: 26px; line-height: 26px; float: left; font-size: 14px; overflow: hidden;}
.hdtl1ct ul li.c1{font-weight: bold; font-size: 16px; width: 100%; padding-top: 10px; margin-top: 8px; border-top: 1px solid #dedede;}
.hdtl1ct ul li.top1c{padding-top: 0px; margin-top: 0px; border-top: none;}
.hdtlsec{margin-top: 10px;}
.hdtl1ct a i{color: #F79A00; font-style: normal;}

.tbout{background: #fff; padding: 2px;}
.tbul{list-style: none; display: block; margin: 0px; padding: 0px;}
.tbul li{margin:2px 3px 2px 0px; border:1px solid #dedede; display: inline-block;}
.tbul li a{ background: #f5f5f5; display: block; padding: 3px 7px;}
.tbul li span{display: block; padding: 3px 7px;}
.tbul li.cur a{background: #F79A00;}
.tbul li.cur a{color:#fff;}

.rightcert{background:#fff url('images/ico_certs2.png') no-repeat top center; width: 313px; height: 45px;}

.taglist{}
.taglist li{display: block; float: left; width: 520px; margin:5px 10px 0px 0px; border:1px solid #eee;  padding: 3px 6px; overflow: hidden;  background: #fafafa;}
.taglist li:nth-of-type(2n){margin-right: 0px;}

.tinypdf{background: url('images/ico_pdfs.png') no-repeat bottom center; display: inline-block; width: 18px; height: 18px; overflow: hidden; text-indent: -300px;}
.tinypdf span{}

.profeedback{border:1px solid #eee; background: #fff;}
.fbtl{font-size: 16px; display: block; background: #eee; padding: 10px; font-weight: bold; }
.fbitem{padding: 10px; border-bottom: 1px solid #eee;}
.fbitem .ct:before{content:' '; clear:both; display: block;}
.fbitem .au{color: #104373;  display: inline-block; height: 22px; line-height: 22px; font-size: 14px; padding-right: 20px; font-weight: bold;}
.fbitem .rating{display:inline-block; width: 30px; height: 20px; line-height: 20px; background: url('images/ico_star.png') no-repeat; padding-left: 100px; color: #666; font-weight: bold;}
.fbitem .ct{color: #333;}
.fbitem i{display:inline-block; height: 20px; line-height: 20px; color: #999; font-style: normal; padding-right: 20px;}
.fbitem:last-child{border-bottom: 0px;}

.proapp{border:1px solid #eee; background: #fff;}
.apptl{font-size: 16px; display: block; background: #eee; padding: 10px; font-weight: bold; }
.appct{padding: 10px;}
.appct h3{display: block; margin: 0px; padding: 0px; color: #104373; background: url('images/ico_down.gif') no-repeat center left; text-indent: 12px;}
.appct ul{float: left; width: 50%; margin-bottom: 10px;}
.appct li{height: 25px; line-height: 25px; overflow: hidden;}

.proorder{border:1px solid #eee; background: #fff;}
.ordertl{font-size: 16px; display: block; background: #eee; padding: 10px; font-weight: bold; }
.orderct{padding: 10px;}
.proorder ul.tab li{display: inline-block; width: 33%; border-bottom: 2px solid #dedede; height: 32px; line-height: 32px; font-size: 14px; font-weight: bold; text-align: center; cursor: pointer;}
.proorder ul.tab li.cur{background: #f0f0f0; border-bottom:2px solid #f0f0f0; color: #104373; border-radius: 5px 5px 0px 0px;}
.proorder ul.ct li{line-height: 175%; padding: 10px 0px;}

.paylb label{display: inline-block; width: 48%;}

/********留言板********/
.msg_title1{border-bottom:1px dotted #ccc; margin:10px 0px;}
.msg_title1 b{display:block; color:#333; font-size:14px; padding:8px 0px;}

.msgout{}
.msgout dl{display: block; list-style: none; margin: 0px; padding: 15px 0px;}
.msgout dt,.msgout dd{display:block; margin: 0px; padding: 4px 4px; float: left; font-size: 14px;}
.msgout dt{width: 20%; text-align: right; font-weight: bold;}
.msgout dd{width: 75%; text-align: left;}
.msgout dd input{width: 300px; padding: 5px 3px; font-size: 14px;}
.msgout dd textarea{width: 80%; max-width: 600px; padding: 5px 3px; font-size: 14px;}
.msgout dd:after{content: ""; display: block; clear: both;}
.msgout a.msgbtn{display: block; width: 220px; height: 45px; line-height: 45px; font-size: 22px; text-align: center; border-radius:20px; background: #FFAE00; color:#fff; text-decoration: none; }
.msgout a.msgbtn:hover{background: #f90; text-decoration: none; color: #fff;}
.msgout #save_tips{margin-top: 8px;}

#rfqbtnout{position: fixed; bottom: 0px; z-index: 9999; width: 100%; display: none;}
#rfqbtnout .in{max-width: 1080px; margin: auto;}
#rfqbtnout a{height: 50px; line-height: 50px; width: 100%; background: #00AD68; display: block; text-align: center; font-weight: bold; color: #fff; box-shadow: 0px -2px 8px #ddd; border-radius: 5px;}
#rfqbtnout a:hover{background: #2FCC71; text-decoration: none;}
.rfqblank{height:50px; display: none;}
.rfqm{background: #fff; width: 100%; position: fixed; bottom: 0px;  box-shadow: 0px -2px 8px #ddd; border-radius: 5px; overflow: hidden; z-index: 10006;}

.appcatediv{max-width:1080px; margin: auto; padding: 0px 10px;}
.appcatediv .ptl{height: 40px; line-height: 40px;}
.appcatect{border:1px solid #dedede; padding: 10px 20px; margin-top: 10px;}
.appcatect ul{width: 100%; float: none; font-size: 14px; border-bottom: 1px solid #dedede; padding-bottom: 20px;}
.appcatect ul:after{content: ""; display: block; clear: both;}
.appcatect ul:last-child{border-bottom: 0px;}
.appcatect ul li{width: 50%; float: left; text-indent: 0px;}
.appcatect ul li.par{width: 100%; background: none;  text-indent: 0px;}
.appcatect ul li.par a{font-size: 16px; color: #000;}

.proappul{}
.proappul li.par{background: url('images/ico_choose.gif') no-repeat center left; padding:0px 5px 0px 12px; white-space: nowrap; overflow: hidden;}
.proappul li.sec{display: none;}
.prodl a.samplebtn{display: block; height: 18px; line-height: 18px; background: #05294B; padding: 4px 10px; border-radius: 5px; color: #fff; float: right; text-align: center;}
.bomcopy{color: #00AD68; font-weight: bold;}
.bomcopy textarea{width: 500px; height: 160px;}
#onlinechat{position: fixed; bottom: 0px; right: 10px; width: 200px; border-radius: 5px 5px 0px 0px; overflow: hidden; z-index:10010;}
#onlinechat .title{background: #05294B url('images/ico_chat.png') no-repeat 10px 5px; color: #fff; font-weight: bold; text-align: center; height: 35px; line-height: 35px; border-radius: 5px 5px 0px 0px; font-size: 14px; cursor: pointer;}
#onlinechat .title em{font-style: normal; font-weight: bold; float: right; margin-right: 10px; color: #fc0; display: none; font-family: 'Arial'; font-size: 16px;}
#onlinechat .ct{height:0px; background: #fff; border:0px;overflow: hidden;}
#onlinechat .offline{color: #999; font-size: 13px;}
#onlinechat.on{width: 400px;}
#onlinechat.on .ct{height: 470px; border:1px solid #05294B; padding: 10px; }
#onlinechat.on .title em{display: inline-block;}
#onlinechat .succ{display: none; font-size: 14px; line-height: 175%;}
#onlinechat .succ b{font-size: 20px; color: #390;}


.chatbtn .subbtn{width: 100%;}
.hotpart{width: 1100px; margin: auto; height: 0px; overflow: hidden;}
.hotpart ul li{display: inline-block; margin-right: 10px;}

.langtips{}
.langopt{height: 55px; line-height: 55px; overflow: hidden; display: block; background: #f5f5f5; text-align: center; margin: 5px; font-size: 16px; font-weight: bold;}
.langtl{height: 25px; line-height: 25px; padding-left: 30px;}
.langtl a{color: #f30; font-weight: bold; float: right; font-size: 18px; background: url('../../images/close.gif') no-repeat center center; display: inline-block; height: 25px; width: 25px;}

.sendesbtn{display:inline-block; padding: 8px 15px; margin-top: 8px; float: right; background: #00AD68; border-radius: 8px; text-decoration: none;}
.sendesbtn:hover{background: #2FCC71;}
.sendesbtn span{color: #fff; font-size: 16px; }
.sendesbtn2{display: block; float: none; width: 50%; margin:auto; text-align: center;}

.pagert a.sendesbtn{text-decoration: none;}
.borderc{border-spacing: 0px; border: 1px solid #eeeeee;}
.borderc td{border: 1px solid #eeeeee;}

.pdful{display: block; margin:0px; padding: 0px; font-size: 14px;}
.pdful:after{content: ' '; display: block; clear: both;}
.pdful li{display: inline-block; width: 5.25%; line-height: 26px; line-height: 26px;}
.pdful li a{}
.pdful li a:link,.pdful li a:active,.pdful li a:visited{color:#2564CB}
.pdful li a:hover{color:#f90;}
.pdful li.tl{font-size: 18px; font-weight: bold; height: 58px; float: left;}
.pdflistul li{width: 50%; display: block; height: 28px; line-height: 28px; float: left; border:1px solid #eee; margin:0px 0px -1px -1px; text-indent: 5px; overflow: hidden; box-sizing:border-box; -moz-box-sizing:border-box;}
.pdflistul li a:link,.pdflistul li a:active,.pdflistul li a:visited{color:#2564CB}
.pdflistul li a:hover{color:#f90;}
.pdflistul li a{}

.letterul li{width: 25%; display: block; height: 32px; line-height: 32px; text-align: center; float: left; border:1px solid #eee; margin:0px 0px -1px -1px; text-indent: 5px; overflow: hidden; box-sizing:border-box; -moz-box-sizing:border-box;}
.letterul li a:link,.letterul li a:active,.letterul li a:visited{color:#2564CB}
.letterul li a:hover{color:#f90;}
.letterul li a{}
.nowrap{white-space: nowrap;}

.quacir{width: 450px; height: 450px; line-height: 450px; text-align: center; font-size: 50px; font-weight: bold; margin:50px auto 0px auto; background: #fff url('images/bg_cir.png') no-repeat center center; color:#eee; position: relative;}
.quacir .quabg b{display: none;}
.quacir .quaico{display: block; width: 180px; line-height: 100%; padding-top: 110px; font-size: 14px; border-radius: 10%; background-image: url('images/ico_quality.png'); margin:auto; background-repeat: no-repeat; position: absolute; }
.quacir .quaico b{display: block; height: 30px;}
.quacir .quaico.ico1{background-position: center 0px; left:0px; top: 15px;}
.quacir .quaico.ico2{background-position: center -150px; right: 0px; top: 15px;}
.quacir .quaico.ico3{background-position: center -292px; left: 0px; bottom: 15px;}
.quacir .quaico.ico4{background-position: center -450px; right: 0px; bottom: 15px;}
.quacir .quaico:link, .quacir .quaico:active, .quacir .quaico:visited{color:#F3AB00; text-decoration: none;} 
.quacir .quaico:hover{color:#05294B; text-decoration: none;} 
.bomnewyear{background: #FFEFEA; padding: 15px; text-align: left; margin-bottom: 15px; color:#510000;}

.comparetl{font-size: 18px; font-weight: bold;}
.comparetl em{font-style: normal; color: #666; font-size: 14px;}
.simul em{font-style: normal; color: #999;}
.compare{border: 1px solid #dedede; padding: 0px 0px;}
.compare .keyul{width: 25%; float: left; font-weight: bold; background: #f5f5f5;}
.compare .partul{width: 25%; float: left; border-left: 1px solid #dedede; margin-left: -1px;}
.compare ul li{height: 32px; line-height: 32px; padding: 0px 4px; overflow: hidden; border-bottom: 1px solid #dedede;}
.compare ul li:last-child{border-bottom: 0px;}
.compare ul li:first-child{background: #f5f5f5; font-weight: bold;}
.nvout table{width: 100%;}
.nvout table.nvcomp thead td{font-weight: bold; font-size: 14px; background: #fafafa;}
.nvout table.nvcomp td{text-align: center; padding: 6px;}
.nvout table.nvcomp .tdl{text-align: left;}

.numud .inp {vertical-align: middle; height: 26px; border: 1px solid #d0d0d0; text-align: center;width:85px;}
.numud .btn { display: inline-block; vertical-align: middle; background: #f0f0f0 no-repeat center; border: 1px solid #d0d0d0; width: 28px; height: 28px; border-radius: 2px; box-shadow: 0 1px rgba(100,100,100, .1); color: #666; transition: color .2s, background-color .2s;}
.numud .btn:active {box-shadow: inset 0 1px rgba(100, 100, 100, .1);}
.numud .btn:hover {background-color: #e9e9e9;color: #333;}
.numud .btn_plus {background-image: linear-gradient(to top, currentColor, currentColor), linear-gradient(to top, currentColor, currentColor);background-size: 10px 2px, 2px 10px;}
.numud .btn_minus {background-image: linear-gradient(to top, currentColor, currentColor);background-size: 10px 2px;}
.quickbomtl{background: #F79A00; color: #fff; text-indent: 14px; font-size: 16px; display: block; margin: 0px; padding: 0px; height: 38px; line-height: 38px; font-weight: bold; }
.quickbom{background: #eee; padding: 12px;}
.quickbom input{width: 95%; margin: 4px 0px; padding: 5px 4px;}
.quickbom textarea{width: 95%;  padding: 5px 4px;}
.quickbomsucc{background: #f5f5f5; padding: 10px; line-height: 150%; display: none;}
.quickbomsucc .tl{font-weight: bold; color: #00AD68; background: url('images/ico_yes.png') no-repeat; height: 38px; line-height: 32px; text-indent: 36px; font-size: 14px;}
.quickbomsucc .tips{}
#qb_savetips{padding: 5px 0px;}

@media screen and (max-width: 1040px) {
    .prodivleft{width: auto; float: none;}
    .prodivright{display: none;}
    .btico{background: none; display: none;}
    .fdiv{width: 20%;}
    .prorfq .close{display: block;}
    #rfqbtnout{display: block; bottom: 0px; top: auto;}
    .rfqblank{display: block;}
    #btfloat{margin-left: 0px; left: auto; right: 10px; bottom: 60px;}
    .mapro ul li{width: 30%;}
    .mapro ul li:nth-child(6){display: block;}
}


@media screen and (max-width: 1000px) {
	.topwelcome{font-size: 12px;}
    .topwelcome span{display: none;}
    .fdiv{width: 25%;}
    .fdivsns{display: none;}
    #header{height: 50px;}
    #header a img{height: 48px;}
    .bomstep{display: none;}
    .portal_sk{left: 170px; top: 6px; width: 450px;}
    .portal_sk input{width: 410px;}
    .tlk{top: 6px; width: 150px;}
    .tlk a{text-indent: -300px; width: 50px; height: 0px; overflow: hidden;}
    .tlk a.a1{background-position: 0px 0px;}
    .tlk a.a2{background-position: 0px -100px;}
    .tlk a.a3{background-position: 0px -200px;}
    .tlk a.a4{background-position: 0px -300px;}
    .hdcate{width: 50px;}
    .hdcate .txt{display: none;}
    .hdstr{display: none;}
    #bomico i{text-indent: 0px;  right: 5px;}
    .bannerall{height: 300px; background-size: auto 300px;}
    .bannerin{height: 300px;}
    .bannerin .b1{left: 10px; top: 80px; background-size: 300px auto; height: 50px;}
    .bannerin .b2{right: 10px; top: 40px; }
    .bannerin .b3{left: 15px; top: 150px; font-size: 22px; width: auto; width: 62%;}
    .ma1tbct{padding: 20px 10px;}
    .ma3{padding: 10px;}
    .ma3in .matl{width: auto; font-size: 20px; font-weight: bold;}
    .ma3item{width: 48%;}
    .ma4{padding: 10px;}
    .ma4item{width: 48%;}
    .ma4list .ma4item:nth-of-type(2n){border-left: 0px; margin-left: -2px;}
    .ma4list .ma4item:last-child{display: none;}
    .ma5{padding: 10px;}
    .ma6{padding: 10px;}
    .prodiv .ma4, .prodiv .ma5, .prodiv .ma6{padding: 10px 0px;}
    .brandlist a{width: 16.5%;}
    .caseul li{width: 25%;}
    .pagelf{width: 30%;}
    .pagert{width: 68%; padding-left: 2%;}
    .manlist li{width: 50%;}
    .quote dt{text-align: left;}
    .quote dd{width: 70%; padding: 3px 1%; float: none; clear: both;}
    .quote dd .text_css{width: 98%;}
}

@media screen and (max-width: 800px) {
    #header{height: 95px;}
    #header a img{height: 48px;}
    .portal_sk{width: auto; position: relative; clear: both; left: 0px; top: 0px;}
    .portal_sk input{width: 310px;}
    .portal_sk a.search{right: 35px;}
    .portal_sk a.menu{background: #FFAE00 url('images/ico_cate.png') no-repeat center center; display: block; height: 34px; width: 35px; position: absolute; right: 0px; top: 0px;}
    .tlk{top: 6px;}
    .tlk a{text-indent: -300px; width: 50px; height: 0px; overflow: hidden;}
    .tlk a.a1{background-position: 0px 0px;}
    .tlk a.a2{background-position: 0px -100px;}
    .tlk a.a3{background-position: 0px -200px;}
    .tlk a.a4{background-position: 0px -300px;}
    #bomico i{text-indent: 0px;  right: 5px;}
    .bannerall{height: 220px; background-size: auto 220px;}
    .bannerin{height: 220px;}
    .bannerin .b1{left: 10px; top: 50px; background-size: 200px auto; height: 50px;}
    .bannerin .b2{right: 10px; top: 10px; background-size: 150px auto; height: 180px; width: 180px;}
    .bannerin .b3{left: 15px; top: 90px; font-size: 18px; }
    .ma1{padding: 10px 0px;}
    .ma1tbin{width: auto;}
    .ma1tb a{overflow: hidden; font-size: 14px;}
    .tbctul li{width: 33%;}
    .hotul li{width: 33%;}
    .ma3{padding: 10px;}
    .ma3in .matl{width: auto; font-size: 16px; font-weight: bold;}
    .ma3item{width: 100%;}
    .ma4item{width: auto; float: none; margin-left:0px;}
    .ma4list .ma4item:nth-of-type(2n){border-left: 1px solid #dedede; margin-left: 0px;}
    .ma4list .ma4item:last-child{display: block;}

    .brandlist a{width: 33%;}
    .fdiv{width: 50%; height: 130px;}
    .hdnavout{background: #05294B;}
    .hdnavout{display: none; margin-bottom: 5px;}
    .hdcate{display: none;}
    .hdnav{}
    #nav{float: none;}
    #topnav{padding-left: 0px; height: auto;}
    #topnav .topmenu{float: none; border-bottom: 1px solid #234361; height: 40px; overflow: hidden;}
    #topnav .toplink{float: none; display: block; height: 40px; line-height: 40px; text-align: center; color: #fff;}
    #topnav .toplink:link, #topnav .toplink:visited, #topnav .toplink:active{color:#fff;text-decoration:none;}
    #topnav .toplink:hover {color:#f90; text-decoration:none;}
    .position{display: none;}
    .quaclear{height: 10px;}
    .quaitem{width: 100%; padding: 20px 0px; border-bottom: 1px solid #dedede;}
    .quaitem:nth-child(3){border-bottom: 0px;}
    .quaitem p{border-right: 0px; height: auto; margin-bottom: 10px;}
    .quaitem p.pleft{padding-left: 15px;}
    .quaitem p.pright{padding-right: 15px;}
    .proqua .quaitem p.pright{padding-right: 15px;}
    .proqua .quaitem p{border-right: 0px;}
    .caseul li{width: 50%;}

    .pagelf{width: auto; float: none; padding-bottom: 10px;}
    .pagert{width: auto; float: none; padding-left: 0px;}
    .menulf h2{text-align: center; text-indent: 0px; background: #f0f0f0; height: 40px; line-height: 40px;}
    .menulf ul li{background: none; text-indent: 0px; text-align: center;}
    .ptl1ct a{display: block;}
    .ptl{font-size: 20px; height: 40px; line-height: 40px; text-align: center; font-weight: bold; background: #f0f0f0;}
    .ptl1{padding-top: 10px; }

    .mw{height: 180px;}
    .mwimg{top: 15px;}
    .mwul{top: 65px;}
    .mwul li{padding: 3px;}
    .msgout dl{padding: 5px 0px;}
    .msgout dt{width: 95%; text-align: left;}
    .msgout dd{width: 95%;}
    .msgout dd .text_css{width: 100%;}
    .msgout dt.dtlast{display: none;}
    .msgout a.msgbtn{width: 100%;}
    .msgout a.msgbtn:hover{width: 100%;}
    .msgout dd textarea{width: 100%; max-width: 800px;}
    .msg_title1{margin: 0px;}
    .supul li a{height: 70px;}
    .supul li a img{max-height: 70px;}
    .lc{width: auto; float: none;}
    .lc .ltl{font-weight: bold; height: 35px; line-height: 35px;}
    .lcul li{width: 50%;}
    .lcul li a{padding: 8px 0px;}
    .rc{padding-left: 0px; padding-top: 10px; width: auto;}
    .partlist{border:none; }
    .partlist thead{display: none;}
    .partlist tr{display: block; border:1px solid #e0e0e0; margin-bottom: 10px; padding: 5px 5px 5px 70px; position: relative;}
    .partlist tr td{display: block; border:none; width: auto; padding: 2px;}
    .partlist td.price{display: none;}
    .partlist td:before{border: none; font-weight: bold;  font-size: 13px;}
    .partlist td.partno:before{content: "Part #: ";}
    .partlist td.man:before{content: "Manufacturer: ";}
    .partlist td.app:before{content: "Applications: ";}
    .partlist td.intro:before{content: "Description: ";}
    .partlist td.pak:before{content: "Package: ";}
    .partlist td.datecode:before{content: "Date Code: ";}
    .partlist td.quality:before{content: "Quantity: ";}
    .partlist td.price:before{content: "Price: ";}
    .partlist td.bom{display: none;}

    .partlist .pic{width: auto; text-align: left; width: 64px; position: absolute; left: 0px; top: 5px;}
    .partlist .pic img{width: 64px; height: 64px;}
    .partlist .partno{width: auto; text-align: left; font-weight: bold; font-size: 16px;}
    .partlist .man{width: auto; text-align: left;}
    .partlist .intro{width: auto; text-align: left;}
    .partlist .pak{width: auto; text-align: left;}
    .partlist .datecode{width: auto; text-align: left;}
    .partlist .quality{width: auto; text-align: left;}
    .partlist .price{width: auto; text-align: left;}
    .partlist .price em{width: auto; text-align: left;}
    .partlist .bom{width: auto; text-align: left;}
    .partlist .tinypdf{position: absolute; left: 10px; top: 70px;}

    .contitem{width: auto; float: none; height: auto; margin-top: -1px; padding: 10px;}
    .contitem .conttl{font-size: 18px;}

    .bomtitle1{font-size: 18px; font-weight: bold;}
    .bomtdiv{padding: 0px 5px;}
    .bomheader{display: none;}
    .bompro{border-bottom: 2px solid #104373;}
    .bompro td{display: block;}
    .bompro input{padding: 4px 2px;}
    .bompro td:before{border: none; font-size: 13px;}
    .bompro td.bom1:before{content: "Part #: ";}
    .bompro td.bom2:before{content: "Manufacturer: ";}
    .bompro td.bom3:before{content: "* Quantity: ";}
    .bompro td.bom4:before{content: "Target Unit Price: ";}
    .bompro td.bom5:before{content: "Need by Date: ";}
    .bompro td.bom6:before{content: "Note: ";}
    .bom1{width:auto;}
    .bom1 input{width:99%; font-weight: bold;}
    .bom2{width:auto;}
    .bom2 input{width:99%;}
    .bom3{width:auto;}
    .bom3 input{width:99%; text-align: left;}
    .bom4{width:auto;}
    .bom4 input{width:99%; text-align: left;}
    .bom5{width:auto;}
    .bom5 input{width:99%; text-align: left;}
    .bom6{}
    .bom6 input{width:99%;}
    .bom7{width: auto; text-align: right;}
    .bom7 a{display: inline-block; background: #666; padding: 3px 8px; color: #fff; border-radius: 4px;}
    .bom7 a img{display: none;}
    .bom7 a:before{content: "Remove Part #"}
    #bomaddbtn .addpbtn{width: 49%;}
    #bomsuc{font-size: 14px;}
    #bomsuc b{font-size: 20px; height: 35px;}

    .quote dt{text-align:left; width:auto; float: none; clear: both;}
    .quote dd{width: 98%; padding: 3px 1%; float: none; clear: both;}
    .quote dd .text_css{width: 98%;}
    .subbtn{width: 100%;}
    .prodl dt{clear: both; float: none; padding: 0px; line-height: 150%; font-size: 13px; color:#333;}
    .prodl dd{padding: 0px; font-size: 16px;}
    .prodl dd p.intro{width: 100%;}

    .prodiv h1{font-size: 16px; padding-top: 10px;}
    .prosuptl{font-size: 15px;}
    .prosuptl em{display: block; font-size: 12px;}
    .pdetails .title{font-size: 15px;}

    .procom{width: auto; height: auto; float: none;}
    .proadd{width: auto; height: auto; float: none; margin-left: 0px;}

    .taglist li{float: none; width: auto; margin:5px 0px; border:1px solid #eee;  padding: 3px 6px; overflow: hidden;  background: #fafafa; box-sizing:border-box; -moz-box-sizing:border-box;}
    .taglist li:nth-of-type(2n){margin-right: 0px; width: auto;}
    .prodts{width: auto;}
    .proimg{width: auto;}
    a#rfqbtn{width: 100%; border-radius: 8px 8px 0px 0px; padding-left: 0px; float: none; box-shadow: 0px -3px 5px #ccc;}
    .shipping-content{padding: 10px;}
    .pagert h3.title{font-size: 14px;}

    .prodts{padding: 10px; position: relative;}
    .proimgd{float: none; position: static; padding: 0px; font-size: 11px; margin:auto;}
    .proimgtips{display: none;}
    .prodtt{padding: 0px; float: none; line-height: 175%; font-size: 14px; width: auto;}
    .prodivleft{width: auto;}
    .prodivright{display: none;}
    .ratestar{display: none;}
    .pdetails table .param-l{width: 45%;}
    .appct ul{width: 100%;}
    .relpro li{width: 100%;}
    .relpro li:nth-child(9){border-bottom: 1px solid #eee;}
    .appcatect ul li{width: 100%; float: none;}
	.prodl a.samplebtn{float: none; clear: both; width: 50%; margin-bottom: 6px;}
	#onlinechat{width: 32px; bottom: 10px;}
	#onlinechat .title{background-position: 4px 4px; border-radius: 4px;}
	#onlinechat .title span{display: none;}
	#onlinechat.on{width: 95%; box-shadow: 0px 0px 5px #999; bottom: 0px; }
	#onlinechat.on .title{border-radius: 4px 4px 0px 0px;}
	#onlinechat.on .title span{display: inline-block;}
	.pdflistul li{width: 100%;}
	.mainappul li{width: 49%; padding-bottom: 50%;}
	.letterul li{width: 50%;}
    .compareul li{width: 100%;}
}

@media screen and (max-width: 640px) {
 	.chglang{display: none;}
   	.tbctul li{width: 50%;}
    .hotul li{width: 50%;}
    .btin{font-size: 12px;}
    .pagert h1{font-size: 20px;}
    .bannerall{height: 170px; background-size: auto 170px;}
    .bannerin{height: 170px;}
    .bannerin .b1{left: 10px; top: 40px; background-size: 180px auto; height: 50px; width: 250px;}
    .bannerin .b2{right: 10px; top: 15px; background-size: 120px auto; height: 130px; width: 130px;}
    .bannerin .b3{left: 15px; top: 80px; font-size: 14px; }
    .mwbig .mw{background: #104373 url('images/bg_mw4_small.jpg') repeat-x center top;}
    .sendesbtn{display: none; }
    .sendesbtn2{display: block; }
    .pdful li{width: 7.68%;}
    .pdful li.tl{height: 80px;}
    .mapro ul li{width: 48%;}
    .mainappul li:last-child{display: none;}
    .pdetailsul li{width: 48%; float: left; padding:3px 1%;}
	.excessban .txt{font-size: 14px;}
}

@media screen and (max-width: 480px) {
    .bannerall{height: 170px; background-size: auto 170px;}
    .bannerin{height: 170px;}
    .bannerin .b1{left: 10px; top: 40px; background-size: 180px auto; height: 50px;}
    .bannerin .b2{right: 10px; top: 15px; background-size: 120px auto; height: 130px; width: 130px;}
    .bannerin .b3{left: 15px; top: 80px; font-size: 14px; }
    .tbctul li{width: 50%;}
    .btin{font-size: 12px;}
    .lcul li{width: 100%;}
    .lcul li a{display: block; padding: 0px;}
    .lcul li.cur a{padding: 0px; background: none; color: #f90; font-weight: bold;}
    .proimgd{float: none; position: static; padding: 0px; font-size: 11px;}
    .stockban .slogan{font-size: 16px;}
    .pdful li{width: 10%;}
    .pdful li.tl{height: 110px;}
    .letterul li{width: 100%; float: none;}
    .pdetailsul li{width: 98%; float: none; padding:3px 1%;}
    .excessban .txt{font-size: 13px;}
    .quacir{width: 320px; height: 320px; line-height: 320px; font-size: 24px;}
    .quacir .quaico{width: 150px; line-height: 100%; padding-top: 100px; font-size: 12px;}
	.quacir .quaico.ico1{left: 0px; top: 5px;}
	.quacir .quaico.ico2{right: 0px; top: 5px;}
	.quacir .quaico.ico3{left: 0px; bottom: 5px;}
	.quacir .quaico.ico4{right: 0px; bottom: 5px;}
}

.bannerall{background-image:url('images/ban/es.jpg'); }
#topnav .toplink{padding:0px 20px;}
.topwelcome{max-width: 80%;}

@media screen and (max-width: 800px) {
	.partlist td.partno:before{content: "Parte #: ";}
	.partlist td.man:before{content: "Fabricante: ";}
    .partlist td.app:before{content: "Aplicaciones: ";}
	.partlist td.intro:before{content: "Descripción: ";}
	.partlist td.pak:before{content: "Paquete: ";}
	.partlist td.datecode:before{content: "Código de fecha: ";}
	.partlist td.quality:before{content: "Cantidad: ";}
	.partlist td.price:before{content: "Precio: ";}

	.bompro td.bom1:before{content: "Parte #: ";}
	.bompro td.bom2:before{content: "Fabricante: ";}
	.bompro td.bom3:before{content: "* Cantidad: ";}
	.bompro td.bom4:before{content: "Precio unitario objetivo: ";}
	.bompro td.bom5:before{content: "Necesidad por fecha: ";}
	.bompro td.bom6:before{content: "Nota: ";}

	.bom7 a:before{content: "Eliminar"}
}