@charset "gb2312";
/* CSS Document */
body,td,th {font-size: 14px; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px}
body {margin: 0px;}
ul,li,form{margin:0px; padding:0px;}
img{border: 0px}

a {color: #000; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
.clear{clear:both}

.head{overflow:hidden; clear:both;}
.headcontent{width:1100px; height:90px; clear:both; overflow:hidden; margin:auto;}
.logo{float:left;}
.head_search{width:350px; float:right; margin-top:5px; height:30px; text-align: right}
.anniu{width: 30px}
.nav{ width: 600px; height:35px; clear:right; overflow:hidden; margin:10px auto auto auto; float:right; text-align: right}
.nav ul{list-style:none; margin-left:60px}
.nav ul li{list-style:none; background:url(../images/nav_ico.jpg) no-repeat 8px center; padding:0px; width:90px; float:left; color:#FFF; line-height:35px; text-align:center}
.nav ul li a{text-decoration:none; font-size:16px}
.nav ul li a:hover{color:#F60; text-decoration:underline}

.banner{width:1100px; margin:auto}
.index_body{clear:both; overflow:hidden; background:url(../images/bottombg.png); border-top:1px solid #999}
.index_flash{height:500px; clear:both; overflow:hidden; background:#FFF; text-align:center; width:100%; overflow:hidden}
.index_content{ margin:20px auto; clear:both; padding: 30px 0px; overflow: hidden; background:#EBEBEB}
.index_content .product{ width: 1100px; margin: auto}
.index_content .product .tit{height: 18px; background: url(../images/line02.png)}
.index_content .product h1{color:#787878; font-size:24px; width: 128px; line-height:45px; margin:auto; border-bottom:3px solid #009694; text-align: center; position:relative; top: -30px; z-index: 999}
.index_content .product ul{margin:auto; padding: 10px 0px; clear: both}
.index_content .product ul li{float: left; margin: auto; width:16.666%; text-align: center; font-size: 16px;list-style: none}
.index_content .product ul li img{width: 170px; height: 170px}
.index_content .product ul li a:hover{position: relative; top: -5px}
.index_content .product ul li span{clear: both; width: 170px; display: block; margin: auto; line-height:25px; background: #01b2af; color: #FFFFFF}
.index_about{clear: both; margin: 50px auto}
.index_about .about{width:1100px; margin: auto}
.index_about .about .tit{height: 18px; background: url(../images/line02.png)}
.index_about .about h1{color:#787878; font-size:24px; width: 128px; line-height:45px; margin:auto; border-bottom:3px solid #009694; text-align: center; position:relative; top: -30px; z-index: 999}
.index_about .about .l{width: 650px; margin-top: 20px; float: left}
.index_about .about .l .pic{width: 210px; float: left; margin: 10px}
.index_about .about .l .pic img{width: 200px}
.index_about .about .l p{font-size: 16px; text-indent: 2em; line-height: 200%; margin: 0px; color: #434343}
.index_about .about .r{width: 430px; float: right}

.bottomleft{float:left; width:610px;}
.bottomleft ul{ margin:0px; list-style:none}
.bottomleft ul li{width:180px; height:150px; float:left; margin:10px; border:1px solid #636363}
.bottomleft ul li.li1{background:url(../images/ico1.png) no-repeat right bottom}
.bottomleft ul li.li2{background:url(../images/ico2.png) no-repeat right bottom}
.bottomleft ul li.li3{background:url(../images/ico3.png) no-repeat right bottom}
.bottomleft ul li.li4{background:url(../images/ico4.png) no-repeat right bottom}
.bottomleft ul li.li5{background:url(../images/ico5.png) no-repeat right bottom}
.bottomleft ul li.li6{background:url(../images/ico6.png) no-repeat right bottom}
.bottomleft ul li a{display:block; padding-left:10px; padding-top:10px; font-size:18px}
.bottomleft ul li a:hover{color:#FF0000; text-decoration:none; }
.bottomleft ul li a h2{color:#01b2af; font-weight:bold; clear:both; margin:0px; padding:0px; font-size:18px}
.bottomleft ul li ul li{color:#039; padding-left:30px; background:#E3E3E3; width:110px}
.bottomleft ul li ul li a{color:#039; width:152px; padding:0px; background:none}
.bottomleft ul li ul li a:hover{color:#F30; background:none}


.index_news{width:420px; float:left; overflow:hidden}
.index_news_list{float:left; margin-left:10px; width:420px}
.index_news_list ul{margin:0px; list-style:none}
.index_news_list ul li{line-height:50px; height: 55px; margin: 5px auto; color:#CCC; clear: both}
.index_news_list ul li a{ color:#000000; font-size:18px; line-height:50px}
.index_news_list ul li a:hover{color:#F00}
.index_news_list ul li .date{float: left; width: 55px; height: 55px; background:#01b2af; color: #FFFFFF;text-align: center; line-height: 20px; font-size: 12px; }
.index_news_list ul li .title{float: left; clear: right; margin-left: 15px}
.index_news_list ul li b{font-size: 22px; clear: both; text-align: center; line-height: 30px}

.bottomright{float:right; width:490px;}
.bottomright .about{padding:10px; line-height:180%; text-indent:2em}
.bottomright h1{color:#01b2af; font-size:16px; margin:0px}
.bottomright a{color:#F00}
.bottomright ul{margin:5px 0px 0px 0px; list-style:none}
.bottomright ul li{color:#FFF; line-height:20px;}

.index_footer{background:url(../images/footbg.jpg); overflow:hidden; clear:both}

.body{background:url(../images/aboutbg.jpg) no-repeat center top #fafafa; padding-top:220px}
.subbody{background:url(../images/subbodybg.png) no-repeat center top; width:1060px; margin:auto; padding:20px; overflow:hidden}
.subbody .left{width:210px; float:left}
.subbody .left .title{font-size:18px; color:#F60; font-weight:bold; line-height:40px}

.subbody .right{width:820px; float:right}
.subbody .right .title{font-size:18px; color:#F60; line-height:40px; height:40px; border-bottom:2px solid #F60; font-family:"Î¢ÈíÑÅºÚ";}
.subbody .right .content{padding:7px; overflow:hidden; font-family:"Î¢ÈíÑÅºÚ"}
.subbody .right .content p{text-indent:24px; margin:2px; font-size:14px; line-height:180%; font-family:"Î¢ÈíÑÅºÚ"}
.subbody .right .content h1{margin:5px; padding:0px; font-size:20px; color:#01b2af}
.subbody .right .content .img{margin:5px auto}

.subbody .right .content_xx{padding:7px; overflow:hidden; font-family:"Î¢ÈíÑÅºÚ"}
.subbody .right .content_xx p{text-indent:24px; margin:2px; font-size:14px; line-height:180%; font-family:"Î¢ÈíÑÅºÚ"}
.subbody .right .content_xx h1{margin:5px; padding:0px; font-size:20px; color:#01b2af}
.subbody .right .content_xx img{margin:5px auto; width: 220px; height: 220px}

.listpic{}
.listpic .node{float:left;width:30%; margin:10px; text-align:center;margin-bottom:5px}
.listpic .node .pic{clear:both; margin:auto}
.listpic .node .pic img{border:1px solid #01b2af}
.listpic .node .pic img:hover{border:1px solid #fc0}
.listpic .node .url{text-align:center;white-space:nowrap;overflow:hidden;width:90%; line-height:30px; margin:auto; font-size:16px}

.about_list{width:200px;}
.about_list ul li{color:#039; width:198px; line-height:40px; margin:1px auto; font-size:16px; list-style: none}
.about_list ul li a{width:168px; padding-left:30px; height:40px; display:block; background:#e3e3e3}
.about_list ul li a.on{background:#bdfffe; font-weight:bold}
.about_list ul li a:hover{color:#F30; background:#bdfffe; display:block; width:168px; padding-left:30px; height:40px;}

.left_list{ width:200px;}
.left_list ul{ margin:0px; list-style:none}
.left_list ul li{color:#FFF; margin-bottom:1px; font-size:14px}
.left_list ul li a{color:#FFF; text-decoration:none;background:url(../images/bottomleftlibg.png) left center no-repeat; width:168px; line-height:32px; height:35px; display:block; padding-left:32px;}
.left_list ul li a:hover{color:#FFF; text-decoration:none; background:#d06400 url(../images/bottomleftlibg2.jpg) left center no-repeat; }
.left_list ul li ul li{color:#039; padding-left:30px; margin-left:2px; background:#E3E3E3; width:168px}
.left_list ul li ul li a{color:#039; width:160px; padding:0px; background:none}
.left_list ul li ul li a:hover{color:#F30; background:none}

.left_contact{margin-top:20px; width:200px; border-top:1px solid #999}
.left_contact ul{margin:0px; list-style:none}
.left_contact ul li{padding-left:30px; line-height:25px}
.left_contact ul li.tel{background:url(../images/sidebar-tel.jpg) left center no-repeat}
.left_contact ul li.fax{background:url(../images/sidebar-fax.jpg) left center no-repeat}
.left_contact ul li.email{background:url(../images/sidebar-email.jpg) left center no-repeat}

.news{overflow:hidden}
.news_pic{float:left; width:160px; height:140px;}
.news ul{margin:0px; list-style:none}
.news ul li{line-height:35px; border-bottom:1px dotted #369; font-size:14px; color:#333; background:url(../images/proarrwo.jpg) left center no-repeat; padding-left:10px}
.news ul li span{color:#999}
.news ul li a{color:#333; font-size:14px}
.news ul li a:hover{color:#F00}

.xx{overflow:hidden}
.news_pic{float:left; width:160px; height:140px;}
.xx ul{margin:30px 50px; list-style:none}
.xx ul li{line-height:40px; font-size:14px; text-align: center; color:#333; height: 40px; width: 220px; margin: 10px; background:#11b0a2; float: left;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.xx ul li span{color:#999}
.xx ul li a{color:#fff; font-size:18px}
.xx ul li a:hover{color:#F00}

.contact{margin:20px;}
.contact ul{margin:0px; list-style:none}
.contact ul li{line-height:30px; font-family:"Î¢ÈíÑÅºÚ";}

.product{width:1100px; margin:auto}
.product .head{width:1100px; height:140px; margin:auto;}
.product .head .logo{clear: both; padding: 5px 0px 0px 10px; position: absolute}
.product .menu{background:#11b0a2; width:1070px; height:50px; border-top:1px solid #349790; border-bottom: 1px solid #FFFFFF; padding-left:30px; clear:both; position:absolute; top: 90px}
.product .menu ul{list-style:none;padding:0px;margin:10px auto auto auto}
.product .menu ul li{float:left}
.product .menu ul li a{line-height:40px; width:120px; margin:auto 5px; text-align:center; display:block; color:#fff;font-weight:normal;text-decoration:none;letter-spacing:2px; font-size:16px}
.product .menu ul li a:hover, .menu ul li a.current{color:#333;background-color:#fff;}
.product .menu .home{float: right; padding-right: 10px}

.product .flash{width:1100px; margin:15px auto auto auto; background:#E9E9E9}

.product .pbody{width:1100px; margin:auto}
.product h1{text-align:left; color:#01b2af; font-size:20px}


.footer{width:1060px; height:50px; margin:auto; padding:0px 20px; background:#01b2af; font-size:16px; clear: both; overflow: hidden}

.share{position:absolute; right:12px; bottom:105px; z-index:100}
.share a.top{background:url(../images/top.png) bottom center no-repeat; width:35px; height:45px; display:inline-block; cursor:pointer}
.share a.top:hover{background:url(../images/tophover.png) bottom center no-repeat; width:35px; height:45px; display:inline-block; cursor:pointer}

.copyright{line-height:50px; text-align:center; float:left;}
.link{float:right; line-height:50px;}
.link a{color: #000000}

.ad{position:fixed; right:5px; top:240px; z-index:99}