@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
fieldset,img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}

.floatl { float:left;}
.floatr { float:right;}
.clear{clear:both; line-height:0px; height:0; font-size:0;}
.hidden{display:none;}
a{ color:#333333; text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}
table, td { border-collapse:collapse;}

body {background:url(images/bg.gif) center bottom no-repeat; font:normal 12px Verdana, Arial, Helvetica, sans-serif; line-height:20px;}
a.more {color:#009eb0; font:normal 11px Georgia, "Times New Roman", Times, serif;}
.keyword {font:normal 20px "Century Gothic", Verdana, Arial, sans-serif; color:#11828d;}

#afp_box {width:1010px; margin:0 auto; padding-bottom:152px;}
#header {width:960px; padding:0 25px 15px; background:url(images/bg-main.png) repeat-y;}
#header #logo {width:120px; margin:16px 51px 0 0; float:left;}
#header #slogo {width:380px; margin-top:32px; float:left;}
#header .header_r {width:180px; height:73px; float:right}
#header .header_r ul {float:right; line-height:32px;}
#header .header_r ul li {float:left; margin-left:10px;}
#header .header_r ul li a { color:#d0d0d0;}
#header .header_r ul li.current {color:#007b90; font-weight:bold;}
#header .header_r form {float:right;}
#header .header_r form input.text {width:130px; float:left; color:#999;}
#header #maiNav {width:960px; height:35px; overflow:hidden; background:url(images/nav.gif) no-repeat;}
#header #maiNav ul {width:900px; padding:0 30px; background:url(images/nav.gif) no-repeat;}
#header #maiNav ul li {float:left; padding:0 12px;}
#header #maiNav ul li a {width:120px; height:35px; display:block; text-align:center; outline:none; font:normal 14px/34px "微软雅黑", "宋体", Arial, Helvetica, sans-serif; color:#fff; text-shadow:-1px -1px #3b969f;}
#header #maiNav ul li a:hover {height:35px; display:block; background:url(images/nav.gif) 0 -50px; outline:none; text-decoration:none;text-shadow:-1px -1px #027480;}
/*#header #maiNav a#nav-home {width:98px; background-position:0 -41px;}
#header #maiNav a#nav-home:hover {background-position:0 -76px;}
#header #maiNav a#nav-about {width:150px; background-position:-130px -41px;}
#header #maiNav a#nav-about:hover {background-position:-130px -76px;}
#header #maiNav a#nav-pro {width:120px; background-position:-313px -41px;}
#header #maiNav a#nav-pro:hover {background-position:-313px -76px;}
#header #maiNav a#nav-solutions {width:126px; background-position:-464px -41px;}
#header #maiNav a#nav-solutions:hover {background-position:-464px -76px;}
#header #maiNav a#nav-service {width:116px; background-position:-626px -41px;}
#header #maiNav a#nav-service:hover {background-position:-626px -76px;}
#header #maiNav a#nav-contact {width:137px; background-position:-772px -41px;}
#header #maiNav a#nav-contact:hover {background-position:-772px -76px;}*/

#main {width:960px; padding:0 25px; background:url(images/bg-main.png) repeat-y;}
#main .index_banner {width:730px; height:238px; float:left; overflow:hidden; position:relative;}
#main .index_banner .index_banner_mask1 {position:absolute; top:0; left:0;}
#main .index_banner .index_banner_mask2 {position:absolute; bottom:0; left:0;}
#main .index_banner_r {width:216px; height:238px; float:left; margin-left:14px;}
#main .index_left {width:303px;float:left; margin-right:20px;}
#main .index_left a {width:263px; height:100px; padding:14px 20px 18px; display:block; font:normal 12px Georgia, "Times New Roman", Times, serif; color:#ff922f;}
#main .index_left a:hover {text-decoration:none;}
#main .index_left a h4 {font:italic bold 20px Georgia, "Times New Roman", Times, serif; color:#ff922f;}
#main .index_left a:hover h4 {color:#ff7800;}
#main .index_left a p {color:#808080; padding:6px 0 10px;}
#main .index_left a:hover p {color:#333;}
#main .index_left a .more {color:#009eb0; font-size:11px;}
#main .index_left a:hover .more {text-decoration:underline;}
#main .index_left a.index_left_ser {margin-top:15px; background:url(images/index-service-contact-bg.gif) no-repeat;}
#main .index_left a.index_left_ser:hover {background-position:-303px 0;}
#main .index_left a.index_left_con {margin-top:20px; background:url(images/index-service-contact-bg.gif) 0 -151px no-repeat;}
#main .index_left a.index_left_con:hover {background-position:-303px -151px;}
#main .index_left a.index_left_con p {height:36px; overflow:hidden; display:block; margin-bottom:10px;}
#main .index_pro {width:637px; height:284px; margin-top:15px; float:left; background:url(images/index-pro-bg.gif) no-repeat; position:relative;}
#main .index_pro .index_pro_tit {position:absolute; top:-3px; left:-3px; width:117px; height:95px; background:url(images/index-pro-tit.png) no-repeat;}
#main .index_pro ul {margin-left:5px;}
#main .index_pro ul li {width:140px; height:235px; overflow:hidden; margin-top:25px; padding:0 8px; float:left; border-right:1px dotted #999;}
#main .index_pro ul li .index_pro_img {width:140px; height:120px; text-align:center; overflow:hidden; display:block;}
#main .index_pro ul li .index_pro_img img {width:140px; height:115px;}
#main .index_pro ul li a h5  {color:#262626; font-size:14px; font-weight:bold; line-height:40px; height:40px; overflow:hidden; display:block;}
#main .index_pro ul li a span {display:block; margin-bottom:4px; height:50px; overflow:hidden; color:#808080; font-size:11px; line-height:16px;}
#main .index_pro ul li a:hover {cursor:pointer;text-decoration:none;}
#main .index_pro ul li a:hover span {color:#333;}
#main .index_pro ul li a.more:hover  {text-decoration:underline;}

#main .left_nav {width:190px; float:left; margin-left:3px; _margin-left:0px; margin-right:26px;}
#main .left_nav h3 {font-size:20px; font-weight:bold; color:#ff932e; margin:10px 0 15px 0;}
#main .left_nav ul {background:url(images/left-nav-border.gif) center bottom no-repeat; padding-bottom:3px;}
#main .left_nav ul li {}
#main .left_nav ul li a {width:190px; height:30px; overflow:hidden; line-height:30px; display:block; color:#408289; text-indent:12px; font-weight:bold; border-bottom:1px solid #e6e6e6;}
#main .left_nav ul li a:hover {background:url(images/left-nav-bg.gif) no-repeat; color:#fff; text-decoration:none;border-bottom:1px solid #fff;}
#main .left_nav ul li a.current {background:url(images/left-nav-bg.gif) no-repeat; color:#fff; text-decoration:none;border-bottom:1px solid #fff;}
#main .left_nav ul li.left_nav_sec {}
#main .left_nav ul li.left_nav_sec a {width:165px; height:auto; padding:6px 0 6px 25px; font-weight:normal; text-indent:0px; line-height:18px; border-bottom:1px solid #e6e6e6;}
#main .left_nav ul li.left_nav_sec a:hover {background:url(images/triangle-ico.gif) 15px 13px no-repeat; color:#408289; border-bottom:1px solid #e6e6e6; font-weight:bold;}
#main .left_nav ul li.left_nav_sec a.current {background:url(images/triangle-ico.gif) 15px 13px no-repeat; color:#408289; border-bottom:1px solid #e6e6e6; font-weight:bold;}

#main .right_con {width:740px; float:left; margin-bottom:50px;}
#main .right_con h3 {font-size:20px; font-weight:bold; color:#333; margin:10px 0 15px 0;}

#main .right_con .about_con {}
#main .right_con .about_con .text {color:#808080; margin:12px 0 32px 0;}
#main .right_con .about_con span.keyword {font-size:20px; background:url(images/dotted_ico.gif) repeat-x bottom; padding-bottom:8px;}
#main .right_con .rnd_con .text {width:300px; float:left; margin:50px 0 0 60px; color:#666;}
#main .right_con .rnd_con span.keyword {font-size:26px;}
#main .right_con .contact_con .text { width:310px; float:left; margin-left:15px;}
#main .right_con .contact_con span.keyword {line-height:30px;}
#main .right_con .contact_con .text ul {margin-top:10px; line-height:22px;}
#main .right_con .contact_con .text ul li {border-bottom:1px dotted #ccc; padding-bottom:8px; margin-bottom:22px;color:#808080;}
#main .right_con .contact_con .text ul li a {color:#808080;}
#main .right_con .contact_con .text ul li span.field {color:#000;}

#main .right_con .service_con {width:680px; padding:0px 55px 0px 5px}
#main .right_con .service_con p.keyword {line-height:30px; padding-bottom:10px;}
#main .right_con .service_con p.text {color:#999;}
#main .right_con .service_con .service_form {width:394px; height:513px; padding:72px 70px 0 70px; margin:25px auto 0; background:url(images/service-fom-bg2.png) no-repeat;}
#main .right_con .service_con .service_form .keyword {padding-bottom:15px;}
#main .right_con .service_con .service_form table td { line-height:25px; color:#666;}
#main .right_con .service_con .service_form table input {width:384px; height:20px; line-height:20px; border:1px solid #d4d4d4;}
#main .right_con .service_con .service_form table textarea {width:384px; height:87px; border:1px solid #d4d4d4;}
#main .right_con .service_con .service_form table button {margin-top:25px;}

#main .right_con .product_con {}
#main .right_con .product_con ul {}
#main .right_con .product_con ul li {padding-bottom:55px; margin-bottom:25px; background:url(images/dotted_ico2.gif) repeat-x bottom;}
#main .right_con .product_con ul li a {width:250px; height:129px; display:block; font-size:9px;  float:left;}
#main .right_con .product_con ul li a:hover {text-decoration:none; background:url(images/pro-more-bg.gif) 0 -17px no-repeat;}
#main .right_con .product_con ul li a span.more {width:250px; height:18px; display:block;  line-height:18px; background:url(images/pro-more-bg.gif) 0 1px no-repeat; text-indent:-9999px; outline:none;}
#main .right_con .product_con ul li a:hover span.more {background-position:0 -17px;}
#main .right_con .product_con ul li .text {width:404px; display:block; float:left; margin-left:28px; color:#666;}
#main .right_con .product_con ul li .keyword {margin-bottom:10px;}

#main .right_con .system_con {}
#main .right_con .system_con ul { background:url(images/dotted_ico3.gif) 355px 0 repeat-y;}
#main .right_con .system_con ul li {width:325px; padding:0 30px 25px 0; margin-bottom:25px; background:url(images/dotted_ico2.gif) repeat-x bottom; float:left;}
#main .right_con .system_con ul li.floatr {float:left; padding:0 0 25px 30px;}
#main .right_con .system_con ul li a.text {display:block; height:102px; overflow:hidden; color:#999;}
#main .right_con .system_con ul li a.text:hover {color:#333; text-decoration:none;}
#main .right_con .system_con ul li h4.keyword {height:25px; overflow:hidden; line-height:30px; padding:10px 0;}
#main .right_con .system_con ul li a.system_pic{display: block;height: 130px;padding-top: 33px;text-align: center;}
#main .right_con .system_con ul li a.system_pic img {/*width:325px; height:163px;*/}

#main .right_con .system_detail_con {}
#main .right_con .system_detail_con .tit {border-bottom:2px solid #0098a8; padding-bottom:15px;}
#main .right_con .system_detail_con .tit h4.keyword {}
#main .right_con .system_detail_con .tit p.text {width:430px; float:left; margin-top:15px; color:#666;}
#main .right_con .system_detail_con .tit .floatr {width:250px; overflow:hidden; text-align:center;}
#main .right_con .system_detail_con ul {}
#main .right_con .system_detail_con ul li {padding:30px 0; background:url(images/dotted_ico2.gif) bottom repeat-x;}
#main .right_con .system_detail_con ul li img.floatl {width:260px; margin:0 45px 0 0;}
#main .right_con .system_detail_con ul li .text {width:390px; float:left; color:#666;}
#main .right_con .system_detail_con ul li .text h5.keyword {margin:10px 0 15px 0;}

#main .right_con .machine_con {}
#main .right_con .machine_con ul {}
#main .right_con .machine_con ul li {width:320px; float:left; padding:15px 40px 20px 0; overflow:hidden; margin-bottom:30px; border-bottom:1px solid #c9c9c9;}
#main .right_con .machine_con ul li a {color:#11828d;}
#main .right_con .machine_con ul li a:hover {text-decoration:none;}
#main .right_con .machine_con ul li a:hover p {font-weight:bold;}
#main .right_con .machine_con ul li a p {height:40px; overflow:hidden; margin-bottom:10px;}
#main .right_con .machine_con ul li a h4.keyword {height:26px; overflow:hidden;}
#main .right_con .machine_con ul li a img {width:250px; height:110px;}

#main .right_con .machine_detail_con {}
#main .right_con .machine_detail_con h4.keyword {padding:15px 0 16px 0; margin-bottom:18px; border-bottom:2px solid #0098a8;}
#main .right_con .machine_detail_con .machine_pic {width:740px; overflow:hidden; text-align:center}
#main .right_con .machine_detail_con .machine_pic img {width:680px; height:300px;}
#main .right_con .machine_detail_con h5.tit {color:#11828d; font-size:14px; font-weight:bold; line-height:50px;}
#main .right_con .machine_detail_con .machine_left {width:365px; float:left; margin-right:30px; color:#404040;}
#main .right_con .machine_detail_con .machine_left ul {padding-bottom:25px; border-bottom:1px solid #dbdbdb;}
#main .right_con .machine_detail_con .machine_left ul li {padding:0 0 0 18px; background:url(images/arrow-ico.gif) 3px 8px no-repeat;}
#main .right_con .machine_detail_con .machine_right {width:330px; float:left;}
#main .right_con .machine_detail_con .machine_right table {margin-top:-6px;}
#main .right_con .machine_detail_con .machine_right table td {line-height:26px; border-bottom:1px solid #dbdbdb; text-indent:2px; color:#666}
#main .right_con .machine_detail_con .machine_right table td.field {color:#333; width:155px;}
#main .right_con .machine_detail_con .machine_right table td.fieldtit {color:#319ca6; font-weight:bold;}

#main .right_con .solution_detail_con {margin-bottom:50px; }
#main .right_con .solution_detail_con h4.keyword {padding:15px 0 16px 0; margin-bottom:25px; border-bottom:2px solid #0098a8;}
#main .right_con .solution_detail_con .solution_pic {margin-bottom:25px; width:740px; overflow:hidden; text-align:center}

#footer {width:960px; padding:25px 25px 0; height:55px; background:url(images/bg-footer.png) repeat-y; color:#808080; font-size:11px; text-align:right;}