/* CSS Document */
body { font-size:12px; font-family:Verdana; line-height:1.5;margin:0px; padding:0px;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#333; text-decoration:none;}
a:hover { color:#05a;}

/*body*/
#container { width:100%; min-width:1160px; margin:0 auto;}

/*header*/
#header { width:1160px; height:105px; margin:0 auto;}
#nav { width:1160px; height:58px; border-bottom:3px #000720 solid; margin:0 auto;}
#banner{ width:1160px; height:376px; margin:28px auto;}
#inner_banner{ width:1160px; height:280px; margin:28px auto;}

 
/*main*/
#maincontent { width:100%; margin:0 auto;}
#inner_maincontent{ width:1160px; margin:0 auto;}
#side { float:left; width:250px; min-height:555px; margin:0px 0px 0px 20px;}
#main { float:right; width:835px; margin:0px 20px 20px 0px;}

 
/*footer*/
#index_footer_bg{ min-width:1160px; height:171px; background-image:url(../images/tu13.jpg);}
#index_footer{ min-width:1160px; width:1160px; margin:0 auto;}
#footer { height:51px; background:#434b4e;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

#hcoptical_logo{ width:226px; height:78px; /*background-image:url(../images/logo.jpg); */margin:40px auto;}

/* Example One */
#example-one{list-style:none;position:relative;width:980px;margin:0px 0px 0px 115px;}
#example-one li{display:inline-block; margin:0px 39px 0px 0px;}
#example-one a{color:#313131;font-size:15px;float:left;padding:6px 5px 24px 5px;text-decoration:none;text-transform:uppercase;}
#example-one a:hover{color:#5185c5}
#magic-line{position:absolute;bottom:-2px;left:0;width:100px;height:2px;background:#5185c5}
.current_page_item a{color:#5185c5 !important}
.ie6 #example-one li, .ie7 #example-one li{display:inline}
.ie6 #magic-line {bottom:-3px}


#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1160px; height:400px; margin:20px auto; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/zuo.png) no-repeat; position:absolute; top:170px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/you.png) no-repeat; position:absolute; top:170px; right:10px; z-index:10;}
#playBox .smalltitle {width:1160px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}

#about{ width:1160px; height:425px; margin:0 auto;}
#about_title_bg{ width:1160px; height:46px; background-image:url(../Images/about_title_bg.jpg);}
#about_title{ width:536px; font-size:28px; color:#4d86c5; text-align:center; margin:0 auto;}
#about_content{ width:1090px; margin:56px 0px 0px 35px;}
#about_video_bg{ float:left; width:440px; height:270px; /*background-image:url(../images/tu2.jpg);*/}
#about_content_content{ float:right; width:620px; height:290px; line-height:20px;}

#info{ min-width:1160px; height:824px; border-top:1px #eeeeee solid; border-bottom:1px #eeeeee solid; background:#f6f6f6;}
#info_content{ width:1160px; margin:0 auto;}
#info_content_left{ float:left; width:250px; margin:40px 0px 0px 0px;}
#categories{ width:250px; height:403px;}
#categories_title{ height:40px; line-height:40px; color:#FFFFFF; font-size:18px; background:#5286c5;}
#categories_content{ width:248px; height:384px; border-bottom:1px #d4d4d4 solid; border-left:1px #d4d4d4 solid; border-right:1px #d4d4d4 solid; background:#f7f7f7;}

.sr{ width:226px; float:left; border: 1px solid #afafaf; margin:10px 0px 6px 10px;}
.sr input{float:left;width:175px;height:30px;border:0px;cursor: pointer;padding-left:5px;color:#aaa;line-height:30px;font-family:Verdana; }
.sr a{float:right;width:30px;height:33px;background: url(../Images/w_pic_2.gif) no-repeat center center;}

.index_categories ul{list-style:none; margin:0px 0px 0px 10px; padding:10px 0px 0px 0px;} 
.index_categories li{float:left;width:227px; background-image:url(../images/tu6.png);line-height:41px;} 
.index_categories a{display:block;text-align:left;height:41px; padding:0px 0px 0px 6px;} 
.index_categories a:link{color:#333;text-decoration:none;} 
.index_categories a:visited{color:#333;text-decoration:none;} 
.index_categories a:hover{color:#FFF;text-decoration:none;background:url(../images/tu5.png) no-repeat;} 

#news{ width:250px; height:348px; margin:32px 0px 0px 0px;}
#news_title{ height:40px; line-height:40px; color:#FFFFFF; font-size:18px; background:#5286c5;}
#news_content{ width:248px; height:307px; border-bottom:1px #d4d4d4 solid; border-left:1px #d4d4d4 solid; border-right:1px #d4d4d4 solid; background:#f7f7f7;}

#product{ float:right; width:848px; height:608px; margin:38px 24px 0px 0px;}
#product_title_bg{ width:848px; height:40px;}
#product_title_text{ float:left; font-size:20px; line-height:40px;}
#product_title_more{ float:right; color:#d2d2d2; font-size:20px;}
#product_title_more a{ color:#d2d2d2;}
#product_line{ width:848px; height:1px; background-image:url(../Images/product_line.jpg);}
#product_content{ width:848px; height:540px; margin:30px 0px 0px 0px;}
#product_content table tr td{ text-align:center;}
#product_content table tr td img{ max-width:193px; max-height:130px;}
#info1{ width:1160px; margin:0 auto;}
#lab{ float:left; width:250px; height:1040px; margin:46px 0px 10px 0px;}
#lab_title{ font-size:28px; padding:0px 0px 0px 5px;}
#lab_line{ width:250px; height:2px; background-image:url(../Images/lab_line.jpg);}
#lab_content{ width:250px;}

#index_contents{ float:right; width:874px; height:1228px; margin:46px 0px 10px 0px;}
#index_contents_title_bg{ width:874px; height:45px; background-image:url(../images/tu11.jpg);}
#index_contents_title{ font-size:28px; color:#4d86c5; text-align:center;}
#index_contents_content{ width:874px; height:970px; line-height:20px;}

#index_footer_zs{ width:1160px; height:120px; background-image:url(../images/tu14.jpg);}
#index_footer_text{ width:1160px; height:52px; line-height:52px;}
#index_footer_text_z{ float:left; color:#FFFFFF;}
#index_footer_text_y{ float:right; color:#FFFFFF;}
#index_footer_text_y a{ color:#FFFFFF;}

#contact{ width:250px; margin:10px 0px 0px 0px;}
#contact_title{ height:45px; line-height:45px; color:#5286c5; font-size:20px; border-bottom:1px #d6d6d6 solid;}
#contact_content{ line-height:32px; margin:8px 0px 0px 0px;}

#dh_bg{ width:835px; height:27px; background-image:url(../images/tu16.jpg);}
#dh_title{ text-align:left; line-height:20px; padding:0px 0px 0px 28px;}
#content{ width:800px; margin:15px 0px 0px 15px;}
.tupian dl{ padding-left:10px;}
.tupian dl dt{ width:306px; float:left; display:block; padding:10px 64px 2px 25px;}
.tupian dl dt img{ width:305px; height:202px; border-radius:20px;}
.tupian dl dt span{ height:24px; line-height:24px; text-align:center; display:block; padding-top:10px;}