*{margin:0;padding:0; list-style:none;}
body{font-size:12px; font-family:Arial 宋体; margin:0 auto;background:#FFF;}
a{ color: #666; text-decoration:none;}
a:hover{ color:#E4393C;}
img{border:none; vertical-align:middle;}
em{ font-style:normal;}

form{display:inline;width:auto;}
form input{ vertical-align:middle;}
input:focus,select:focus,textarea:focus{outline:none;}
textarea{ font-size:12px; resize:none;border:1px #CCC solid;padding:2px;}
select{ vertical-align:middle;}
fieldset{ border:none; border-top:1px #DDD solid;}

.clear,.space,.bdH2,.bdH1LBlue{clear:both;overflow:hidden;}
.clear{font-size:0;height:0;line-height:0;}
.space{font-size:10px;height:10px;line-height:10px;}
.L{ float:left;}
.R{ float:right;}
.bd{ border:1px #DDD solid;}

.mainBox{width:740px; float:right;}
.sidebar{width:228px; float:left; border: 1px #DDD solid; border-top:none; background-color: rgba(255, 255, 255, .7);padding:28px 0 5px}
.W49Per{width:49%;}

.page,#notice,.position{width:980px; margin:0 auto;}
.header{height:200px;}
.logoBox{width:228px;height:200px;border-left: 1px #DDD solid;border-right: 1px #DDD solid;background-color: rgba(255, 255, 255, .3); float:left; overflow:hidden;}
.workTime{ text-align:center; font:normal 12px/21px arial; color:Gray;}
.logo{padding:20px 10px 20px 10px; text-align:center;}
.tel400{text-align:center; margin:0 1px;}
.tel400 legend{ font:normal 18px arial; color:Gray;padding:0 6px; margin-left:50px;}

.brandLogo{padding:20px 10px 0 10px; text-align:center;}
.brandLogo img{width:100%;}
.bannerBox{width:750px;height:200px; float:right;}

.logo,.brandLogo,.navBar{ opacity:0.9;}

.location{color:#CCC; padding-bottom:1px; height:26px; line-height:26px;}
.location big{font-weight:bold;color:#333;}
.location a{color:#666; margin:0 4px;}

.footer{ text-align:center;font-family:Arial; width:100%;overflow:hidden; background: #fff url(Images/bg.png) 0 -100px repeat-x; }
.footer a{ margin:0 6px;}
.footer a:hover{color:#333; text-decoration:underline;}
.footer p{ line-height:23px; color:gray;}
.footer p strong{color:red; font-weight:normal;}
.footer .space{ background:#FFF;}

.links{ width:100%; padding:18px 0 8px 0; margin:0 auto; text-align:center;}
.links a{ margin-right:10px; color:#2250e1;}
.links a:hover{color:#000; text-decoration:underline;}

.pageBg{width:100%; background: url(Images/bg.png) 0 -100px repeat-x; opacity:0.8; overflow:hidden;}
.navBar{}
.navBar .page{ clear:both; width:978px; margin:0 auto;}
.nav{height:36px; overflow:hidden;}
.nav ul{ color:#666;}
.nav li{ float:left;}
.nav a i{display:inline-block;width:0;height:36px;border-left:1px #DDD solid;float:right;}
.nav a{ width:107px; text-align:center; display:inline-block; font:normal 14px/36px 微软雅黑; text-decoration: none;color:#000;}
.nav a:hover{ font-weight:bold;}

.searchBox{width:228px;height:36px; float:left; border-right:1px #DDD solid;}
.mSearch{background:#FFF;height:36px;position:relative;z-index:9;}
.searchMenu{ width:48px;line-height:36px; position:relative; float:left;}
.searchMenu,.searchForm,.searchForm .btnBigSearch{height:36px;}
.searchMenu a{ display:block; padding-left:6px;color:#666;background:#F9F9F9;border-right:1px #DDD solid;}
.searchMenu a i{ display:inline-block;width:10px; height:8px; line-height:8px; font-size:8px; margin-left:2px; background:url(Images/bg.png) 0 -2px no-repeat; position:absolute;top:16px;}
.searchMenu ul{background:#DDD;width:46px; padding:1px; position:absolute; left:0; top:0; z-index:99; display:none;}
.searchMenu li{ cursor:pointer; padding-left:6px; background:#FFF;}
.searchMenu li:hover{ background:#F9F9F9;color:#333; font-weight:bold;}

.searchForm{position:absolute;left:48px;top:0;}
.searchForm label{ position:absolute; line-height:26px; color:#CCC; padding:5px;}
.searchForm .keyword{height:26px; line-height:26px;width:142px; padding:5px; border:0;}
.searchForm .btnBigSearch{ border:0; cursor:pointer; vertical-align:top; background:#FFF url(Images/bg.png) -88px 5px no-repeat;height:36px;width:26px; padding:0 3px;}

.banner{ text-align:center; background-position:top center; background-repeat:no-repeat;background-size:100%;height:200px;}

.titleLine{ border-bottom:1px #ddd solid;}
.title,.newsBox h3,.category h2,.titleLine{height:18px; line-height:18px; padding:6px 8px;}
.title strong,.newsBox h3 strong,.category h2 strong,.titleLine strong{ font:normal 16px/16px 微软雅黑; color:#333;}
.title strong i,.newsBox h3 strong i,.category h2 strong i{ border-left:3px #85c1e6 solid; height:16px;width:1px; margin:1px 6px 0 0; float:left;}
.title span,.newsBox h3 span{ float:right;}
a.more{ background-color:#ccebff;font:normal 12px/18px arial; padding:1px 6px; color:#999; border-radius:10px;}
a:hover.more{color:#333;}

.category{ border-bottom:1px dashed #DDD; padding-bottom:10px;}
.category .item h3{font: normal 14px/30px \5fae\8f6f\96c5\9ed1;height: 30px; line-height:30px; padding-left:4px;display: block;cursor: pointer;}
.category a{height:30px; line-height:30px;font-size:12px;}
.category a i{border-style:solid; border-width:4px; border-color:#FFF #FFF #FFF #91b2ff; height:0; width:0; font-size:0; display:inline-block; vertical-align:middle;margin:-1px 2px 0 8px;}
.category ul {overflow: hidden;display:none; padding-left:16px;}
.category li a:hover,.category li a.current,.location a:hover{color:#D00;}
.category li,.category li li a{ line-height:26px;}
.category h3 i{background:#b4d2eb url(Images/bg.png) -70px -1px no-repeat;width:14px; height:14px; display:inline-block; margin-right:4px; vertical-align:middle; border-radius:7px;-webkit-border-radius: 7px;}
.category .current .item h3 i{background-position: -70px -17px;}
.category .current h3 i,.category .current .current h3 i{background-position: -70px -17px;}
.category ul li .item ul{display:none;}

.functionType{ padding:4px 0; width:100%; overflow:hidden; border-bottom:1px dotted #DDD;}
.functionType li{width:20%; float:left; padding:6px 0;}
.functionType li a{color:#1967d6;}
.functionType li a span{ background:url(Images/bg.png) -118px 2px no-repeat; padding-left:12px;}

.picList ul{padding:10px 0;overflow:hidden;zoom:1;margin-left:-18px; position:relative;}
.picList li{width:170px; height:240px; margin:0 0 10px 18px; padding:4px 0; float:left;}
.picList li span{color:#666;}
.picList img{ margin:0 0 2px 0;width:170px; height:170px;}
.picList p{ line-height:16px; height:42px; text-align:left; font-family:Arial;word-break: break-all;word-wrap: break-word; overflow:hidden;}
.picList strong,.picList a{ font-weight:normal; line-height:23px; overflow:hidden;}

.brandList ul{margin-left:-12px;}
.brandList li{width:170px;height:90px; margin-left:12px;}
.brandList img{width:170px; height:65px; border:1px #DDD solid;margin-bottom:2px;}
.brandList li:hover img{ border-color:#98d0ff;}
.brandList p{text-align:center;}

.txtList{}
.txtList li{ line-height:18px; color:gray; padding:9px 6px; border-bottom:1px #E0E0E0 dashed; font-family:宋体;}
.txtList li a{ color:#666;}
.txtList li a:hover,.functionType li a:hover{ color:#D00; text-decoration:none;}
.txtList li span{ float:right; color:#BBB;}
.txtList li i{width:3px; height:5px; margin:6px 8px 0 0; display:inline-block; background:url(Images/bg.png) -123px -20px repeat-x; float:left;}
.txtList li h3{font-size:14px; line-height:23px; padding-top:10px;}
.txtList li img{ margin-right:4px; vertical-align:text-bottom; float:left;}
.txtList li p{color:Gray; padding-bottom:8px;line-height:21px;}
.txtList li p img{ float:right;}

.dlList {overflow:hidden; padding:10px 0;}
.dlList dl{padding:10px 0; overflow:hidden; zoom:1; border-bottom:1px #DDD dashed;}
.dlList dt{ float:left;width:76px; height:76px;}
.dlList h3{ font:normal 14px/30px 微软雅黑;}
.dlList h3 a{color:#386674;}
.dlList h3 a:hover{color:#D00;}
.dlList dd { float:right;width:660px;}
.dlList dd p{ line-height:23px; color:gray;}

.proDetailTab{ margin-top:20px;}
.proDetailTab div table{ display:none; width:100%; border-collapse:collapse;}
.proDetailTab th,.proDetailTab td{ border:1px #DDD solid; margin:0; padding:4px; font:normal 12px/23px 宋体 arial; }

.proDetailTab th{text-align:right; background:#EEE;width:150px; padding-right:8px;}
.proDetailTab td{width:80%;}
.proDetail { overflow:hidden; margin-top:16px;}
.proDetail dt{width:280px;height:280px; text-align:center; margin:2px 6px 2px 0; float:left; overflow:hidden;}
.proDetail dt img{border:1px #DDD solid; width:276px;height:276px;}
.proDetail dd{ width:60%; text-align:left; line-height:23px; float:right;}
.proDetail ul{ float:left; line-height:28px;}
.proDetail ul label{color:gray;}
.proDetail ul strong,.proDetail ul small,.proDetail ul big{color:red;}
.proDetail ul big{font-size:24px; font-family:Arial;}
.proDetail ul small{ font-size:13px; font-family:Arial;}
.proDetail li p{ background:#F9F9F9; padding:6px;color:Gray;}

.icoMinus, .icoPlus {background: url(Images/addico.gif) 0 0 no-repeat;display: inline-block;width: 11px;height: 11px;margin: 2px; vertical-align:middle;}
.icoPlus {background-position:-11px 0 ;}
.aBtnJoinCart{ background:url(Images/btnJoinCart.gif) 0 0 no-repeat; display:inline-block; width:23px;height:23px;}
.aBtnJoinCart i{display:none;}

.cntTit{padding:20px 15px 0 15px; text-align:center;}
.cntTit h1{font-weight:bold; font-size:21px; margin-bottom:8px; text-align:center;}
.cnt{color:#2B2B2B; line-height:23px; font-size:12px;}
.cnt p{ margin:1em 0;color:#2B2B2B;}

.guestbook{padding:0 10px;}
.guestbook table{}
.guestbook label{ display:inline-block; width:20%; margin:10px; vertical-align:middle;}
.guestbook label input{ margin-right:8px;}
.guestbook table th{width:78px; text-align:right; font-weight:normal; font-size:12px;}
.guestbook table td,.guestbook table th{padding:6px 0;}
.guestbook table td{width:400px;}
.guestbook table em{color:#D00;margin:0 2px; font-size:14px; font-style:normal;}
.guestbook table td span{font-size:12px;margin-left:8px; display:inline-block;}

.btnSubmit{ border:none;background:#FFF url(Images/bg.png) 0 -52px repeat-x;height:28px; line-height:28px; padding:0 6px 0 8px; cursor:pointer; color:#FFF; font-weight:bold;}
.inputTxt{ border:1px #aeaeae solid; line-height:16px; padding:3px 2px 1px 2px;}

.contactUs img{margin:8px 0;}
.contactUs ul{ padding:8px;}
.contactUs li{ line-height:26px; color:#666; font-family:Arial;}

.loading,.btnLoading{ background:url(Images/ajax-loader.gif) 0 center no-repeat; padding-left:18px; margin:0 3px; color:gray; line-height:16px;}
.btnLoading{border:none; padding:6px 6px 6px 18px; font-size:14px; background-color:#FFF;width:auto;}
/*tip box*/
.err,.tip,.ok{ padding:2px 3px 2px 0;padding-left:18px; background:#CCC; font-size:12px; display:inline-block; border:1px #CCC solid; vertical-align:middle;}
.err{ background:#faede8 url(../images/web/icons.png) 3px -427px no-repeat; color:#D00; border-color:#ff7500;}
.tip{ background:#f0f7fc url(../images/web/icons.png) 3px -501px no-repeat;color:#39C; border-color:#2eaafa;}
.ok{ background:#f9fdf1 url(../images/web/icons.png) 3px -577px no-repeat;color:Green; border-color:#97db14;}

.tipBox{margin:15px auto;width:500px; text-align:left; font-size:12px;}
.tipBox h3{ font-weight:bold; border-bottom:1px #DDD dashed; padding:0 0 8px 8px; margin-bottom:8px;}
.tipBox p{padding-left:8px; line-height:23px; color:gray;}
.tipBox a{color:#039;}
.tipBox b{ font-weight:normal; color:#D00; font-family:Arial; padding:0 4px;}
.tipBox i{ font-style:normal; font-weight:bold; padding:0 4px;}
.tipBox a:hover{color:#C00;}

.tipErr,.tipSuccess,.tipAlert,.tipHelp,.tipTip{padding:8px 8px 8px 58px; background-repeat:no-repeat; background-position:6px 10px;}
.tipErr{background-image:url(../images/web/icons/err.gif);}
.tipSuccess{background-image:url(../images/web/icons/success.gif);}
.tipAlert{background-image:url(../images/web/icons/alert.gif);}
.tipHelp{background-image:url(../images/web/icons/help.gif);}
.tipTip{background-image:url(../images/web/icons/tip.gif);}
/*tip end*/

/*分页样式*/
.pagination{text-align:center; padding:15px 8px;color:Gray;}
.pagination em{ font-style:normal;}
.pagination strong{margin:0 3px;}
.pagination a,.pagination span{ font-family:宋体; padding:2px 5px; margin:0 3px; display:inline-block;color:Gray;}
.pagination span.cur{font-weight:bold; color:red;}
.pagination a:hover{color:#000; text-decoration:underline;}
/*End*/

#mask{position:absolute;top:0;left:0;background:#000;display: none;height:100%;width:100%; overflow:hidden;}
#photos {z-index:50;position:absolute;top:0;left:0;background:none; display: none;height:100%;width:100%; overflow:hidden;}
#photos .photo {width: 100%;position: absolute;text-align: center;top: 0;left: 0;}
#photos .photoCont {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/Images/preloader.gif) center center no-repeat;overflow:hidden;}
#photos table{width:100%; height:100%;border:collspan; border:0;}
#photos table td{ vertical-align:middle;text-align:center;}
#photos table td img{ vertical-align:middle;}
#closePhotos{width: 138px;height: 48px;position: absolute;top: 12px;right: 0;cursor: pointer;background: url(/Images/close_button.png) 0 0 no-repeat;}
#closePhotos:hover {background-position: 0 -48px;}
#photoNext{width: 138px;height: 63px;background: url(/Images/photoNext.png) 0 0 no-repeat;position: absolute;top: 50%;right: 0;margin:-31px 0 0 0;padding:0;cursor: pointer;}
#photoNext:hover {background-position: 0 -63px;}
#photoPrev{width: 138px;height: 63px;background: url(/Images/photoPrev.png) 0 0 no-repeat;position: absolute;top: 50%;left: 0;margin:-31px 0 0 0;padding:0;cursor: pointer;}
#photoPrev:hover {background-position: 0 -63px;}

.icoQQ,.icoWeiXin,.icoSina{width:30px; height:30px; display:inline-block; background:url(/Images/Icons.png) 0 0 no-repeat;}
.icoQQ:hover{ background-position: 0 -38px;}
.icoSina{background-position: -40px 0;}
.icoSina:hover{background-position: -40px -39px;}
.icoWeiXin{background-position: -82px 0;}
.icoWeiXin:hover{background-position: -82px -38px;}

.icoPDF,.icoDOC,.icoFLV,.icoXLS,.icoPPT,.icoRAR,.icoZIP,.icoJPG{width:76px;height:76px; background-position:center center; background-repeat:no-repeat;}
.icoPDF{ background-image:url(/Images/icons/pdf.png);}
.icoDOC{ background-position:-18px -341px}
.icoFLV{ background-position:-36px -341px}
.icoXLS{ background-position:-53px -341px}
.icoPPT{ background-position:-71px -341px}
.icoRAR,.icoZIP{ background-position:-89px -341px}
.icoJPG{ background-position:-106px -341px}

.previousAndNext{ line-height:23px;}

.contactUsBox{}
.contactUsBox h2{color:#000; font-size:14px; padding:10px;}
.card{ margin:12px; font-family:Arial; line-height:21px;width:340px; padding:8px; float:left;background:rgba(255, 255,255, 0.3) !important; filter:Alpha(opacity=30); border-radius:8px; border:1px #DDD solid;}
.card h3,.card p,.card li{ position:relative;color:#000;}
.card h3{border-bottom:#EEE; font-size:14px;}
.card label{ font-weight:bold;}
.show ul{display:block;}

.buttonList ul{ margin-left:-14px; padding-top:10px;}
.buttonList li{ line-height:52px; height:52px;width:234px; margin:0 0 20px 16px;float:left;filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fefefe,endcolorstr=#ececec,gradientType=0); 
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fefefe,endcolorstr=#ececec,gradientType=0);/*IE8*/
background:#F9F9F9; /* 一些不支持背景渐变的浏览器 */ 
background:-moz-linear-gradient(top, #fefefe, rgba(236, 236, 236, 0.5)); 
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(rgba(236, 236, 236, 0.5))); 
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #ccc;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=35, Color='#ccc')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=35, Color='#ccc');}
    
.buttonList li a{ line-height:39px; padding:5px; display:block;}
.buttonList li a:hover{filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fefefe,endcolorstr=#ececec,gradientType=0); 
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fefefe,endcolorstr=#ececec,gradientType=0);/*IE8*/
background:#FFF; /* 一些不支持背景渐变的浏览器 */ 
background:-moz-linear-gradient(top, #fefefe, rgba(236, 236, 236, 0.5)); 
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(rgba(236, 236, 236, 0.5))); 
-moz-box-shadow: 1px 1px 2px #ccc;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;}
 
 .buttonList li a{ font:normal 14px/39px 微软雅黑; border:1px #EEE solid;}
  .buttonList li a img{width:60px; height:40px; margin-right:4px;}