/* CSS Document */
.main2{ float:right; width:78%; }
.sidebar{ float:left; width:20%;}
.mainimg{background:url(../images/bg-subimg.jpg) top center no-repeat; background-color:#ceced0; text-align:center;}
.bgsub{ background:url(../images/bg-sub.gif) repeat-x top;}
.bgwhite{ background:#fff;}
.weapper { width:100%; text-align:left;}

.header-banner {   min-height: 140px; margin-bottom:20px; border-bottom:5px solid #efefef;}
.header-banner h2 {  font-size: 2.5em;  color: #fff;   font-family: '敺株��迤暺煾��'; text-transform: capitalize;   padding-top: 1.5em;}

/***獢��沲/�梁鍂***/
#noinfo_tb{border:1px solid #e1e1e1; color:#484848; font-size:13px; text-align:center; padding:40px 0px; margin-bottom:25px;}
#noinfo_tb a{width:75px; height:28px; background:#dc1511; display:block; line-height:28px; text-align:center; color:#fff; font-size:12px; margin:0 auto;}
#noinfo_tb a:hover{background:#3399cc; color:#fff;}
.btsty{width:104px; height:33px; border:none; background:none; background:url(../images/bg-btsty.gif) top no-repeat; line-height:33px; text-align:center; font-size:1em; color:#fff; text-transform:uppercase; display:block; cursor:pointer;}
.btsty span{padding-right:5px;}
.btsty:hover{background:url(../images/bg-btsty-over.gif) no-repeat; color:#fff;}
.btstyRight{float:right; margin-left:5px;}
input.btsty{padding-right:15px;}
.linesty{height:38px; background:url(../images/line02.gif) no-repeat;}
.border{border:#ccc 1px solid; border-bottom:none; border-top:none;}
.back a{color:#4e95dc;}
.img{ width:100%;}
.img img{ width:100%; height:auto;}

.img2{ width:40%; float:right; margin-left:1em;}
.img2 img{ width:100%; height:auto; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:1px solid #fff; box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);}

/*location*/
.location{padding:14px; background:url(../images/bg-location.gif) no-repeat top;  color:#333; font-size:0.85em; text-align:left; padding-right:25px; padding-left:15PX; }
.location a{color:#333;}
.location i{color:#333;}
.location span{padding:0 10px; font-size:10px; color:#333;}
h1.title{padding:25px; font-size:1.8em; background:url(../images/bg-icon.gif) no-repeat top left; padding-left:35px; padding-top:15px; padding-bottom:15px;}

 .imgpd img{ width:100%}
 .imgpd{ width:100%}

/*prod*/

/*����*/	
#paging{padding-bottom:30px;}

.pagelink{ font-size: 11px; color:#ff6633; font-weight: bold;}
.pagelink a{font-size: 10px; color: #999;}
.pagelink a:hover {color:#ff6633; text-decoration: underline;}
.pagelink span{color:#999;}

.pagelink2{font-size:11px; color:#999; font-weight:normal;}
.pagelink2 a:link{color:#666;}
.pagelink2 a:hover{color:#ff6633; text-decoration:underline;}

.searchpdno{font-size: 11px; font-weight: bold;	color:#ff6633;}

.pdSearch{border:#eee 5px solid; padding:1em;}
.pdSearch:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.pdSearch .shform{width:85%; border:#ccc 1px solid; height:2.5em; line-height:2.5em; padding:0 0.5em; float:left;}
.pdSearch .shbt{background:url(../images/bt-search.png) center center no-repeat; background-color:#ccc; width:10%; border:none; height:2.5em; cursor:pointer; float:right;}

/***sidebar***/

/*甈⊿�詨鱓*/
#submenu{}
#submenu .title{border-bottom:#ccc 1px dashed; padding:10px 0; text-align:center; font-family:敺株��迤暺煾��, Times, serif;color:#333; font-size:1.5em; border:#efefef 8px solid; font-weight:bold;}
#submenu .title i{color:#5f5f5f;}
#submenu dl{padding:0; margin:0 auto;}
#submenu dt{font-size:1em; border-bottom:#ccc 1px dashed; background:url(../images/bg-submenu2.png) bottom repeat-x;}
#submenu dt a{display:block; color:#000; padding:15px; padding-left:35px;}
#submenu dt.submenuOver a, #submenu dt a:hover{color:#fff; background:url(../images/bg-submenu.png) repeat-y #4aa648;}
#submenu dd{padding:0; margin:0; }
#submenu dd a{display:block; color:#333; padding:10px 5px 10px  25px; background: #ddd; }
#submenu dd.submenuOverSub a, #submenu dd a:hover{color:#000; background: #f8e3c3; text-decoration:none;}
#submenu dd.last{padding-bottom:0px;  }
#submenu dl i{float:left; width:10%; text-align:center;}
#submenu dl div{float:left; width:90%;}
#submenu dt a:after{clear:both; display:block; visibility:hidden; height:0; content:".";}

.aboutus{ padding:1.8em; font-size:1.2em; line-height:2em;}


/***main***/

/*�𤩎��閰喟敦��*/
.subimgbox h1{font-family:"Bell MT","Times New Roman", Times, serif;color:#039;}
.subimgbox{ text-align:center; padding-top:40px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(0,0,0,0)), color-stop(90%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.15) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.15) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */
}


.pd{ width:22%; float:left; margin:12px; background:#fbedd9; box-shadow:1px 1px 12px -1px rgba(20%,20%,40%,0.5);}
.pd img{ width:100%;}
.pd .txtinfo{ padding:0.8em; min-height:130px;}
.pd .txtinfo h2{ font-size:1.2em; color:#333; line-height:25px; }
.pd .txtinfo span{ font-size:0.9em; color:#666; padding-top:8px;}
.pd:hover { background:#60aa5f;}
.pd:hover .txtinfo h2{color:#fff;}
.pd:hover .txtinfo span{color:#fff;}
.pd:hover img{filter:alpha(opacity=80);opacity:0.8;zoom:1;}

.prodDetail{  padding:2em; padding-bottom:0em;}
.prodDetail .left{ width:40%; float:left;}
.prodDetail .left .img{ width:100%; box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5); position:relative;}
.prodDetail .left .img img{ width:100%;}
.prodDetail .right{ width:56%; float:right;}
.prodDetail .zoomin{ width:80px; height:80px; position:absolute; bottom:0; right:0; background:url(../images/zoomin.png) no-repeat  bottom right; }

.prodDetail .title{ }
.prodDetail .title h1{ float:left; color:#0066cc; font-size:1.6em; padding:0.5em 0; }
.prodDetail .title .tool{ float:right; color:#3399ff; font-size:0.8em; text-align:right; margin-top:1.5em; }
.prodDetail .title .clear{ clear:both; width:100%; height:36px; background:url(../images/bg-line.gif) no-repeat center top;}
.prodDetail .summary{ color:#666; line-height:1.5em; font-size:1em; }

.bt-buy{ width:30%; height:35px; background:#ff9900; color:#fff; line-height:35px; font-size:14px; margin-top:20px; text-align:center; margin-right:2%; float:left;}
.bt-buy a{ width:100%; height:35px; background:#ff9900; display:block; color:#fff; font-size:14px;}
.bt-buy a:hover{ background:#4ba649; text-decoration:none; color:#fff; text-decoration:none;}
.share{ padding-top:10px;}
.share img{ padding-right:3px;}

.prodDetailline{ width:100%; clear:both; background:url(../images/bg-pdline.gif) repeat-x bottom; height:33px;}


.feature{ padding:2em; padding-top:0em;}

#tabs6{ background:url(../images/bg-pd.gif) repeat-x bottom; }
#tabs6:after{clear:both; display:block; visibility:hidden; height:0; content:"."; background:url(../images/bg-pd.gif) repeat-x bottom;}
#tabs6 li{float:left; margin-right:1px;}
#tabs6 li a{color:#333; display:block; padding:15px 35px; background:none; cursor:pointer;}
#tabs6 li.active a, #tabs li a:hover{background:#4ba649; color:#fff;}
#tabs6 ul, #tabs6 li{list-style-type:none; margin:0px; padding:0px;}

.pdcontent{ width:100%; margin: 0 auto; text-align:left; padding-top:25px; padding-bottom:10px; font-size:13px; line-height:21px; color:#333; }
.pdcontent td{ border-top:0px solid #dddddd; border-right:0px solid #dddddd;}
.pdcontent table{ border-bottom:0px solid #dddddd; border-left:0px solid #dddddd;}
.pdcontent img{ padding-bottom:5px;}

.pdimg1{ display:block;}
.pdimg2{ display:none;}

/*************************���鰵瘨���******************************/	
/*****sty1******/
.newsList{padding:0px;}
.newsList h1{color:#ff9900; font-size:18px; padding:15px 0px 5px;}
.newsList .date{width:50%; float:left; font-size:11px; color:#999;}
.newsList .tool{width:45%; float:right; text-align:right;}
.newsList .summary{font-size:12px; line-height:20px; clear:both; color:#555; padding-top:10px;}
.newsList .line{border-bottom:#e9e9e9 1px solid; height:10px;}
.newsList .more{ width:50px; height:30px; line-height:30px; text-align:center; background:#ff9900; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; color:#fff;}
.newsList:hover h1{ color:#4aa648; text-decoration:none;}
.newsList:hover .more{ background:#4aa648; text-decoration:none;}
.newsList:hover .summary{ color:#4aa648; text-decoration:none; }
.newsList:hover a{text-decoration:none;}


/*********Detail**********/
.newsDetail{padding-top:15px;}
.newsDetail h1{font-size:13px; font-weight:bold; background:url(../images/bg-dotline.gif) left bottom repeat-x; padding-bottom:10px; color:#ff9900;word-break:break-all;word-wrap:break-word;overflow:hidden}
.newsDetail .date{width:50%; float:left; font-size:11px; color:#666;}
.newsDetail .tool{width:50%; float:right; font-size:11px; color:#666; text-align:right; padding-top:5px;}
.newsDetail .txt{clear:both; padding-top:15px;word-break:break-all;word-wrap:break-word;overflow:hidden}
.othernews{clear:both; margin-top:20px; padding-top:20px;word-break:break-all;word-wrap:break-word;overflow:hidden}
.othernews p{border-bottom:#e9e9e9 1px solid; font-size:14px; font-weight:bold; color:#000;}
.othernews ul{list-style-position: outside;; margin:10px;}
.othernews li{list-style-type:circle; margin-left:10px; padding-bottom:8px;}
.othernews .date{font-size:11px; color:#999;}
.othernews .more{color: #333; font-size:12px; font-weight:bold; padding-top:15px;}
.othernews .more a:link{color: #333; text-decoration:none;}
.othernews .more a:hover{color:#ff6600; text-decoration:underline;}	
.othernews .more a:visited{color: #333; text-decoration:none;}

/***********************��銵𤘪𣈲�螱*********************************/
/*****sty1******/
.supportList{ width:100%; padding-bottom:25px; border-bottom:1px dashed #ddd; margin-bottom:20px; text-align:center;}
.supportList h2 { color:#ff9900; font-size:18px; font-weight:normal; font-family:敺株��迤暺煾��;}
.supportList .date{ color:#999; font-size:13px;}
.supportList .more{ width:50px; height:30px; line-height:30px; text-align:center; background:#ff9900; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; color:#fff;}
.supportList .summary{ color:#333; padding-top:15px;}
.supportList:hover h2{ color:#4aa648; text-decoration:none;}
.supportList:hover .more{ background:#4aa648; text-decoration:none;}
.supportList:hover .summary{ color:#4aa648; text-decoration:none; }
.supportList .supporttxt{ width:96%; margin:0 auto; text-align:left;}
.supportList .supporttxt .right{ float:right; width:76%;}
.supportList .supporttxt .left{ float:left; width:20%; margin-top:0em;}
.supportList .supporttxt .left img{ width:100%; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; height:auto;}

/*caform*/
.caform { width:90%; margin:0 auto;}
.caform .note{padding-bottom:15px; padding-top:15px;}
.caform p{padding-bottom:10px;}
.caform p:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.caform p label{width:80px; float:left; padding-top:5px;}
.caform fieldset{border:none; width:100%;}
.caform legend{display:none;}
.caform .redstar{color:#F00;}
.caform .bt{padding-left:82px;}
.formSty{border:#ccc 1px solid; width:80% !important; padding:8px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;  border-left:5px solid #942837;}
.formSty2{border:#ccc 1px solid; width:20% !important; padding:8px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#msg{color:#666;}
.btSty{background:#5f5f5f; color:#fff; border:none; padding:5px 15px; cursor:pointer; border-radius:10px;}
.btSty:hover{background:#942837; color:#fff;}
.btSty2{background:#5f5f5f; color:#fff; border:none; padding:5px 15px; cursor:pointer; border-radius:10px;}
.btSty2:hover{background:#942837; color:#fff;}
.btSty3 a{text-align:center; background:#FC0; color:#fff; padding:5px 15px; border-radius:10px; font-size:0.9em;}
.btSty3 {text-align:center; background:#FC0; color:#fff; padding:5px 15px; border-radius:10px; font-size:0.9em;}
.btSty3 a:hover{ background:#942837; color:#fff;}

.cainfo{padding:1px; box-shadow:#ccc 0 0 10px; position:relative; height:452px;}
.cainfo iframe{position:absolute; z-index:0;}
.cainfo .txt{width:250px; background:url(../images/bg01.png) repeat; position:absolute; right:2px; height:410px; z-index:10; padding:20px; color:#fff; }
.cainfo .txt h2{font-size:1.3em; padding:25px 0;}
.cainfo .txt img{float:left; margin-right:8px;}
.cainfo .txt div{float:left;}
.cainfo .txt li{padding-bottom:10px;}
.cainfo .txt li:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.cainfo .txt li a{color:#fff;}
.cainfo .txt li a:hover{color:#f00;}

/***cformbox***/
.cformbox{padding-top:10px; border:#ccc 1px dotted; background:url(../images/bg-pdfirend.gif) no-repeat top left;}
.cformbox .bg2{ background:url(../images/bg-form.gif) repeat-x bottom;}
.cformbox fieldset{border:#fff 0px dotted; margin-top:16px; padding-bottom:20px;}
.cformbox legend{ background:#339933; padding:1em; color:#fff; font-size:13px; font-weight:bold; width:100%;}
.cformbox .cform{width:80%; padding-bottom:4px; padding-top:2px; text-align:left;}
.cformbox .cform-left{width:25%; float:left; text-align:right; color:#000; font-size:12px;}
.cformbox .cform-right{width:73%; float:right; color:#666; font-size:12px;}
.cformbox .cform-right span{font-size:11px; color:#999;}
.cformbox .star{color:#c70000; font-size:13px; font-weight:bold;}
.cformbox .cform_style{font-size:11px; color:#666; border:#e4e4e4 1px solid; background:url(../images/contactus/bg-formstyle1.gif) bottom left repeat-x; width:95%; height:23px;}
.cformbox .cform_bt{color:#333; font-size:12px; padding:3px 8px 0px;}
.cformbox .summary{padding:10px 20px; font-size:12px; color:#333;}
.cformbox .summary2{padding:10px 0px; font-size:12px; color:#333;}
.cformbox .summary,.cformbox .summary2 span{color:#999;}
.cformbox span.redstar{color:#F00; font-size:14px;}
.cformbox .line{background:url(../images/bg-dotline.gif) center center repeat-x; padding:10px 0px;}

.cform .cform-left{width:25%; float:left; text-align:right; color:#000; font-size:14px;}
.cform .cform-right{width:73%; float:right; color:#666; font-size:14px;}
.cform .cform-right span{font-size:11px; color:#999;}
.cform .star{color:#c70000; font-size:13px; font-weight:bold;}

.contactmap{ width:40%; margin-left:1em; float:left;}
.contactinfotxt{ width:55%; float:right;}

/*.sitemap*/
.sitemap{width:22%; float:left; padding-top:20px; margin:0.5em;}
.sitemap h1{background:url(../images/bg-title02.png) no-repeat; height:47px; color:#fff; line-height:47px; padding-left:25px; font-size:1.3em; padding-bottom:5px; border:1px dashed #ddd; border-top:5px solid #4aa648;}
.sitemap h1 a{color:#4aa648;}
.sitemap dl{width:100%;}
.sitemap dt a{border-bottom:#ccc 1px dashed; padding:10px; display:block; color: #666 ;}

@media(max-width:1224px){ 

.pd{ width:30%; float:left; margin:1.5%;}

}


@media(max-width:768px){ 
.sidebar{display:none;}
.main2{ float:none; width:100%;}
.redes{ float:none;}
.location{padding:5px;  color:#333; font-size:1em; text-align:left; padding-right:5px; padding-left:5PX; background:none; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding-top:0.5em ; padding-bottom:0.5em;}
.tools2{ float:right; display:block; }
.tools{ display:none; }
.pd{ width:48%; float:left; margin:1%;}
.prodDetail .summary2 .imgright{ float:none;}
.prodDetail .imgleft{ float:none;}

.prodDetail{  padding:0.5em;}
.prodDetail .left{ width:100%; float:none;}
.prodDetail .right{ width:100%; float:none; margin-top:10px;}

#tabs6{ background:none; }
#tabs6:after{clear:both; display:block; visibility:hidden; height:0; content:"."; background:none}
#tabs6 li{float:none; margin-right:0px; width:100%; border-bottom:1px dashed #fff;}
#tabs6 li a{color:#333; display:block; padding:15px 35px; background:#ddd; cursor:pointer;}
#tabs6 li.active a, #tabs li a:hover{background:#4ba649; color:#fff;}
#tabs6 ul, #tabs6 li{list-style-type:none; margin:0px; padding:0px;}

.feature{ padding:0em; padding-top:0em;}

.supportList{ width:100%; padding-bottom:25px; border-bottom:1px dashed #ddd; margin-bottom:20px; text-align:left;}
.supportList h2 { color:#ff9900; font-size:18px; font-weight:normal; font-family:敺株��迤暺煾��;}
.supportList .date{ color:#999; font-size:13px;}
.supportList .more{ width:50px; height:30px; line-height:30px; text-align:center; background:#ff9900; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; color:#fff;}
.supportList .summary{ color:#333; padding-top:15px;}
.supportList:hover h2{ color:#4aa648; text-decoration:none;}
.supportList:hover .more{ background:#4aa648; text-decoration:none;}
.supportList:hover .summary{ color:#4aa648; text-decoration:none; }
.supportList .supporttxt{ width:100%; margin:0 auto; text-align:left;}
.supportList .supporttxt .right{ float:none; width:100%; }
.supportList .supporttxt .left{ float:none; width:100%; margin-top:0em;}
.supportList .supporttxt .left img{ width:80%; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; height:auto;}

.caform p label{width:100%; float:none; padding-top:5px;}
.caform fieldset{border:none; width:100%;}
.caform { background:none; background-size:cover;}
.caform .bt{padding-left:0px;}

.sitemap{ float:none; width:98%; margin:0 auto;}

.img2{ width:100%; float:none; margin:0px; margin-bottom:1em;}
.img2 img{ width:100%; height:auto; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:1px solid #fff; box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);}

.contactmap{ float:none; width:100%; padding:0.8em; text-align:left; }
.contactmap iframe{ width:90%; }
.contactinfotxt{float:none; width:100%; padding:0 1.6em;  }
.pdcontent img{ width:100%}

.formSty2{border:#ccc 1px solid; width:35% !important; padding:8px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.cform .cform-left{width:100%; float:none; text-align:left; color:#000; font-size:14px; padding-left:15px;}
.cform .cform-right{width:100%; float:none; color:#666; font-size:14px; padding-left:15px;}


.pdimg1{ display:none;}
.pdimg2{ display:block;}

}

@media(max-width:480px){ 
.pd{ width:100%; float:none; margin:0%; margin-bottom:20px;}


}