﻿body { font-family:"trebuchet ms",arial,sans-serif; font-size:10px; color:#333;}
body,ul,h1,p { padding:0px; margin:0px;}

ul { list-style:none;}

a { text-decoration:none; color:#333;}
a:hover, a.curr { color:#333;}

.fix { clear:both;}

.w100 { width:100%;}
.wrap { width:965px; margin:0px auto;}
.w965 { width:965px; float:left;}

.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h40 { height:40px;}
.h80 { height:80px;}
.h90 { height:90px;}
.h100 { height:100px;}
.h130 {height:130px;}
.h106 { height:116px;}

.test1 { background-color:#FF0;}
.test2 { background-color:#0F0;}

.F2F2F2 { background-color:#F2F2F2;}

.top { background:url(images/top.jpg) 0px -13px no-repeat;}
.logo { position: relative; left: 68px; top: 10px; width:100px; height:88px; float:left;}
.nav { }
.nav ul { width:100%; height:2.1em; background-color:#F2F2F2; }
.nav ul li { float:left; border-right:1px solid #AFAFAF;}
.nav ul li a { display:block; padding:0px 25px; text-align:center; font-size:10px; line-height:2.1em;}
.nav ul li a:hover { background-color:#d2d2d2;}
.nav ul li a.curr { background-color:#d2d2d2; font-weight:bold;}

.breadcrumb { font-size:10px; color:#333; line-height:25px; float:left; width:100%;}

.left { float:left; width:180px; }
.right { float:left; width:770px; margin-left:15px;}

.left h1 { }
.left ul.category {}
.left ul#category>li { margin-bottom:10px;}
.left ul#category>li>a { display:block; line-height:28px; }


.left ul.leftmenu { padding-bottom:15px; display:none; background-color:#f1f1f1;}
.left ul.leftmenu li { padding:5px 10px 0px 10px;}
.left ul.leftmenu li p { line-height:23px; font-weight:bold;}
.left ul.leftmenu ul { padding:0px 0px 0px 20px;}
.left ul.leftmenu ul li { padding:0px; line-height:15px;}

.left_h1 { background:url(images/LEFT_H1.jpg) 0px 0px no-repeat;}
.left_h2 { background:url(images/LEFT_H2.jpg) 0px 0px no-repeat;}
.left_h3 { background:url(images/LEFT_H3.jpg) 0px 0px no-repeat;}

.right .focus { width:100%; height:300px; margin-bottom:30px;}
.right .focus .focus-big { width:555px; float:left;}
.right .focus .focus-button { width:215px; float:left;}
.focus ul {}
.focus ul li a { width:215px; height:74px; background-color:#f1f1f1; display:block; float:left; border-bottom:#d5d4d4 1px solid;}
.focus ul li a:hover {background-color:#a3a3a3;}
.focus ul li a.curr { background-color:#a3a3a3;}
.focus ul li a.curr p.p1 { color:#000;}
.focus ul li a.curr p.p2 { color:#333;}
.focus ul li a img { position:relative; top:10px; left:10px; }
.focus ul li a p.p1{ position:relative; top:-40px; left:77px; font-size:11px; font-weight:bold;}
.focus ul li a p.p2{ position:relative; top:-35px; left:77px; width:130px; line-height:12px;}

.right .welcome { float:left; width:100%;}
.right .welcome h1 { width:100%; font-size:11px; font-weight:bold; border-bottom:#797979 1px solid; line-height:20px;}
.right .welcome h2 { width:100%; font-size:12px; font-weight:bold; border-bottom:#797979 1px solid; line-height:20px; color:#BB0000;}
.right .welcome p { padding:0px 0px;}

.footer { margin-top:20px; border-top:#C9C9C9 1px solid; background-color:#fff;}
.footer p1 { line-height:16px; font-size:11px; padding:20px 0px; text-align:center;}

.right .welcome .product { padding:10px; float:left; margin-bottom:20px;}
.right .welcome .product .bigimg { float:left; width:300px; height:300px;}
.right .welcome .product .intro { float:left; width:375px; margin-left:30px; }
.right .welcome .product .intro p { padding:0px; margin:0px; margin-bottom:10px; font-size:11px;}
.right .welcome .product .intro a { display:block; width:181px; height:45px; background:url(images/download.jpg) 0px 0px no-repeat;}

.rightmenu { width:100%; float:left; border-bottom:#E4E4E4 1px solid; margin-bottom:10px;}
.rightmenu li { float:left; margin-right:10px;}
.rightmenu li a { display:block; line-height:22px; font-size:11px; text-align:center; padding:0px 10px; border:#E4E4E4 1px solid; border-bottom:none;}
.rightmenu li a:hover, .rightmenu li a.curr { border:#797979 1px solid; border-bottom:none; background-color:#E4E4E4;}

.rightsubmenu  { width:100%; float:left; margin:0px 10px 10px 0px;}
.rightsubmenu li { float:left; margin-right:10px;}
.rightsubmenu li a { display:block; line-height:20px; font-size:11px; text-align:center; padding:0px 15px;border:#E4E4E4 1px solid;}
.rightsubmenu li a:hover, .rightsubmenu li a.curr { border:#797979 1px solid;background-color:#E4E4E4;}

.plist { float:left; padding:10px 0px; border-top:#c0c0c0 2px solid; margin-top:10px; width:750px;}
.plist li { float:left; margin-bottom:20px; border-bottom:#c0c0c0 2px solid; padding-bottom:20px;}

.plist-c1 { float:left; width:125px;} 
.plist-c1 font { font-size:12px; font-weight:bold;}
.plist-c2 { float:left; width:145px;}
.plist-c3 { float:left; width:145px;}
.plist-c4 { float:left; width:145px;}
.plist-c5 { float:left; width:70px;}
.plist-c5 a { display:block; line-height:18px; padding:0px 5px; background-color:#dddddd; float:left; margin:50px 0px 0px 10px;}
.plist-c6 { float:left; width:120px;}

/*.plist li .plist_img { width:200px; height:120px; float:left; border:#E4E4E4 1px solid;}

.plist li .plist_code { width:495px; float:left; margin-left:40px;}
.plist li .plist_code p { margin:0px; padding:0px;}
.plist li .plist_code .title { margin-bottom:5px;}
.plist li .plist_code .title a { font-size:13px; font-weight:bold; color:#BB0000;}
.plist li .plist_code .code { margin-bottom:5px;}
.plist li .plist_code .detail { font-size:12px; font-weight:bold; margin-top:10px;}

.plist li .plist_intro { float:left; width:315px; margin-left:40px;}*/

.nlist { list-style:none;}
.nlist li { width:100%; float:left; border-bottom:#E4E4E4 1px dashed; padding:5px 0px}
.nlist p.text { padding:0px; line-height:20px;}

.page { padding-top:20px; width:100%; float:left; text-align:center;}
.page a{ color:#333; text-decoration:none; line-height:21px; padding:0px 3px;}
.page a:hover, .page a.curr { color:#F00;}

.jlist { list-style:none; padding:20px;}
.jlist li { float:left; width:220px; margin-right:20px;}
.jlist li p.text { width:220px; background-color:#F1F1F1; text-align:center; line-height:19px; padding:0px; margin:0px;}

.welcome-text { width:510px; float:left; margin-top:18px;}
.welcome-img { width:200px; float:right; margin-top:20px;}
.welcome-img div { padding:5px 5px; background-color:#F1F1F1;}

.products-cate { float:left; width:100%; margin:10px 0px 15px 0px;}
.products-cate-img { float:left; width:356px; height:127px;}
.products-cate-text { float:left; width:100px; width:370px; padding-left:20px;}

.productdetail { width:100%; float:left; margin-top:0px; border-top:#ccc 1px solid; padding-top:10px;}
.productleft { width:370px; float:left;}
.productright { width:370px; float:left; margin-left:30px;}

.productlefttitle { font-weight:bold; margin:20px 0px 0px 0px; line-height:30px; font-size:12px; border-bottom:1px #ccc solid; }
.productleft div { display:block; border-bottom:1px #ccc solid; padding:10px 0px;}

.productrighttitle { color:#ccc; font-size:16px; font-weight:bold; text-align:right; float:left; width:370px;}
.productright img { float:left;}
.productrighttext { width:370px; float:left; margin-top:73px;}

.productrightcert { width:370px; float:left; margin-top:20px;}
.productrightcert img { float:left;}
.productrightcert div { float:left; width:150px; background-color:#e1e1e1; margin-top:10px; margin-left:10px;}
.productrightcert .title { color:#F00; font-weight:bold; text-align:center; margin-top:10px;}
.productrightcert .text { color:#a19ca0; font-weight:bold; text-align:center; margin-bottom:10px;}