* { margin: 0; padding: 0; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em { font-style: normal; }
input, a, textarea { outline: none; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #525252; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s }
a:hover { color: #ff7600; }
img { border: 0px; }
table { border-collapse: collapse; border-spacing: 0; }
html, body { -webkit-text-size-adjust: none; height: 100%; color: #737373;  font-family: Arial; }
.hide { display: none; }
.clear { clear: both; }
/************** HOME ***************/
#container { width: 100%; height: auto; overflow: hidden; }
#container #header { width: 100%; height: 77px; background: url(../resources/images/top_bg.jpg) repeat-x; position: relative; }
#container .header { width: 980px; height: 77px; margin: 0 auto; position: relative; }
#container .light { width: 145px; height: 75px; position: absolute; top: 0px; background: url(../resources/images/light.png) no-repeat; }
#container .light.lightL { left: 0px; }
#container .light.lightR { right: 0px; background-position: -145px 0px; }
#container .header h1 { position: absolute; left: 0px; top: 12px; }
#container .header .nav { width: 522px; height: 30px; position: relative; float: right; margin-top: 47px; margin-right: -100px; }
#container .header .nav li { width: 85px; height: 16px; float: left; text-align: center; border-right: 1px solid #666666; border-left: 1px solid #070707; overflow: hidden; text-transform: uppercase; font-size: 12px; }
#container .header .nav li a { display: block; width: 85px; height: 16px; font-weight: bold; color: #cacaca; cursor: pointer; }
#container .header .nav li a .navLink { color: #cacaca; width: 85px; height: 16px; }
#container .header .nav li a .navHover { color: #cd6610; width: 85px; height: 16px; }
#container .header .nav .navLine { width: 85px; height: 2px; background: #f57d00; position: absolute; left: 0px; top: 28px; overflow: hidden; }
#container .header .lang { width: 160px; height: 18px; position: absolute; right: 0px; top: 10px; }
#container .header .lang a { display: block; width: 74px; height: 18px; float: left; text-align: center; line-height: 18px; font-size: 12px; color: #a2a2a3; margin-right: 5px; }
#container .header .lang a:hover, .header .lang a.langCur { background: url(../resources/images/btn.png) no-repeat; color: #e4e4e4; }
#container #banner { width: 100%; height: 410px; position: relative; }
#container #banner ul li { width: 100%; height: 410px; background: url(../resources/images/Satellite.jpg) center no-repeat; position: absolute; left: 0px; top: 0px; display: none; }
#container #banner ol { width: 100px; height: 10px; position: absolute; left: 50%; margin-left: 450px; bottom: 20px; }
#container #banner ol li { width: 10px; height: 10px; border-radius: 10px; background: #fff; opacity: 0.5; float: left; margin-right: 10px; cursor: pointer; }
#container #banner ol li:hover,#container #banner ol li.bannerCur { opacity: 1; background: #ffa20b; -webkit-transform: scale(1.2); -moz-transform: scale(1.2);transform: scale(1.2); }
#container #content { width: 100%; height: auto; background-color: #FFFFFF; overflow: scroll; }
#container .content { width: 1280px; height: auto; margin: 0 auto; overflow: hidden; }

#container .homePro { width: 945px; height: 430px; float: left; margin-left: 25px; }
#container .homeProTitle { width: 380px; height: 40px; border-bottom: 1px solid #d4d4d4; padding-top: 20px; }
#container .homeProIcon { width: 20px; height: 20px; background: url(../resources/images/btn.png) -108px 0px no-repeat; float: left; }
#container .homeProTitle h2 { display: block; float: left; font-size: 14px; color: #f4680e; text-transform: uppercase; margin-left: 5px; }
#container .homeProTitle a { display: block; width: 49px; height: 11px; float: right; background: url(../resources/images/add_more.jpg) no-repeat; margin-top: 5px; }
#container .homeProList { width: 380px; height: 360px; position: relative; overflow: hidden; }
#container .homeProList ul { width: 380px; height: 7200px; position: absolute; left: 0px; top: 0px; }
#container .homeProList ul li { width: 380px; height: 50px; border-top: 1px solid #ffffff; border-bottom: 1px solid #d4d4d4; padding: 10px 0px; font-size: 12px; float: left; }
#container .homeProList ul li .homeProThum { width: 60px; height: 50px; float: left; }
#container .homeProList ul li .homeProName { width: 310px; height: 25px; float: right; line-height: 25px; }
#container .homeProList ul li .homeProDes { width: 310px; height: 20px; float: right; line-height: 20px; font-size: 12px; color: #8b8b8b; overflow: hidden; }

#container .line { width: 250px; height: 1px; background: #d4d4d4; margin-top: 10px; overflow: hidden; }
 #footer { width: 100%; height: 95px; background: #222222 url(../resources/images/footer_bg.jpg) center top no-repeat; }
.footer { width: 980px; height: 95px; margin: 0 auto; }
.footerLogo { width: 250px; height: 95px; float: left; }
.footerLogo ul li { width: 45px; height: 45px; float: left; margin-top: 25px; margin-right: 35px; _margin-right: 28px; }
 .copyRight { width: 730px; height: 65px; float: right; font-size: 12px; line-height: 20px; color: #a7a7a7; padding-top: 20px; }
 .copyRight span { text-transform: uppercase; display: block; }
 .copyRight a { color: #a7a7a7; }
.copyRight a:hover { color: #ff7600; }
/************** About ***************/
#container .subMenu { width: 210px; height: auto; float: left; padding-left: 0px; margin-top: 15px; }
#container .subMenu .subTitle { width: 210px; height: 30px; background: url(../resources/images/btn.png) 0px -52px no-repeat; }
#container .subMenu .subTitle h2 { display: block; float: left; height: 18px; margin-top: 6px; margin-left: 5px; font-size: 14px; color: #a62f01; text-shadow: 1px 1px 0px #ffb200; line-height: 18px; text-transform: uppercase; }
#container .subNav { width: 210px; height: auto; margin-top: 5px; }
#container .subNav ul li { width: 210px; height: 30px; line-height: 30px; font-size: 12px; text-align: left; text-transform: uppercase;}
#container .subNav ul li a { width: 200px; height: 30px; display: block; position: relative; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;padding-left: 10px; padding-right: 21px; color:#000000; }
#container .subNav ul li a span { display: block; width: 0px; height: 1px; position: absolute; left: 0px; top: 29px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; background: #f89031; overflow: hidden; }
#container .subNav ul li a div { width: 3px; height: 30px; position: absolute; right: 10px; top: 0px; background: url(../resources/images/btn.png) -10px -82px no-repeat; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
#container .subNav ul li a:hover, .subNav ul li a.subNavCur { color: #ff7600; }
#container .subNav ul li a:hover span, .subNav ul li a.subNavCur span { width: 231px; }
#container .subNav ul li a:hover div, .subNav ul li a.subNavCur div { background-position: 0px -82px; }
#container .subContent { width: 75%; height: auto; margin: auto; margin-top: 15px;color: #8f8f8f; padding-bottom: 35px;	text-align: justify; }
#container .subContent2{ width:1060px; height:auto; float:right; margin-left:5px; margin-top:15px; font-size: 12px; padding-bottom:35px;	text-align: justify; }

/************************************/
#conWj { width: 100%; height: auto; overflow: hidden; position: relative; font-size: 14px;}
#conWj .conWj { width: 1000px; height: auto; overflow: hidden; position: relative; margin: auto; text-align: center; }
#conWj input { text-indent: 10px; }
.registrationWj { width: 100%; height: 60px; line-height: 60px; color: #ed750a; font-size: 24px; text-align: left; }
.fontWj { width: 100%; height: 14px; color: #ed750a; font-size: 14px; line-height: 14px; text-align: left; text-indent: 120px; margin-bottom: 20px; }
.conWj input { width: 320px; height: 22px; border: 1px solid #e8e8e8; border-radius: 5px; display: inline-block; margin-left: 8px; text-indent: 10px; margin-top: 0px; margin-right: 13px; line-height: 30px; }
.conWj span { width: 200px; display: inline-block; text-align: right; }
.conWj.rfqs { margin: 40px auto; text-align: center; }
.conWj.rfqs.ba { background: #fcfcfc; margin-top: 10px; padding: 20px 0; display: none; }
.conWj .submitWj { width: 130px; height: 30px; background: url(../resources/images/btnWJ.png); text-align: center; line-height: 30px; border-radius: 0; border: 0px; cursor: pointer; color: #fff; margin-top: 24px; }
.fontWj2 { width: 100%; height: 14px; color: #ed750a; font-size: 14px; line-height: 14px; text-align: left; text-indent: 335px; margin-top: 10px; }
.passA { width: 470px; height: auto; border: 1px solid #e69231; padding-bottom: 20px; margin: 60px auto 0; }
.passA .titleWj { width: 100%; height: 39px; background: url(../resources/images/dbWjTitle.jpg); text-align: center; line-height: 39px; color: #fff; font-size: 24px; }
.passA .textWj { width: 440px; height: auto; overflow: hidden; margin: 0px 15px; font-size: 12px; line-height: 14px; }
.passA .textWj span { color: #ed750a; font-size: 14px; line-height: 40px; }
.passA .spanColor1 { color: #000 !important; line-height: 20px !important; }
.passA .inputWj { width: 100%; height: auto; overflow: hidden; font-size: 14px; text-align: center; color: #000; margin: 20px 0; }
.passA .inputWj input { display: inline-block; width: 235px; height: 30px; border: 1px solid #e8e8e8; border-radius: 5px; margin: 5px 0; margin-left: 10px; line-height: 30px; text-indent: 10px; }
.passA .submitWj { width: 130px; height: 30px; background: url(../resources/images/btnWJ.png); text-align: center; line-height: 30px; border-radius: 0; border: 0px; cursor: pointer; color: #fff; margin-top: 24px; margin-left: 155px; }
.passA .inputWj2 { width: 100%; height: auto; overflow: hidden; font-size: 14px; text-align: left; color: #000; margin: 10px 0; text-indent: 50px; line-height: 24px; }
.passA .inputWj2 input { width: 320px; height: 30px; border: 1px solid #e8e8e8; border-radius: 5px; margin: 5px 0; margin-left: 50px; text-indent: 10px; }
.passA .securityCode { width: 170px; height: 30px; border: 1px solid #e8e8e8; text-indent: 10px; margin-left: 70px; }
.passA .securImg { width: 88px; height: 28px; margin-left: 70px; margin-top: 10px; border: 1px solid #e8e8e8; }

.fontWj3 { width: 100%; text-indent: 50px; color: #ed750a; font-size: 14px; }

.passA .submitWj.wj2 { margin-left: 90px; width: 284px; height: 30px; background: url(../resources/images/subWj2s.png) }
.passA .submitWj.wj2:hover { background: url(../resources/images/subWj2sa.png) }
/************cartWj*********************/
.cartWj { width: 1060px; height: auto; overflow: hidden; position: relative; margin: auto; padding: 30px 0px; }

.topTitleWj { width: 100%; height: 24px; line-height: 24px; }

.bigFontWj { width: 100%; height: 50px; line-height: 50px; color: #ff7b00; line-height: 50px; font-size: 24px; }
.bigFontWj.cur { font-size: 14px; color: #5c5c5c }
.changeWj { width: 823px; height: auto; position: relative; overflow: hidden; border: 1px solid #c6c6c6; }
.changeWjNoBorder { width: 823px; height: auto; position: relative; overflow: hidden; }

.totalPriceWj { width: 100%; height: 40px; line-height: 40px; background: #fff; text-align: right; font-size: 14px; }
.totalPriceWj b { font-size: 18px; color: #ef5b02; margin-right: 20px; margin-left: 10px; }
.selectFs { width: 100%; height: auto; margin-top: 20px; overflow: hidden; font-size: 14px; }
.selectFs input { margin-right: 5px; }
.bottomWj { width: 100%; height: 31px; margin-top: 33px; }
.bottomWj a { font-size: 14px; line-height: 30px; text-align: center; overflow: hidden; color: #404040; cursor: pointer; }
.bottomWj a.leftWj { width: 103px; height: 30px; background: url(../resources/images/contaWj.png); display: block; float: left; font-size: 12px; }
.bottomWj a.leftWj:hover { background: url(../resources/images/contaWja.png); color: #000; }
.bottomWj a.rightWj { width: 103px; height: 31px; background: url(../resources/images/contTRWj.png); display: block; float: right; font-size: 12px; color: #fff; }
.bottomWj a.rightWj:hover { background: url(../resources/images/contTRWja.png); }
.bottomWj a:hover { color: #fff }



.submitWj2 { width: 147px; height: 30px; background: url(../resources/images/btnWj2.png); background-size: 147px 30px;text-align: center; line-height: 30px; border-radius: 0; border: 0px; cursor: pointer; color: #fff; margin: 24px auto 0; display: block; }
.submitWj2:hover {width: 147px;  background: url(../resources/images/btnWj2a.png);background-size: 147px 30px; }

.hrWjs { width: 100%; height: 1px; border-bottom: 1px dashed #ccc; margin: 5px 0; }
.wjHrs2 { width: 100%; height: 1px; border-top: 1px solid #ccc; margin: 50px 0 20px; }

.wjFonts2 { width: 100%; height: 40px; line-height: 40px; font-size: 16px;  font-weight: bold;color: #ff7b00; }
.adressWjs { width: 90%; height: auto; overflow: hidden; position: relative; font-size: 14px; line-height: 20px; padding-left: 15px; color: #333333 }
.cardWj { width: 100%; height: auto; overflow: hidden; position: relative; background: #fff; }
.cardWj .cardSelect { width: 100%; height: 50px; line-height: 50px; }
.cardWj .cardSelect .font { float: left; text-indent: 10px; }
.cardWj .cardSelect ul { float: right; height: 100% }
.cardWj .cardSelect ul li { width: 50px; float: right; background: red; margin-right: 10px; height: 50px }
.totalPriceWj.cur1 { text-align: left; text-indent: 20px; margin-top: 20px; }
.cardWj .inputWs { width: 350px; height: 30px; border: 1px solid #ccc; border-radius: 5px; margin-left: 30px; margin-right: 30px; }
.cardWj input { line-height: 30px; text-indent: 10px; color: #aaaaaa; margin-top: 15px; }
.hrW2s { width: 100%; height: 1px; background: #c6c6c6; margin: 30px 0; }

.bigFontWj.cur2 { color: #000; }
.adressWjs.cur2 { border-top: 1px dashed #999; margin-top: 20px; }

.onFontWj { width: 80px; display: inline-block; }

.bigFontWj { width: 100%; font-size: 20px; }
.uploadWj { text-align: center; width: 100%; height: auto; overflow: hidden; color: #7d7d7d; }
.inputsWj5 { width: 268px; height: 28px; border: 1px solid #ccc; border-radius: 5px; line-height: 28px; text-indent: 5px; margin-left: 10px; }
select { width: 320px; height: 30px; border: 1px solid #e8e8e8; border-radius: 5px; display: inline-block; margin-left: 8px; text-indent: 10px; margin-top: 10px; margin-right: 13px; line-height: 30px; text-indent: 10px; }
#header { width: 100%; height: 77px; background: #3f3f3f; position: relative; }
#header .topWj { width: 285px; height: 19px; position: absolute; right:0; background: url(../resources/images/headerWj.png); top: 6px; }
#header .topWj a { width: 33.333333%; height: 100%; float: right; display: block; font-size: 14px; color: #f47400; text-indent: 40px; }
.form_input { position: relative; height: 46px; }

.onShow { font-size: 12px; line-height: 22px; vertical-align: middle; transition-duration: 0.5s; }
.onShow { font-size: 12px; line-height: 22px; vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.onFocus { font-size: 12px; line-height: 22px; color: #7D7D7D; vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.onError { font-size: 12px; line-height: 22px; color: #7D7D7D; vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.onCorrect { font-size: 12px; line-height: 22px; color: #7D7D7D; vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.onLoad { font-size: 12px; line-height: 22px; vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; }

/* my added styles */
.signInTable.ui-panelgrid>*>tr,
.signInTable.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.optionsTable.ui-panelgrid>*>tr,
.optionsTable.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.accountTable{
  width:100%;
}

.accountForm{
   border-style: solid; border-width: 1px; margin-top:2px; 
   width:70%;
 }

.noBoderTable.ui-panelgrid>*>tr,
.noBoderTable.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.errorMessage {
	color: red;
}

.addressButton{
  margin:10px;
}

.accountButton{
  margin:10px;
  font-size: 12px;
}

.border-div{
   border-style: solid; border-width: 1px; margin-top:2px;
}

#header .topWjxxx {  position: absolute; right:0;  top: 6px; }
#header .topWjxxx a { font-size: 14px; color: #f47400;  }

.addressInput{
  width:280px;
}
.shoppingTitleHr { width: 70%; height: 1px; background: #ff7b00; position: absolute; top: 105px; left: 50; }
.shoppingTitle { height: 24px; position: absolute; width: 100px; text-align: center; line-height: 24px; left: 54%;  color: #ff7b00; font-weight: bold; background: #ececec; font-size: 24px; }

#searchAllProduct .ui-inputfield{
 margin:0;outline:medium none;padding:0px;font-weight:normal;
 -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
 
 #searchAllProduct .ui-inputtext{
  margin:0;outline:medium none;padding:0px;font-weight:normal;
 -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
 
 #searchAllProduct .ui-widget{
  margin:0;outline:medium none;padding:0px;font-weight:normal;
 -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
 
 #searchAllProduct  .ui-state-default{
  margin:0;outline:medium none;padding:0px;font-weight:normal;
 -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
 
 #searchAllProduct  .ui-corner-all{
  margin:0;outline:medium none;padding:0px;font-weight:normal;
 -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
 
 .toolTip {
 font-size: 12px;
 }
 
/************** 2016-03-10 ***************/
#container #content{ padding-bottom: 50px;}
#container .header .nav{ display: none;}
#header .topWjxxx{ top: 35px;}
.bannerTitle{ width: 514px; height: 37px; position: absolute; background: url(../resources/images/add_title.png) no-repeat; left: 50%; margin-left: -257px; top: 110px;}
.add_searchBox{ width: 470px; height: 35px; position: absolute; background: url(../resources/images/add_w5.png); left: 50%; margin-left: -380px; top: 175px; padding: 5px;}
.sw_searchCentent{ width: 470px; height: 35px; background: #fff;}
.sw_searchTitle{ width: 109px; height: 35px; float: left; background: url(../resources/images/add_productTitle.jpg);}
.sw_searchBtn{ width: 35px; height: 35px; float: right; background:#4b4b4b url(../resources/images/add_searchBtn.png);}
.sw_searchInput{ width: 325px; height: 35px; border: none; line-height: 35px; text-indent: 15px;}
.sw_tel{ width: 255px; height: 35px; position: absolute; left: 50%; padding: 5px; background: url(../resources/images/add_w5.png); margin-left: 120px; top: 175px;}
.sw_telBox{ width: 255px; height: 35px; background: url(../resources/images/add_telBg.jpg); line-height: 35px; color: #fff; text-align: center; font-weight: bold; text-transform: uppercase;}
.sw_banenrPro{ width: 800px; height: 200px; position: absolute; left: 50%; margin-left: -400px; bottom: -120px; }
.sw_banenrPro.sw_sub{ width: 400px; margin-left: -120px;}
.sw_pro_li{ width: 200px; height: 200px; float: left;}
.sw_pro_li .sw_pro_li_title{ width: 100%; height: 30px; line-height: 30px; text-align: center; color: #ffde00; font-weight: bold; font-size: 16px;}
.sw_pro_li .sw_pro_li_img{ width: 100%; height: 170px; margin-left:25px;}
#container .content{ margin-top: 1px;}

#container .homeProList ul{ width: 945px;}
#container .homeProList,#container .homeProTitle,#container .homeProList ul{ width: 945px;}
#container .homeProList{ height: 715px;}
#container .homeProList ul li{ margin-right: 15px; width: 465px; border-bottom: 1px solid #d4d4d4; border-top: 1px solid #fff; padding: 25px 0px;}
#container .homeProList ul li.even{ margin-right: 0px;}
#container .homeProTitle{ border-bottom: none;}
#container .homeProList ul li .homeProName{ width: 390px; font-size: 14px; font-weight: bold;}
#container .homeProList ul li .homeProDes{ width: 390px;}
#container .subNav ul li {position: relative; height: auto; background: #dadada; margin-bottom: 1px;}
#container .subMenu .subTitle{ line-height: 30px; text-align: center;}
#container .subMenu .subTitle h2{ display: block; width: 100%; height: 30px; margin: 0px; line-height: 30px;}
#container .sw_info{ width: 210px; height: auto; margin-top: 5px;}
#container .sw_info .sw_info_li{ width: 210px; height: auto; background: #dadada; margin-bottom: 1px; overflow: hidden; padding: 5px 0px;}
#container .sw_info .sw_info_li .sw_info_icon{ width: 20px; height: 20px; float: left; background: url(../resources/images/add_info_icon.png); margin-left: 5px;}
#container .sw_info .sw_info_li .sw_info_icon.b{ background-position: -20px 0px;}
#container .sw_info .sw_info_li .sw_info_icon.c{ background-position: -40px 0px;}
#container .sw_info .sw_info_li .sw_info_icon.d{ background-position: -60px 0px;}
#container .sw_info .sw_info_li .sw_info_text{ width: 180px; margin-left: 5px; height: auto; float: left; line-height: 20px; font-size: 12px;}
#container .sw_info .sw_info_li .sw_des{ width: 190px; height: auto; line-height: 20px; padding: 0px 10px; font-size: 12px;}
#container .homeProTitle h2{ margin-top: 3px;}
.sw_list_page{ width: 100%; height: 50px; position: relative;}
.sw_list_page .sw_page_r{ position: absolute; right: 0px;}
.sw_list_page a{ display: block; width: 10px; height: 10px; background: #afafaf; border-radius: 10px; float: left; margin-right: 10px; cursor: pointer; margin-top: 20px;}
.sw_list_page a:hover,.sw_list_page a.cur{ background: #ff8c10; -webkit-transform: scale(1.4); -moz-transform: scale(1.4);transform: scale(1.4);}
#container .subNav{ margin-bottom: 15px;}
.sw_banner_prev{ width: 36px; height: 72px; background: url(../resources/images/add_banner_icon.png); position: absolute; left: 100px; top: 50%; margin-top: -36px; cursor: pointer; opacity: .5;}
.sw_banner_next{ width: 36px; height: 72px; background: url(../resources/images/add_banner_icon.png) -36px 0px; position: absolute; right: 100px; top: 50%; margin-top: -36px; cursor: pointer; opacity: .5;}
.sw_banner_prev:hover,.sw_banner_next:hover{ opacity: 1;}
.sw_backHome{ width: 210px; height: 35px; margin-bottom: 15px; line-height: 35px; text-align: center; font-weight: b; color: #fff; background: url(../resources/images/add_backHome.png); display: block; text-transform: uppercase; font-weight: bold;}
.sw_subBanner{ width: 100%; height: 310px; position: relative; background: url(../resources/images/add_subBanner.jpg) center top no-repeat;}
.sw_subBannerBox{ width: 450px; height: 95px; position: absolute; left: 50%; margin-left: -480px; top: 30px; background: url(../resources/images/add_w8.png); padding: 10px; text-align: center;}
.sw_subBannerTitle{ width: 100%; height: 35px; line-height: 30px; border-bottom: 1px solid #f6c191; font-size: 25px; color: #ff7b00; text-transform: uppercase; font-weight: bold; margin-top: 1px;}
.sw_subBannerInfo{ width: 100%; height: auto; line-height: 20px; font-size: 12px; padding-top: 7px; padding-bottom: 5px;}
#container .content.subC{ margin-top: -15px;}
#container .homeProTitle a { display: block; width: 49px; height: 11px; float: right; background: url(../resources/images/add_more.jpg) center center no-repeat; margin-top: 0px; padding: 5px;}
#header .topWjxxx a{ color: #fff;}



.proddropbtn {
  background-color: #dadada;
  color: #000000;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.proddropdown {
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.proddropdown-content {
  display: none; 
  position: absolute;
  top:  0px;
  left: 211px;
  background-color: #f1f1f1;
  min-width: 160px;
  width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10;
}

/* Links inside the dropdown */
.proddropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

 #container .subNav ul li .proddropli{width:250px; height:31px; line-height: 30px; font-size: 12px; text-align: left; text-transform: uppercase;}
 #container .subNav ul li .proddropli{position: relative; background: #99ddff; margin-bottom: 1px;}
 #container .subNav ul li .proddropli a { width: 213px; height: 30px; display: block; position: relative; padding-top:2px; padding-left: 10px; padding-right: 21px; color:#000000; }
 #container .subNav ul li .proddropli a:hover { color: #ff7600; }

/* Change color of dropdown links on hover */
.proddropdown-content a:hover {color: red;}

/* Show the dropdown menu on hover */
.proddropdown:hover .proddropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.proddropdown:hover .dropbtn {background-color: #3e8e41;}