﻿/****************reset css**************/
*{padding:0px;margin:0px;}
body{font:12px/24px "微软雅黑",Verdana,Arial,Tahoma; color:#333; background:url(../images/body.jpg) repeat-x;}
img{border:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#ba2636;text-decoration:none;}
ul,li{list-style:none;}
.clear{clear:both;}

/****************header css**************/
.header{width:1004px; height:121px; margin:0 auto; background:url(../images/header.jpg) no-repeat;}
.header h1{ width:500px; height:78px; margin-bottom:1px;}
.nav{width:100%; height:42px;}
.nav li{width:111px; height:42px; line-height:42px; float:left; text-align:center; background:url(../images/nav_line.jpg) no-repeat right 2px;}
.nav li a{font-size:14px; }

.banner{width:1004px; height:347px; margin:0 auto;}

/****************main css**************/
.main{width:1004px; height:auto; margin:0 auto;}
.product{width:236px; height:235px; float:left; margin-right:9px; margin-top:2px;}
.application{width:410px; height:235px;float:left; margin-right:9px;}
.application a{display:block; width:205px; height:60px; float:left;}
a.p1{background:url(../images/p1.jpg) no-repeat;}
a.p2{background:url(../images/p2.jpg) no-repeat;}
a.p3{background:url(../images/p3.jpg) no-repeat;}
a.p4{background:url(../images/p4.jpg) no-repeat;}
a.p5{background:url(../images/p5.jpg) no-repeat;}
a.p6{background:url(../images/p6.jpg) no-repeat;}
a.p7{background:url(../images/p7.jpg) no-repeat;}
a.p8{background:url(../images/p8.jpg) no-repeat;}
a.p1:hover{background:url(../images/1.jpg) no-repeat;}
a.p2:hover{background:url(../images/2.jpg) no-repeat;}
a.p3:hover{background:url(../images/3.jpg) no-repeat;}
a.p4:hover{background:url(../images/4.jpg) no-repeat;}
a.p5:hover{background:url(../images/5.jpg) no-repeat;}
a.p6:hover{background:url(../images/6.jpg) no-repeat;}
a.p7:hover{background:url(../images/7.jpg) no-repeat;}
a.p8:hover{background:url(../images/8.jpg) no-repeat;}
.news{width:338px; height:235px; float:right; margin:0 auto; padding-top:5px;}
.news li{ height:28px; line-height:28px; border-bottom:1px dashed #333; background:url(../images/icon01.gif) no-repeat left center; }
.news li a{float:left; margin-left:15px; display:inline;}
.news li span{float:right; margin-right:10px; display:inline;}

.flink{width:1004px; height:35px; _height:35px; margin:0px auto; margin-top:10px;}
.flink span{float:left;}
.flink ul{float:left; margin-left:5px; display:inline;}
.flink ul li {float:left; margin:0 3px; display:inline;}

/****************footer css**************/
.footer{height:68px; background:#025ea7; padding-top:15px;}
.footer p{text-align:center; color:#fff;}

/****************singlepage css**************/
.sidebar{width:240px; float:left; margin-top:5px;}
.about,.contact{width:100%;}
.about ul{width:238px; border-left:1px solid #76aabf; border-right:1px solid #76aabf; border-bottom:1px solid #76aabf; padding:5px 0px; }
.about ul li{width:200px; height:32px; line-height:27px; background:url(../images/about_link.jpg) no-repeat; text-align:center; margin:0px auto; padding-top:5px; }
.about ul li:hover{width:200px; height:32px; background:url(../images/about_hover.jpg) no-repeat;}
.contact ul{width:240px; height:230px; background:url(../images/div.jpg) no-repeat;}
.contact ul li{width:210px; height:24px; margin:0 auto; padding-top:5px;}

.content{width:750px; float:right; margin-top:5px;}
.breadcrumbs{width:725px; height:34px; line-height:34px; background:url(../images/breadcrumbs.jpg) no-repeat; padding-left:25px;}
.text{width:100%; margin:10px auto;}

/****************news css**************/
.text li{height:28px; line-height:28px; border-bottom:1px dashed #333; background:url(../images/icon01.gif) no-repeat left center;}
.text li a{float:left; margin-left:15px; display:inline;}
.text li span{float:right; margin-right:10px; display:inline;}

.text h2{font-size:20px; line-height:45px; text-align:center;}
.text .source{width:95%; margin:0 auto; height:25px; border-bottom:1px dashed #ccc; text-align:center; margin-top:10px;}
.text .source span{margin-right:10px;}
.text .article{width:95%; margin:10px auto;}

/****************product css**************/
.text .product{width:223px; height:176px; float:left; margin-left:15px; margin-bottom:10px; display:inline;}
.text .product_pic{display:block; width:223px; height:146px;}
.text .product_pic img{width:213px; height:136px; padding:4px; border:1px solid #ccc;}
.product_pic img:hover{width:213px; height:136px; padding:4px; border:1px solid #76aabf; } 
.text .product_title{width:223px; height:30px; line-height:30px; text-align:center;}

.bigpic{ display:block; width:500px; height:375px; margin:20px auto;}
.cpjs{width:95%; margin:0 auto; border-bottom:1px solid #666; line-height:30px; font-size:14px;}
.chanpin{width:95%; margin:10px auto;}

/****************page css**************/
.page{ height:40px; text-align:center; margin:0 auto; margin-top:25px;}
.page li{ display:inline; margin:0px 3px;}
.page li.thisclass a{ text-decoration:none; cursor:default; color:#C00;}

.nextpage{width:95%;height:25px;line-height:25px;margin:10px auto;}
.left{float:left;}
.right{float:right;}