@charset "utf-8";
/* CSS Document */
/*此文件由环捷电子版权所有，不经同意，禁止转载*/
/*作者：叶尚飞*/
/*联系邮箱：dv616@163.com*/
/*联系电话：15920003313*/
*{margin:0; padding:0;}
body{ font-family:"宋体"; font-size:12px; color:#000; line-height:18px; padding:5px;}
a.newcom:link{ font-family:"宋体"; font-size:12px; color:#333; text-decoration:none;}
a.newcom:visited{ font-family:"宋体"; font-size:12px; color:#333;text-decoration:none;}
a.newcom:hover{ font-family:"宋体"; font-size:12px; color:#333;text-decoration:none;}
#header{ width:877px; height:66px; margin:0 auto;}
#header #logo{ width:265px; height:66px; float:left;}
#header #logo img{ border:0;}
#header #language{ width:125px; height:13px; float:left; margin-left:380px;}
#header #language img{ width:auto; height:13px; float:left; border:0; margin:0 3px;}
/*MENU*/
#xhmenu{ width:877px; height:36px; margin:0 auto;}
#xhmenu ul{ width:877px; height:36px;background-image:url(../images/menu_bg.jpg); background-repeat:no-repeat;}
#xhmenu ul li.a{ width:149px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px;}
#xhmenu ul li.b{ width:145px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px;}
#xhmenu ul li.c{ width:145px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px;}
#xhmenu ul li.d{ width:145px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px;}
#xhmenu ul li.e{ width:145px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px;}
#xhmenu ul li.f{ width:148px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px;}
/*---------------------------------*/
#xhmenu ul li.a a{ width:149px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px; text-indent:-9999px;}
#xhmenu ul li.b a{ width:145px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px; text-indent:-9999px;}
#xhmenu ul li.c a{ width:145px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px; text-indent:-9999px;}
#xhmenu ul li.d a{ width:145px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px; text-indent:-9999px;}
#xhmenu ul li.e a{ width:145px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px; text-indent:-9999px;}
#xhmenu ul li.f a{ width:148px; height:36px; display:block; float:left; text-align:center; list-style-type:none; line-height:36px; text-indent:-9999px;}
/*banner*/
#xhbanner{ width:877px; height:188px; margin:0 auto; margin-top:18px;}
#xhbanner #fla{ width:877px; height:188px; background-image:url(../images/banner.jpg); background-repeat:no-repeat;}
/*index------about*/
#innav1{ width:877px; height:359px; margin:0 auto; margin-top:22px;}
#innav1 #innav1_left{ float:left; width:310px; height:359px;background-image:url(../images/innav1_left.jpg); background-repeat:no-repeat;}
#innav1 #innav1_right{ float:left; width:567px; height:359px;}
#innav1 #innav1_right #innav1_right_top{ width:567px; height:47px;background-image:url(../images/innav1_irght_top.jpg); background-repeat:no-repeat;}
#innav1 #innav1_right #innav1_right_center{ width:567px; height:287px;line-height:21px; background-image:url(../images/innav1_right_center.jpg); background-repeat:no-repeat;}
#innav1 #innav1_right #innav1_right_center ul{ padding:10px;}
#innav1 #innav1_right #innav1_right_center ul li{ list-style-type:none; text-indent:20px; padding-bottom:10px;}
#innav1 #innav1_right #innav1_right_bottom{ width:567px; height:25px;background-image:url(../images/innav1_right_foot.jpg); background-repeat:no-repeat;}
/*index-------pro*/
#innav2{ width:877px; height:22px; margin:0 auto;}
#innav3{ width:877px; height:168px; margin:0 auto; margin-top:15px;}
#innav3 ul{ width:877px; height:168px; border:1px solid #eaeaea;}
#innav3 ul li{ float:left; list-style-type:none;}
#innav3 ul li img{ margin:9px;}
/*index-------tel*/
#innav4{ width:877px; height:32px; margin:20px auto;}
/*index-------foot*/
#footer{ width:877px; height:32px; margin:0 auto; padding:0px 0 0 20px;}

/*about*/
#xhabout{ width:877px; height:378px; margin:0 auto; margin-top:22px;}
#xhabout #xhabout_left{ width:575px; height:378px; float:left;}
#xhabout #xhabout_left ul{ padding:10px 10px 10px 30px}
#xhabout #xhabout_left ul li{ list-style-type:none; text-indent:20px; padding-bottom:30px; line-height:23px;}
#xhabout #xhabout_right{ width:275px; height:378px; float:left;}
#xhabout_bom{ width:877px; height:168px; margin:0 auto;}

/*xhprocessing*/
#xhprocessing_top{ width:877px; height:12px; margin:0 auto; margin-top:22px;}
#xhprocessing_01{ width:877px; height:134px; margin:0 auto; background-image:url(../images/Processing_bg.jpg); background-repeat:repeat-y;}
#xhprocessing_01 span{ text-align:left;color:#026396; margin-left:20px; line-height:30px;}
#xhprocessing_01 p{ margin:0 20px 0 20px; line-height:23px; text-indent:20px;}
#xhprocessing_line{ width:877px; height:8px; margin:0 auto;}
#xhprocessing_02{ width:877px; height:128px; margin:0 auto; background-image:url(../images/Processing_bg.jpg); background-repeat:repeat-y;}
#xhprocessing_02 span{ text-align:left;color:#026396; margin-left:20px; line-height:30px;}
#xhprocessing_02 p{ margin:0 20px 0 20px; line-height:23px; text-indent:20px;}
#xhprocessing_bottom{ width:877px; height:30px; margin:0 auto;}
#xhprocessing_pic{ width:877px; height:680px; margin:0 auto;}
#xhprocessing_pic ul{ margin-left:10px;}
#xhprocessing_pic ul li{ float:left; width:259px; height:196px; background-image:url(../images/Processing_picbg.jpg); background-repeat:no-repeat; list-style-type:none; margin:15px 10px 15px 10px;}
#xhprocessing_pic ul li img{ border:0; width:250px; height:190px; padding-left:2px;}

/*xhDetection*/
#xhDetection_top{ width:877px; height:12px; margin:0 auto; margin-top:22px;}
#xhDetection_01{ width:877px; height:154px; margin:0 auto; background-image:url(../images/Processing_bg.jpg); background-repeat:repeat-y;}
#xhDetection_01 span{ text-align:left;color:#026396; margin-left:20px; line-height:30px;}
#xhDetection_01 p{ margin:0 20px 0 20px; line-height:23px; text-indent:20px;}
#xhDetection_line{ width:877px; height:8px; margin:0 auto;}
#xhDetection_02{ width:877px; height:78px; margin:0 auto; background-image:url(../images/Processing_bg.jpg); background-repeat:repeat-y;}
#xhDetection_02 span{ text-align:left;color:#026396; margin-left:20px; line-height:30px;}
#xhDetection_02 p{ margin:0 20px 0 20px; line-height:23px; text-indent:20px;}
#xhDetection_bottom{ width:877px; height:30px; margin:0 auto;}
#xhDetection_pic{ width:877px; height:690px; margin:0 auto;}
#xhDetection_pic ul{ margin-left:10px;}
#xhDetection_pic ul li{ float:left; width:259px; height:196px; background-image:url(../images/Processing_picbg.jpg); background-repeat:no-repeat; list-style-type:none; margin:15px 10px 15px 10px;}
#xhDetection_pic ul li img{ border:0; width:250px; height:190px; padding-left:2px;}
#xhDetection_pic ul li p{ width:250px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0099CC; text-align:center; line-height:25px; padding-top:5px;}

/*product*/
#xhproduct_top{ width:877px; height:70px; margin:0 auto; margin-top:22px;}
#xhproduct{ width:877px; height:600px;; margin:0 auto; background-color:#F5F5F5}
/*JS*/
#gallery {width:686px; margin:0 auto; padding:10px; border:2px solid #fff; background:#E4E9ED}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #D6DEE4; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #D6DEE4; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:670px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

/*contact*/
#xhcontact{ width:877px; height:338px; margin:0 auto; margin-top:22px;}
#xhcontact #xhcontact_left{ width:346px; height:330px; float:left;}
#xhcontact #xhcontact_left ul{ width:346px; height:142px; padding:10px 10px 0px 30px}
#xhcontact #xhcontact_left ul li{ list-style-type:none;line-height:18px;}
#xhcontact #xhcontact_left p{ width:346px; height:189px;}
#xhcontact #xhcontact_right{ width:475px; height:316px; float:left; margin-left:0px;}