﻿/* CSS Document */
/*=================================================Global Style==============================================*/
html,body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,a,img,span,p,em,form,select,input,button,textarea,iframe,table,tr,th,td,caption{margin:0; padding:0;}
body{ background:#fff; font:normal 14px/14px Verdana, Geneva, sans-serif,"宋体"; color:#333;}  
li{ list-style:none;}
img{ border:none;}
a{ color:#333; text-decoration:none; outline:none;}
a:hover{ color:#f30;}
table{ border:0; border-collapse:collapse;}
.clear{ clear:both;}

#header{ height:130px;}
.header_info{ width:960px; height:89px; margin:0 auto; zoom:1; overflow:hidden;}
.logo{ float:left; padding-top:10px;}
.search{ float:right; margin-top:30px; width:238px; height:30px; background:url(../images/bg_search.gif) no-repeat;}
.search input{ background:none; border:none;}


.nav{ width:960px; height:41px; margin:0 auto; clear:both;}
.nav ul{ zoom:1; overflow:hidden; background:url(../images/bg_nav.gif) no-repeat;}
.nav ul li{ float:left; width:130px; text-align:center;}
.nav ul li a{ background:url(../images/bg_nav.gif) no-repeat; color:#fff; font-size:14px; display:block; width:120px; font-weight: bold; height:39px; line-height:39px;}
.nav ul li a:hover{ color: #8ad7ff; background:url(../images/bg_nav.gif) no-repeat;}

#main{ width:960px; margin:0 auto; padding-top:15px; zoom:1; overflow:hidden; }
.mainInfo{zoom:1; overflow:hidden;}

/*==============左侧=============*/
.left_wrap{ float:left; width:230px;}
/*==============右侧=============*/
.right_wrap{ float:right; width:710px;}

/*==============公司简介=============*/
.about{ width:346px; height:272px; float:left; background:#fff; border:solid 1px #e6e6e6;}
.about h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:url(../images/bg_title.gif) repeat-x;}
.about h3 span{ float:left; font-size:16px; color:#0b68ab;}
.about h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.about_info{ padding:10px;}
.about_info h5{ padding-bottom:5px; color:#F30;}
.about_info img{ margin-right:10px;}
.about_info p{ font-size:12px; line-height:21px;}

/*==============新闻中心=============*/
.news{ width:346px; margin-left:15px; float:left; height:272px; background:#fff; border:solid 1px #e6e6e6;}
.news h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:url(../images/bg_title.gif) repeat-x;}
.news h3 span{ float:left; font-size:16px; color:#0b68ab;}
.news h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.news ul{ padding:0 10px;}
.news ul li{ height:28px; line-height:28px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden;}
.news ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:12px;}
.news_first{ zoom:1; overflow:hidden; padding:10px 10px 5px 10px;}
.news_first img{ float:left; margin-right:10px;}
.news_first h4{ font-size:12px; margin-bottom:8px;}
.news_first p{ font-size:12px;}

/*==============联系我们=============*/
.contact{ width:232px; height:272px; float:right; background:#fff; border:solid 1px #e6e6e6;}
.contact h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:url(../images/bg_title.gif) repeat-x;}
.contact h3 span{ float:left; font-size:16px; color:#0b68ab;}
.contact h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.txt_contact{ padding-top:10px;}
.txt_contact img{ margin:0 auto; display:block; margin-bottom:8px;}
.txt_contact p{ font-size:10px; line-height:16px; padding:0 10px;}

/*==============产品中心=============*/
.product{ float:left; clear:both; width:958px; height:190px; margin-top:15px; background:#fff; border:solid 1px #e6e6e6; position:relative;}
.product h3{ zoom:1; overflow:hidden; height:48px; line-height:38px; padding:0 10px; background:url(../images/bg_title.gif) repeat-x;}
.product h3 span{ float:left; font-size:16px; color:#0b68ab; height:48px;}
.product h3 a{font-size:12px; font-weight:lighter; color:#666; margin-left:15px;}
.product h3 a:hover{font-size:12px; font-weight:lighter; color:#f60;}
.product_info{ padding:5px; zoom:1; overflow:hidden; height:196px; position:absolute; left:5px;}
.product_info ul li{ width:185px; text-align:center; font-size:12px;}
.product_info ul li img{ border:solid 1px #eee; padding:1px;}

/*==============荣誉=============*/
.honors{ width:232px; height:190px; float:right; background:#fff; border:solid 1px #e6e6e6; margin-top:15px;}
.honors h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:url(../images/bg_title.gif) repeat-x;}
.honors h3 span{ float:left; font-size:16px; color:#0b68ab;}
.honors_info{ padding:5px 20px;}

/*==============页脚=============*/
#footer{ width:960px; margin:0 auto; padding:15px 0; margin-top:15px; border-top:solid 3px #1273b6;}
#footer p{ text-align:center; font-size:12px; line-height:24px; color:#666;}

/*==============产品序列=============*/
.productList{ width:232px; background:#fff; border:solid 1px #e6e6e6;}
.productList h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:url(../images/bg_title.gif) repeat-x;}
.productList h3 span{ float:left; font-size:14px; color:#0b68ab;}
.productList ul{ padding:0 10px 10px 10px;}
.productList ul li{ height:28px; line-height:28px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden;}
.productList ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:12px;}

/*==============联系我们=============*/
.contacts{ width:232px; margin-top:15px; background:#fff; border:solid 1px #e6e6e6; padding-bottom:10px;}
.contacts h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:url(../images/bg_title.gif) repeat-x;}
.contacts h3 span{ float:left; font-size:14px; color:#0b68ab;}
.contacts h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.txt_contact{ padding-top:10px;}
.txt_contact img{ margin:0 auto; display:block; margin-bottom:8px;}
.txt_contact p{ font-size:12px; line-height:16px; padding:0 10px;}

/*==============文章列表=============*/
.list{ width:708px; background:#fff; border:solid 1px #e6e6e6;}
.list h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:url(../images/bg_title.gif) repeat-x;}
.list h3 span{ float:left; font-size:14px; color:#0b68ab;}
.list h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.list ul{ padding:0 10px 10px 10px;}
.list ul li{ height:32px; line-height:32px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden; zoom:1; overflow:hidden;}
.list ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:12px; float:left;}
.list ul li span{ font-size:12px; float:right; padding-right:5px; color:#666;}

/*==============分页=============*/
.page{ text-align:center; padding:10px; font-size:12px;}

/*==============内容页=============*/
.view{ padding:15px; background:#fff; border:solid 1px #e6e6e6; zoom:1; overflow: hidden;}
.view h2{ text-align:center; font-size:16px;}
.son_title{ text-align:center; padding:15px; color:#666; font-size:12px; background:url(../images/line.gif) repeat-x left bottom;}
.info p{   line-height:20px; margin-top:12px;}
.info {  line-height:20px; margin-top:12px; overflow: hidden;}

.sdh{ width:708px; background:#fff; border:solid 1px #e6e6e6;}
.sdh h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:url(../images/bg_title.gif) repeat-x;}
.sdh h3 span{ float:left; font-size:14px; color:#0b68ab;}

.funly_pro ul{ width: 100%; clear: both;}
.funly_pro ul li img{ border:solid 1px #CCC; margin-top: 5px; padding: 2px;}
.funly_pro ul li { float: left; padding: 8px; width: 110px;}
.funly_pro ul li div{ text-align: center; line-height:24px; font-size: 12px;}
.funly_news ul li{ float: left; width: 50%;  line-height: 22px; } 
.funly_news ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:13px; float:left;}
.dh { background: url(../images/bg_title.gif) repeat-x left center; padding: 5px; line-height: 22px; font-weight: bold; border: 1px solid #ededed;}

.productc{
    margin:0px;
    zoom:1;
    overflow: hidden;
    width: 100%;
}
.productc ul{
    zoom:1;
    overflow: hidden;
    margin-top: 10px;
    border:solid 1px #efefef;
    padding: 5px;
}
.productc ul li{
    width: 160px;
    float: left;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ddd; margin-right: 9px; margin-bottom: 10px;
    padding: 1px;

}
.productc img{
    width: 155px;
    height: 141px;
    padding:3px;
}

.productc ul li span{line-height: 24px; padding: 2px; font-size: 13px;}


.producti{
    margin: 0px;
    zoom: 1;
    overflow: hidden;
    background-color: #fff;
}


.producti h2 {
    font-size: 18px;
    color: #0086d2;
    font-weight: normal;
    background: url(../images/icon2.jpg) no-repeat left center;
    padding-left: 20px;
    position: relative;
    border-bottom: 2px solid #0086d2;
    line-height: 34px;
    height: 34px;
}

.producti ul {
    zoom: 1;
    overflow: hidden;
    margin-right: -29px;
    margin-top: 10px;
}

.producti ul li {
    padding: 3px;
    text-align: center;
    font-size: 14px;
    border: solid 1px #ddd;
    float: left;
    margin-right: 9px;
    margin-bottom: 20px;
}

.producti img {
    width: 160px;
    height: 141px;
}

.producti ul li span {
    line-height: 32px;
    display: block;
    border-top: solid 1px #ddd;
    background: #fff;
}
.liaotian{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.liaotian img{
    margin-left: 3px;
    border-radius: 2em;
}