@charset "utf-8";
@font-face {
  font-family: Oxygen;
  src: url(Oxygen.otf) format("opentype");
  font-family: CalibriBold;
  src: url(CalibriBold.ttf) format("opentype");
} 
body {font-family: Oxygen; }
#wrapper{ width:995px; margin: 0 auto}
#top{ position:relative; height:120px; border-bottom:1px solid #e8e8e8; background-color:#fff;}
.logo{ float:left; width:140px; height:52px; margin:35px auto 33px 15px; background-image:url(../images/logo.png);}
#mainbody{ background-color:#efefef; width:100%; border:1px solid #efefef; overflow:inherit;}
#gotop{ clear:both; height:50px; border-top:1px inherit #e8e8e8;border-bottom:1px solid #e8e8e8;}
#gotop ul li{ text-align:center;}
#footer{ height:50px; position:relative; font-size:11px; color:#808080;}
#footer .copyright{ float:left; margin:15px 0 18px 15px;}
#footer .info{ float:right; margin:15px 15px 18px 0;}
#footer .info li{ display:inline;}
.infoTel{ margin-right:24px;}
.setmargin{ margin-top:10px;}
.leftArea { clear:both; border:1px solid #009; overflow:inherit;}
.leftArea ul li.showInfoOuter{ width:312px; height:260px; float:left; margin-top:15px; margin-right:9px;}

/*all list style*/
.showInfo ul{ position:relative; background-color:#808080;}
.showInfo ul li.showInfoNew{ width:50px; height:50px; position:absolute; top:0; right:0}
.showInfoBtn ul{ background-color:#e6e6e6; height:80px; color:#000; font-size:15px;}
.showInfoBtn ul li.showInfoBtnTextUp{ color:#96C519; padding:18px auto 10px 15px;}
.showInfoBtn ul li.showInfoBtnTextDown{padding:0 auto 20px 15px;}

/*mian content*/
#mainbodyInner,#aboutus,#news,#dentistview,#contactus,#products,#dealercorner,#catalog{ width:965px; margin:0 auto; overflow:hidden;}

/*index*/
.slideShow {width: 965px;height: 400px; position: relative;overflow: hidden; padding-top:15px;}
.pager{ position:relative; z-index:100;}
.indexprev{ width:32px; height:32px; position:absolute; top:180px; left:15px; background:url(../images/prev.png) top left no-repeat;}
.indexnext{ width:32px; height:32px;position:absolute; top:180px; right:15px ;background:url(../images/next.png) top left no-repeat;}
.indexList{ clear:both;overflow:inherit;}
.indexList ul li.indexListInfoOuter{ width:312px; height:260px; float:left; margin-top:15px;  display:inline; margin-bottom:10px;}
.indexList ul li.indexListInfoOuter:nth-child(3n+3){ float:right;}
.indexList ul li.indexListInfoOuter:nth-child(3n+2){ margin-left:15px;}
.indexListInfo{ position:relative; background-color:#FFF;}
.indexListInfo ul li.indexListInfoImage{ width:312px; height:180px; overflow:hidden;}
.indexListInfo ul li.indexListInfoNew{width:50px; height:50px; position:absolute; top:0; right:0}
.indexListInfo ul li.indexListInfoCategory ,.contenthover ul li.indexListInfoCategory { font-size:15px; line-height:23px; color:#000; padding-top:15px; padding-left:15px;}
.indexListInfo ul li.indexListInfoTitle ,.contenthover ul li.indexListInfoTitle { font-size:19px; line-height:23px; color:#96c519; padding-left:15px; padding-bottom:25px;}
.indexListInfo ul li.indexListInfoDetail ,.contenthover ul li.indexListInfoDetail {font-size:15px; line-height:23px; color:#808080;text-align:justify; text-justify: inter-ideograph; padding:17px 15px 15px 15px;}
.contenthover ul li.indexListInfoView{ text-align:center;position:absolute; bottom:10px; left:110px;}
.indexListInfoBottom{ min-height:15px; clear:both}
.contenthover ul li.indexListInfoCategory a{ text-decoration:none;color:#000;}
.contenthover ul li.indexListInfoTitle a{ text-decoration:none;color:#96c519;}
.contenthover ul li.indexListInfoDetail a{ text-decoration:none;color:#808080;}
/*about us*/
.aboutsContent{ margin-top:60px;}
.aboutusSlideShow{ margin-top:12px;}
.aboutusLeftArea{ width:460px; float:left;}
.aboutusRightArea{ width:460px; float:right;}
.aboutusTitle{ font-size:27px; color:#96c519}
.aboutusDetail{ font-size:15px; line-height:29px; color:#808080;  text-align:justify; text-justify: inter-ideograph; padding-top:20px;}
.aboutusRightSide{ margin-bottom:60px;}
.aboutsContentBottom{ clear:both; min-height:60px;}

/*news*/
.newsList{ clear:both;overflow:inherit;}

.newsList ul li.newsListInfoOuter{ width:312px; margin-top:15px; display:inline; float:left; margin-bottom:45px;}
.newsList ul li.newsListInfoOuter:nth-child(3n+3){ float:right;}
.newsList ul li.newsListInfoOuter:nth-child(3n+2){ margin-left:15px;}
.newsListInfo{ position:relative;}
.newsListInfo ul li.newsListInfoImage{ width:312px; height:180px; overflow:hidden;}
.newsListInfo ul li.newsListInfoNew{width:50px; height:50px; position:absolute; top:0; right:0}
.newsListInfo ul li.newsListInfoDate{ font-size:15px; line-height:23px; color:#96c519; padding-top:15px;padding:0 10px;padding-top:15px;}
.newsListInfo ul li.newsListInfoTitle{ font-size:15px; line-height:23px; color:#000;padding:0 10px;}
.newsListInfo ul li.newsListInfoDetail{font-size:15px; line-height:29px; color:#808080;text-align:justify; text-justify: inter-ideograph; padding-bottom:45px; padding:0 10px;padding-top:17px; width:290px;}
.newsListInfo ul li.newsListInfoImage a{ text-decoration:none;}
.newsListInfo ul li.newsListInfoDate a{ text-decoration:none; color:#96c519; padding-top:15px;}
.newsListInfo ul li.newsListInfoTitle a{ text-decoration:none; color:#000}
.newsListInfo ul li.newsListInfoDetail a{text-decoration:none;color:#808080; padding-top:17px;}
.newsYear{  border-bottom:1px solid #e0e0e0; width:100%; height:40px; text-align:right; padding-top:10px; }
/*.newsYear ul li a{ height:50px; width:40px; margin-right:35px; text-align:center; display:inline-block; color:#808080; font-size:15px; text-decoration:none; float:left;}
.newsYear ul li a:hover{ color:#96C519}*/
.newsYear{ position:relative;}
.v_content { position:relative; height:50px; overflow:hidden; float:right; margin-right:10px;}
.v_content_list { position:absolute;top:0px; left:0px;}
.v_content_list ul{}
.v_content_list ul li{ width:50px; height:50px; float:left;text-align:center;}
.v_content_list ul li a{ text-decoration:none; color:#808080;}
/*text-indent:-9999px;
#yearBtn{ width:100%; height:50px; overflow:hidden;  cursor:pointer; border:1px solid #000; }*/
.prev {background:url(../images/yearprev.png) no-repeat; position:absolute; top:20px; width:10px; height:10px;cursor:pointer;text-indent:9999px;}
.next {background:url(../images/yearnext.png) no-repeat; position:absolute; top:20px; right:0px; width:10px; height:10px;cursor:pointer;text-indent:9999px;}
/*newsDetail*/
.newsDetail{clear:both;overflow:inherit; position:relative;}
.newsDetail ul li.newsDetailDate{ padding-top:35px; font-size:15px; color:#96c519;}
.newsDetail ul li.newsDetailTitle{ padding-top:3px; font-size:27px; color:#000; line-height:36x; width:680px;text-align:justify; text-justify: inter-ideograph; }
.newsDetail ul li.newsDetailContent{ width:965px; font-size:15px; line-height:29px; color:#808080; padding-top:20px;}
.newsDetail ul li.newsDetailLike{ position:absolute; top:70px; left:780px;width:200px; height:18px;}
.newsDetail ul li.newsDetailLike div { width:90px; overflow:hidden; float:left; display:inline-block;}
.newsDetailBottom{ border-bottom:1px solid #e8e8e8; min-height:60px;}

/*dentist view*/
.dentistviewList{ clear:both;overflow:inherit;}
.dentistviewList ul li.dentistviewListInfoOuter{ width:312px; float:left; margin-top:15px; display:inline;}
.dentistviewList ul li.dentistviewListInfoOuter:nth-child(3n+3){ float:right;}
.dentistviewList ul li.dentistviewListInfoOuter:nth-child(3n+2){ margin-left:15px;}
.dentistviewListInfo{ position:relative;}
.dentistviewListInfo ul li.dentistviewListInfoImage{ width:312px; height:180px; overflow:hidden;}
.dentistviewListInfo ul li.dentistviewListInfoNew{width:50px; height:50px; position:absolute; top:0; right:0}
.dentistviewListInfo ul li.dentistviewListInfoName{ font-size:19px;color:#96c519; padding:0 10px;padding-top:15px;}
.dentistviewListInfo ul li.dentistviewListInfoTitle{ font-size:19px; line-height:23px; color:#000; padding:0 10px;padding-top:5px;}
.dentistviewListInfo ul li.dentistviewListInfoDetail{font-size:15px; line-height:29px; color:#808080;text-align:justify; text-justify: inter-ideograph;  padding:0 10px; clear:both; min-height:100px;padding-top:15px;padding-bottom:45px;}
.dentistviewListInfo ul li.dentistviewListInfoName a{ text-decoration:none;color:#96c519;}
.dentistviewListInfo ul li.dentistviewListInfoTitle a{ text-decoration:none;color:#000;}
.dentistviewListInfo ul li.dentistviewListInfoDetail a{ text-decoration:none;color:#808080;}

/*dentistviewDetail*/
.dentistviewDetail{clear:both;overflow:inherit; position:relative;}
.dentistviewDetail ul.dentistviewDetailRight{ width:312px; float:right;}
.dentistviewDetail ul.dentistviewDetailLeft{ width:590px; float:left;}
.dentistviewDetail ul li.dentistviewDetailTitle{ padding-top:35px; font-size:27px; color:#000; line-height:36px; width:350px;text-align:justify; text-justify: inter-ideograph; }
.dentistviewDetail ul li.dentistviewDetailContent{ width:590px; font-size:15px; line-height:29px; color:#808080; padding-top:20px;text-align:justify; text-justify: inter-ideograph;}
.dentistviewDetail ul li.dentistviewDetailLike{ position:absolute; top:50px; left:420px;width:250px; height:18px;}
.dentistviewDetail ul li.dentistviewDetailLike div { width:90px; overflow:hidden; float:left; display:inline-block;}
.dentistviewDetail ul li.dentistviewDetailDr{ width:312px; height:180px; overflow:hidden; margin-top:15px;}
.dentistviewDetail ul li.dentistviewDetailName{ padding-top:15px; color:#96c519;font-size:19px;}
.dentistviewDetail ul li.dentistviewDetailExp{ padding-top:3px;}
.dentistviewDetail ul li ul li{ list-style-type:disc;font-size:15px; line-height:29px; color:#808080;}
.dentistviewDetailBottom{ border-bottom:1px solid #e8e8e8; min-height:60px; clear:both}

/*contact us*/
.contactusMap{ width:961px; height:471px; overflow:hidden;}
.contactusInfo{ margin-top:60px;}
.contactusInfo ul.contactusInfoLeft{ float:left; width:420px; font-size:27px; color:#96c519;text-align:justify; text-justify: inter-ideograph;}
.contactusInfo ul.contactusInfoRight{ float:right; width:460px; text-align:left; font-size:15px; color:#808080;text-align:justify; text-justify: inter-ideograph; line-height:29px;}
.contactusMap{ border:2px solid #fff; margin-top:13px;}
.contactusInfoBottom{ min-height:60px; clear:both}

/*products*/
.productsList{ clear:both;overflow:inherit;}
.productsList ul li.productsListInfoOuter{ width:312px; height:260px; float:left; margin-top:15px; display:inline; margin-bottom:10px;}
.productsList ul li.productsListInfoOuter:nth-child(3n+3){ float:right;}
.productsList ul li.productsListInfoOuter:nth-child(3n+2){ margin-left:15px;}
.productsListInfo{ position:relative; background-color:#FFF;}
.productsListInfo ul li.productsListInfoImage{ width:312px; height:180px; overflow:hidden;}
.productsListInfo ul li.productsListInfoNew{width:50px; height:50px; position:absolute; top:0; right:0}
.productsListInfo ul li.productsListInfoCategory,.contenthover ul li.productsListInfoCategory{ font-size:15px; line-height:23px; color:#000; padding-top:15px; padding-left:15px;}
.productsListInfo ul li.productsListInfoTitle,.contenthover ul li.productsListInfoTitle{ font-size:19px; line-height:23px; color:#96c519; padding-left:15px; padding-bottom:25px;}
.productsListInfo ul li.productsListInfoDetail,.contenthover ul li.productsListInfoDetail{font-size:15px; line-height:23px; color:#808080;text-align:justify; text-justify: inter-ideograph; padding:0px 15px 25px 15px;}
.contenthover ul li.productsListInfoView{ text-align:center; position:absolute; bottom:10px; left:110px;}
.productsListInfoBottom{ min-height:15px; clear:both}
.contenthover ul li.productsListInfoCategory a{text-decoration:none;color:#000;}
.contenthover ul li.productsListInfoTitle a{text-decoration:none;color:#96c519;}
.contenthover ul li.productsListInfoDetail a{text-decoration:none;color:#808080;}

/*productsDetail*/
.productsSlideShow{ width:965px; height:475px; position:relative;}
.slideshowNew{ width:50px; height:50px; position:absolute; top:0; right:0}
.productsDetail{clear:both;overflow:inherit; position:relative;}
.productsDetail ul.productsDetailRight{ width:230px; float:right; padding-top:60px;}
.productsDetail ul.productsDetailLeft{ width:670px; float:left;}
.productsDetail ul li.productsDetailCategory{ padding-top:60px; font-size:27px; color:#000; line-height:36px; width:350px;text-align:justify; text-justify: inter-ideograph; }
.productsDetail ul li.productsDetailTitle{ font-size:27px; color:#96C519; line-height:36px; width:350px;text-align:justify; text-justify: inter-ideograph; }
.productsDetail ul li.productsDetailCag{ font-size:15px; color:#96c519; line-height:29px; width:670px;text-align:justify; text-justify: inter-ideograph;}
.productsDetail ul li.productsDetailContent,.productsDetail ul li.productsDetailDes{ width:670px; font-size:15px; line-height:29px; color:#808080; padding-top:20px;text-align:justify; text-justify: inter-ideograph;}
.productsDetail ul li.productsDetailLike{ position:absolute; top:70px; left:420px;width:250px; height:18px; ;}
.productsDetail ul li.productsDetailLike div { width:90px; overflow:hidden; float:left; display:inline-block;}
.productsDetail ul.productsDetailRight li{ width:230px; padding-top:15px; height:45px; overflow:hidden; border-bottom:1px solid #e0e0e0; color:#808080; font-size:15px; vertical-align:middle;}
.productsDetail ul.productsDetailRight li:hover{ color:#96c519; background:url(../images/category.png) no-repeat top right;}
.productsDetailBottom{ min-height:60px; clear:both}
/*productsDetail type2*/
.productsDetail li.productsDetailLine{ width:50px; height:170px; background:url(../images/producttype2.png) no-repeat top left;}
.productsDetail ul.productsDetailType2{ margin-bottom:40px; margin-top:20px;}
.productsDetail ul.productsDetailType2 li{ display:inline-block; vertical-align:text-top;}
.productsDetail ul.productsDetailType2Content{ width:260px;}
.productsDetail ul.productsDetailType2Content li{ display:list-item; width:215px;}
.productsDetail li.productsDetailType2Cag{ font-size:15px; color:#96c519; line-height:17px; width:215px; height:20px;text-align:justify; text-justify: inter-ideograph;}
.productsDetail li.productsDetailType2Content{ width:215px; min-height:150px; font-size:15px; line-height:29px; color:#808080; padding-top:10px;text-align:justify; text-justify: inter-ideograph;}
/*productsDetail type3*/
.productsDetail li.productsDetailType3Content{ width:670px; min-height:150px; font-size:15px; line-height:29px; color:#808080; padding-top:10px;text-align:justify; text-justify: inter-ideograph;}

/*dealercorner apply*/
.dealercornerSlideShow{ width:965px; height:230px; position:relative; padding-top:13px;}
.dealercornerDetail{clear:both;overflow:inherit; position:relative;}
.dealercornerDetail ul.dealercornerDetailRight{ width:230px; float:right; padding-top:60px;}
.dealercornerDetail ul.dealercornerDetailLeft{ width:670px; float:left;}
.dealercornerDetail ul li.dealercornerDetailTitle{ padding-top:60px; font-size:27px; color:#96c519; width:670px;text-align:justify; text-justify: inter-ideograph; }
.dealercornerDetail ul li.dealercornerDetailDes{ font-size:15px; color:#808080; line-height:29px; width:670px;text-align:justify; text-justify: inter-ideograph; padding-top:20px }
.dealercornerDetail ul li.dealercornerDetailContent{ width:670px; font-size:15px; padding-top:35px;text-align:justify; text-justify: inter-ideograph; padding-bottom:60px;}
.dealercornerDetail ul li.dealercornerDetailContent ul li{ display:inline-table; width:327px; float:left; text-align:left; color:#808080; font-size:15px; line-height:29px; padding:20px 8px 0 0; position:relative;}
.dealercornerDetail ul li.dealercornerDetailContent ul li label.error{ color:#F00; position:absolute; top:27px; right:20px; font-size:10px; font-family:Verdana, Geneva, sans-serif;}
.dealercornerDetail ul li.fieldsId,.dealercornerDetail ul li.fieldsPass{ position:relative;}
.dealercornerDetail ul li.fieldsId label.error{ color:#F00; position:absolute; top:-10px; left:270px; font-size:10px; font-family:Verdana, Geneva, sans-serif;}
.dealercornerDetail ul li.fieldsPass label.error{ color:#F00; position:absolute; top:-10px; left:270px; font-size:10px; font-family:Verdana, Geneva, sans-serif;}
.dealercornerDetail ul.dealercornerDetailRight li{ width:230px; padding-top:15px; height:45px; overflow:hidden; border-bottom:1px solid #e0e0e0; color:#808080; font-size:15px; vertical-align:middle;}
.dealercornerDetail ul.dealercornerDetailRight li:hover{ color:#96c519; background:url(../images/category.png) no-repeat top right;}
.dealercornerDetailBottom{ min-height:60px; clear:both}
.setfields{ width:315px; height:40px; border:none; background-color:#FFF;}
.notnull{ color:#96c519;}
.null{ display:none;}
.address{ width:650px; height:40px; border:none; background-color:#FFF;}
.Comments{ width:650px; height:160px; border:none; background-color:#FFF;}
.btn{ width:140px; height:40px; background-image:url(../images/submit.png);  position:absolute; top:15px; right:-315px; background-repeat:no-repeat;font-size:0;;text-indent:-9999px; cursor:pointer; border: none;}
.btn2{ width:140px; height:40px; background-image:url(../images/submit.png);  position:absolute; top:-55px; right:-225px; background-repeat:no-repeat;font-size:0;text-indent:-9999px; cursor:pointer; border: none;}
.summitbtn{ width:315px; height:40px; position:relative;}
.dealercornerDetail ul li.radioAgree,.dealercornerDetail ul li.radioDisagree{ padding-bottom:16px; color:#808080; font-size:15px;}
.dealercornerDetail ul li.fieldsId,.dealercornerDetail ul li.fieldsPass{ padding-bottom:15px;color:#808080; font-size:15px;}

/*catalog view*/
.catalogListSlideShow{ width:965px; height:230px; position:relative; padding-top:13px;}
.catalogList{clear:both;overflow:inherit; position:relative;}
.catalogList ul.catalogListRight{ width:230px; float:right; padding-top:60px;}
.catalogList ul.catalogListLeft{ width:670px; float:left;}
.catalogList ul li.catalogListTitle{ padding-top:60px; padding-bottom:20px; font-size:27px; color:#96c519; width:670px;text-align:justify; text-justify: inter-ideograph; }
.catalogList ul.catalogListRight li{ width:230px; padding-top:15px; height:45px; overflow:hidden; border-bottom:1px solid #e0e0e0; color:#808080; font-size:15px; vertical-align:middle;}
.catalogList ul.catalogListRight li:hover{ color:#96c519; background:url(../images/category.png) no-repeat top right;}
.catalogListBottom{ min-height:15px; clear:both}
.catalogList{ clear:both;overflow:inherit;}
.catalogList ul li.catalogListInfoOuter{ width:210px; height:305px; float:left; margin-right:9px; display:inline; background-color:#FFF;}
.catalogListInfo{ position:relative;}
.catalogListInfo ul li.catalogListInfoImage{ width:210px; height:130px; overflow:hidden;}
.catalogListInfo ul li.catalogListInfoType{ font-size:15px;color:#000; padding-top:18px; padding-left:15px;}
.catalogListInfo ul li.catalogListInfoName{ font-size:19px; line-height:23px; color:#96c519; padding-top:5px; padding-left:15px; padding-bottom:7px;}
.catalogListInfo ul li.catalogListInfoView{ text-align:center; padding-top:15px; padding-bottom:45px; background-color:#efefef;}

/*right link*/
.dealercornerDetail ul.dealercornerDetailRight li a,.catalogList ul.catalogListRight li a,.productsDetail ul.productsDetailRight li a{ color:#808080 ; text-decoration:none;}
.dealercornerDetail ul.dealercornerDetailRight li a:hover,.catalogList ul.catalogListRight li a:hover,.productsDetail ul.productsDetailRight li a:hover{ color:#96c519 ; text-decoration:none;}

.loading{ text-align:center;}
/*shopcart*/
.shopcart a{ width:65px; height:20px; position:absolute; top:-40px; right:0px;background:url(../images/shoppingcart.png) no-repeat top left; text-indent:-9999px;}
.shopcart a:hover{background:url(../images/shoppingcart_o.png) no-repeat top left;}