﻿*{margin:0;padding:0; list-style:none;}
body{font:12px 'STHeiti','Microsoft YaHei','宋体','arial'; background:#FFF; margin:0 auto;}
a{ color: #333; text-decoration:none;}
a:hover{ color:#F70;}
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;}
fieldset legend{ margin-left:30px; padding:0 5px; color:#274a90; font-size:14px; font-weight:bold;}
fieldset legend span{ color:#666; font-size:12px; font-weight:normal;}
fieldset legend span b{ color:#F30;}

.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;}

.abc{position:relative; margin-left:-10px; margin-top:-10px;}
.abc img,.abc embed,.abc iframe{margin:10px 0 0 10px;line-height:0; font-size:0; display:inline-block; overflow:hidden; vertical-align:middle;float:left;}

.mainBox{ overflow:hidden;}
.sidebar,.mainBox,.location,.productList,.hCategory{width:858px; float:right; }
.W49Per{width:49%;}
.W280{width:280px;}

.page{width:1080px; margin:0 auto; overflow:hidden;}
.header{height:76px; padding:10px 0; background: #FFF;}
.logo{ float:left;width:300px; padding-top:8px;}
.imgTel400{ padding-top:14px;}

.searchBox{width:400px; margin-top:16px; float:left;}
.searchBox h3{ font-weight:normal; font-size:12px; color:#333; line-height:26px;height:26px;width:400px;overflow:hidden;}
.searchBox h3 a{color:#333;margin:0 4px;}
.searchBox h3 a:hover{ text-decoration:underline;}

.mSearch{background:#009241;padding:1px;height:34px;position:relative;z-index:9;}
.searchMenu{ width:50px;line-height:34px; position:relative; z-index:999; float:left;}
.searchMenu,.searchForm,.searchForm .btnBigSearch{height:34px;}
.searchMenu a{ display:block; padding-left:6px;color:#666;background:#F9F9F9;border-right:1px #DDD solid;}
.searchMenu a i{ display:inline-block;width:0;height:0; line-height:0;font-size:0;border:4px #F9F9F9 solid; border-top-color:#999; position:absolute;top:15px; left:38px;}
.searchMenu ul{background:#FFF;width:50px;border:1px #009241 solid; border-top:none; position:absolute; left:-1px; top:0; z-index:99; display:none;}
.searchMenu li{ cursor:pointer; padding-left:6px;}
.searchMenu li:hover{ background:#F9F9F9;color:#333;}

.searchForm{position:absolute;left:50px;top:1px;}
.searchForm label{ position:absolute; line-height:28px; color:#CCC; padding:5px;}
.searchForm .keyword{height:24px; line-height:24px;width:268px; border:0; padding:5px;}
.searchForm .btnBigSearch{width:70px; color:#FFF; border:0; cursor:pointer; font-size:14px; vertical-align:top; background-color:#009241;}

.searchBrandLogo{ position:absolute; top:0; right:70px;}
.searchBrandLogo img{height:34px; filter:alpha(opacity=40); opacity:0.4;}

.location{color:#CCC; padding:15px 0;}
.location .page{ background:none;}
.location big{font-weight:bold;color:#333;}
.location a{color:#333; margin:0 4px; font-size:14px;}

.navBar{ height:40px; width:1080px; margin:0 auto; background-color:#009241;position:relative;z-index:99;}

.pCategory{width:210px; position:absolute;left:0;}
.pCategory strong{background:#39b671; line-height:40px; height:40px; display:block; font-size:14px; font-weight:bold; color:#FFF;border-right:1px #009241 solid; cursor:pointer;}
.pCategory strong i,.pCategory strong b{ float:left; display:inline-block;height:40px; line-height:40px;width:10px;}
.pCategory strong b{ float:right; width:20px; margin-right:10px; background-position:-28px -238px;}
.pCategory ul{border:2px #39b671 solid; border-top:none; background:#f0fbf5 url(/Uploads/iconCategory.png) 4px 2px no-repeat; padding:2px 0; display:none; position:relative;display:block;}
.pCategory li h3{line-height:37px; height:37px; font-size:14px; font-weight:normal;}
.pCategory li h3 a{ display:block;width:166px; padding-left:30px; border-bottom:1px solid #FFF; color:#111;margin:0 10px;}
.pCategory li h3 a i{ display:inline-block;width:0;height:0; line-height:0;font-size:0; border:4px #f2f9f5 solid; border-left-color:#95cfaf; float:right; margin:14px 8px 0 0;}
.pCategory .over h3{ border:2px #39b671 solid; border-left:none; border-right:none; line-height:33px; height:33px;margin:0; z-index:5; background-color:#FFF;}
.pCategory .over h3 a{ font-weight:bold; color:#F70; background-color:#FFF; position:absolute; z-index:6; border-bottom:none;}
.pCategory  .over h3 a i{ border-color:#FFF;border-left-color:#009241;width:0;height:0; line-height:0;font-size:0;}
.pCategory strong b{ float:right; width:20px;background-position:-28px -238px;}
.pCategory h6.bottom{background:#fcf4ea;height:12px; line-height:12px; font-size:12px; z-index:0; float:left; bottom:0; margin-top:-10px; width:218px;}
.categoryHover ul{ display:block;}
.categoryHover strong b{ background-position:-50px -238px;}

.pCategory .item .pCategory dl dl::after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.pCategory .item{ display:none; width:580px; background-color:#EEE;border:2px #39b671 solid; position:absolute; z-index:5; left:204px; top:0; overflow:hidden;}
.pCategory .item dl{padding:4px 10px 10px 0;margin-right:10px;border-bottom: 1px dotted #D8D8D8;zoom:1;line-height: 20px;margin-bottom: -1px; display:block; overflow:hidden;}
.pCategory .item .lTypeBox,
.pCategory .item .rBrandBox{padding: 5px 0px 5px 10px;padding-bottom: 1000px;margin-bottom: -1000px;}
.pCategory .item .lTypeBox{ float:left; width:570px; background-color:#FFF; overflow:hidden;}
.pCategory .item .lTypeBox dl{width:560px;}
.pCategory .item .lTypeBox dt{float: left;width:90px;text-align:right;}
.pCategory .item .lTypeBox dd{float:left;width:460px; white-space: normal;word-break: break-all;zoom: 1;overflow: hidden;}
.pCategory .item .lTypeBox dd a{float:left;margin-left:15px; line-height:21px; color:#369; white-space: nowrap;}

.pCategory .item .rBrandBox{ float:right; width:340px; display:none;}
.pCategory .item .rBrandBox dt{font: bold 12px/21px Arial;color: #333;}
.pCategory .item .rBrandBox dd{padding:0 5px 0 0;color:#CCC;}
.pCategory .item .rBrandBox dd a{ display:inline-block; margin:5px;width:90px;height:48px; overflow:hidden;float:left; text-align:center; background:#FFF; padding:2px;}
.pCategory .item .rBrandBox dd a img{width:90px;height:30px;}

.nav{height:40px; width:868px; float:right;}
.nav ul{}
.nav li{ float:left;padding-left:40px; line-height:40px;}
.nav a{text-align:center; display:inline-block; font-size:16px; text-decoration: none;color:#FFF; }
.nav a:hover{color:#FFF; text-decoration:underline;}
.nav a i{display:none;width:0px;height:16px;border-left:1px #b2b2b2 solid; border-right:1px #ededed solid;float:right;}

.iRightBox{ margin-left:220px;}
.iFocusBox{ float:left;width:570px;}
.iNoticeBox{ float:right; width:280px;}

.banner{ text-align:center; background-position:top center; background-repeat:no-repeat; height:60px; display:none;}
.bannerBrandLogo{height:22px; margin:2px 0 0 300px; filter:alpha(opacity=30); -moz-opacity:0.3;-khtml-opacity: 0.3; opacity:0.3; }

.contactUs img{margin:8px 0;}
.contactUs ul{ padding:8px 0;}
.contactUs li{ line-height:30px;}

.footer{padding:15px 0;border-top:1px #DDD solid; background-color:#FFF; line-height:23px; font-family:Arial; overflow:hidden; width:100%;text-align:center;}
.footer .page{padding-left:50px;}
.tel400{ float:left;width:220px; padding-top:10px; font-size:14px;}
.tel400 img{ margin-bottom:8px; height:40px;}
.tel400 b{display: block;font-size: 32px; font-weight:normal; margin-top:2px;}
.footInfo{}
.links{ margin:0 8px;}
.links a{ margin-right:10px;}
.links a:hover{text-decoration:underline;}
.footInfo p{ padding:3px 0;}
.footInfo p strong{font-weight:normal;}
.picLinks img{height:40px; margin:0 10px;}

.title,.newsBox h3,.category h2{height:16px; line-height:16px;background:#FFF; padding:12px 2px; border-bottom:1px #009241 solid; overflow:hidden;}
.title strong,.newsBox h3 strong,.category h2 strong{ font-size:16px; font-weight:normal;}
.title span,.newsBox h3 span{ float:right;}
.title span a,.newsBox h3 span a{font-size:12px;font-weight:normal;}
.titleLine{ border-bottom:2px #DDD solid; line-height:36px;}
.titleLine strong{ color:#333; font-size:16px;}

.category{ background:#ececec; color:#545454;font-size:12px;}
.category h2{ border-left-width:0; border-right-width:0; border-top:none; display:none;}
.category h3{ font-size:12px; font-weight:normal;background: #ececec;border-bottom: 1px solid #f2f2f2;cursor: pointer;padding:10px 8px;}
.category h3,.category .item li{line-height:14px; float:left; width:20%;}
.category ul{overflow: hidden;background:#FDFDFD;}
.category .item li{border-bottom:1px #FFF solid; padding-top:10px; padding-bottom:10px;}
.category li a:hover,.category li a.current,.location a:hover,.title span a:hover,.newsBox h3 span a:hover{color:Red;}
.category a i{border:5px #FFF solid; border-left-color:#abe7b8; width:0;height:0; line-height:0;font-size:0;width:0; display:inline-block; vertical-align:middle;margin:-1px 2px 0 8px;}
.category h3 i{background:#b4d2eb url(Images/bg.png) -69px -1px no-repeat;width:14px; height:14px; display:inline-block; margin-right:4px; vertical-align:middle; border-radius:7px;-webkit-border-radius: 7px; float:right;}
.category .current h3{ background:#4ec668; color:#FFF;}
.category .current 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;}

.hCategory{ background:#FFF; padding-bottom:8px; overflow:hidden; zoom:1;}
.hCategory .title{padding:8px 4px;}
.hCategory .title strong{color:#009241;}
.hCategory ul{ padding:8px;}
.hCategory li{ width:20%; float:left; line-height:30px;}
.hCategory li i{ border:4px #FFF solid; border-left-color:#abe7b8;width:0;height:0; line-height:0;font-size:0; display:inline-block;}
.hCategory li span{ padding:2px 6px;}
.hCategory li.current span{ color:#F70; background:#F6F6F6; padding:2px 6px;}

.picList{}
.picList ul{padding:20px 0;overflow:hidden;zoom:1;margin-left:-14px;margin-left:-14px !important;position:relative;}
.picList li{width:200px; height:252px; margin:0 0 10px 14px;margin-left:14px !important;padding:4px 0; border:2px #FFF solid; background:#FFF; float:left;}
.picList li:hover{ border-color:#abe7b8;}
.picList li label{color:#999;}
.picList img{ margin:4px 0 2px 0;width:180px; height:180px;}
.picList p,.picList strong{padding:2px 4px; font-size:12px;}
.picList p{ line-height:18px; height:36px; text-align:left; font-size:14px;word-break: break-all;word-wrap: break-word; overflow:hidden;}
.picList p span{ display:none;}
.picList strong{display:block;}
.picList strong,.picList strong a{ color:#F00;line-height:23px; overflow:hidden;}

.brandList ul{margin-left:-22px;}
.brandList li{width:200px;height:108px; overflow:hidden;}
.brandList img{width:200px; height:78px; margin-bottom:4px;}
.brandList p{text-align:center;}

.iProductBox .title{ line-height:38px;height:38px; padding:10px 0 0 0; border-bottom:none;}
.iProductBox .title strong{ float:left; margin-right:20px;}
.iProductBox .title ul{}
.iProductBox .title li{ float:left; width:20%; text-align:center; line-height:36px; font-size:14px; position:relative; border-bottom:1px #009241 solid;}
.iProductBox .title li i{ position:absolute; bottom:0; left:50%; margin-left:-3px;width:0;height:0; line-height:0;font-size:0; border:5px #FFF solid;}
.iProductBox .title li.current{border-bottom-color:#F70; }
.iProductBox .title li.current a{color:#F70; font-size:15px;}
.iProductBox .title li.current i{ border-bottom-color:#F70;}
.iProductBox .picList ul{ display:none;}
.iProductBox .picList .display{ display:block;}

.txtList{ background:#FFF;}
.txtList li{ line-height:18px; color:gray; padding:10px 8px; border-bottom:1px #E0E0E0 solid;}
.txtList li a{ color:#666;}
.txtList li a:hover{ color:#F33; text-decoration:none;}
.txtList li span{ float:right; color:#BBB;}
.txtList li i{width:3px; height:5px; margin:8px 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 h3 img{ margin-right:4px; vertical-align:text-bottom;}
.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:#39b671;}
.dlList h3 a:hover{color:#F70;}
.dlList dd { float:right;width:780px;}
.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;}

.proDetailTab th{text-align:right; background:#FFF;width:150px; padding-right:8px;}
.proDetailTab td{width:80%;}
.proDetail { overflow:hidden; background:#FFF; padding:16px 2px;}
.proDetail dt{width:250px;height:250px;float:left; overflow:hidden;}
.proDetail dt img{width:240px;height:240px; margin-top:10px;}
.proDetail dd{ width:350px; margin-left:40px; text-align:left; line-height:23px; float:left;}
.proDetail ul{ float:left; line-height:36px; font-size:14px;}
.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{ padding:6px;}

.cntTit{padding:20px 0 0 0; }
.cntTit h1{font-weight:normal; font-size:21px; padding-bottom:8px;}
.cnt{padding:10px;color:#2B2B2B; line-height:26px; 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:Red;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;}

.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:Red; 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:Red; font-family:Arial; padding:0 4px;}
.tipBox i{ font-style:normal; font-weight:bold; padding:0 4px;}
.tipBox a:hover,.pCategory .item .lTypeBox dd a:hover{color:#F70;}

.tipErr,.tipSuccess,.tipAlert,.tipHelp,.tipTip{padding:8px 8px 8px 58px; background-repeat:no-repeat; background-position:6px 10px;}
.tipErr{background-image:url(../images/icons/err.gif);}
.tipSuccess{background-image:url(../images/icons/success.gif);}
.tipAlert{background-image:url(../images/icons/alert.gif);}
.tipHelp{background-image:url(../images/icons/help.gif);}
.tipTip{background-image:url(../images/icons/tip.gif);}
/*tip end*/

/*分页样式*/
.pagination{text-align:center; font-size:14px;}
.pagination em{ font-style:normal;}
.pagination strong{margin:0 3px;}
.pagination a,.pagination span{ padding:4px 10px; margin:0 3px; display:inline-block;color:Gray; background:#E0E0E0;}
.pagination span.cur,.pagination a:hover{color:red; background:#FFF;}
/*End*/

.icoQQ,.icoWeiXin,.icoSina{width:30px; height:30px; display:inline-block; background:url(../Images/skype-QQ-MSN.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:16px; padding:10px 0;}
.card{width:390px; padding:10px; margin:20px 40px 10px 0; border:1px #EEE solid; font-family:Arial; line-height:26px; float:left;background:rgba(255, 255,255, 0.3) !important; filter:Alpha(opacity=30); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-border-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2);}
.card h3,.card p,.card li{ position:relative;color:#000; line-height:36px;}
.card h3{border-bottom:1px #EEE solid; font-size:16px;}
.card label{ font-weight:bold;}
.show ul{display:block;}