﻿@charset "utf-8";
/* CSS Document */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0;font-weight:400;font-style:inherit;font-family:inherit;vertical-align:top}body{line-height:1;color:#000;background:#fff;font-size:12px;font-family:'microsoft yahei'}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}nav ul,ol,ul{list-style:none}:focus,a{outline:0}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0;blr:expression(this.onFocus=this.blur())}a,ins{text-decoration:none}a,hr{padding:0}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400}hr{height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0}input,select{vertical-align:middle;border:0}
html{color:#666; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; -webkit-text-size-adjust: none; text-align:left;}
body{ font-size:12px;font-family:"微软雅黑";  color:#666; line-height:1; min-width:1200px;}
img{border:none;}
li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}

a{color:#333;text-decoration:none;}
a:hover{color:#F60;text-decoration:none;}
input,textarea{ outline:medium; text-indent:5px;}

.pointer {
	cursor: pointer;
}
.block100 {
	width: 100%; overflow: hidden;
}
.block50 {
	width: 50%; overflow: hidden;
}

.width960{ width:960px; margin:0 auto;}

#warp {
	width: 100%; overflow: hidden;
}
#header {
	width: 100%; overflow: hidden; background:#eee url(../images/bg.jpg) repeat-x;
}
#footer {
	width: 100%; overflow: hidden;
}
.logo {
	margin: 0px auto; width: 1200px; height: 80px; overflow: hidden;
}
.logo h1 {
	height: 80px; margin-top: 16px; float: left;
}

.logo .logo_telphone {
	width: 250px; overflow: hidden; margin-top: 18px; float: right;  padding-right:15px;  background:url(../images/tel.png) no-repeat left center; padding-left:44px;
}
.logo .logo_telphone p {
	font-size:14px;
}
.logo .logo_telphone em {
	color:#f60; font-size: 1.6rem; line-height:1.6rem; margin-top:10px; display: block; font-style:normal;
}
.navigation {
	line-height: 44px; margin-top:25px;
}
.nav {
	margin: 0px auto; height: 100%; text-align: center; zoom:1; overflow: hidden; margin: 0px auto; width: 1200px;
}
.nav li {
	height: 100%; float: left;
}
.navigation li a {
	width: 120px; text-align:center; height: 100%; overflow: hidden; font-size: 1.0rem; display: block; white-space: nowrap; text-overflow: ellipsis;text-decoration: none; color:#666;
}
.navigation li a:hover {
	color:#169fe6;
}
.banner {
	width: 100%; height: 650px; overflow: hidden; position: relative; background:#fff;
}
.banner ul {
	left: 0px; top: 0px; height: 100%; position: absolute;
}
.banner li {
	height: 100%; text-align: center; overflow: hidden; float: left; position: relative;
}
.banner li img {
	top: 0px; display: block; position: absolute;
}
.banner .ban_ico {
	left: 50%; height: 10px; text-align: center; bottom: 20px; position: absolute;
}
.banner .ban_ico i {
	background: rgb(3, 149, 110); margin: 0px 3px; border: 1px solid rgb(3, 149, 110); width: 14px; height: 14px; text-align: center; color: rgb(255, 255, 255); line-height: 14px; font-style: normal; display: inline-block; cursor: pointer;
}
.banner .ban_ico i.active {
	background: rgb(255, 255, 255); color: rgb(3, 149, 110);
}

.contentindex{ background:#fff; padding:40px 0; clear:both; background:#f4f4f4;}
.part01{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}

.title{ color:#333; zoom:1; overflow:hidden; padding-bottom:32px;}
.title h3{ font-size:32px; font-weight:bold; text-align:center; line-height:60px;}
.title p{ font-size:32px; color:#666; text-align:center;}

/*==============关于我们=============*/
.about{ padding:50px 0;}
.about_info{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.about_img{ float:left; width:599px;}
.aboutTxt{ float:right; background:#fff; width:550px; }
.aboutTxt h3{ font-size:32px; color:#e70012;}
.aboutTxt p{ font-size:14px; line-height:32px; text-indent:32px; padding:15px 0; margin-bottom:20px;}
.aboutTxt a{ color:#fff; padding:10px 30px; font-size:16px; background:#25a8e1;}


/*==============产品中心=============*/
.proClass{ width:1200px; margin:0 auto; padding-bottom:50px;}
.proClass h2{ font-size:32px; line-height:48px; text-align:center; margin-bottom:30px; color:#666;}
.proClass p{ width:880px; margin:0 auto; text-align:center; color:#333; font-size:16px; line-height:24px;}
.proClass ul{ zoom:1; overflow:hidden; margin-top:60px;}
.proClass ul li{ width:300px; float:left; text-align:center;}
.proClass ul li img{ border-radius:50%; border:solid 5px #e1e1e1;}
.proClass ul li span{ display:block; font-size:16px; line-height:58px; color:#333;}

/*==============公司荣誉=============*/
.honor{ padding:50px 0;}
.honor h2{ width:1200px; margin:0 auto; padding-bottom:15px; zoom:1; overflow:hidden;}
.honor h2 span{ float:left; font-size:32px;}
.honor h2 a{ float:right; font-size:14px; margin-top:20px; font-weight:lighter;}
.honor_info{ width:1200px; margin:0 auto; padding-top:20px;}
.honor_info ul li{ width:275px; text-align:center; font-size:14px;}
.honor_info ul li img{ width:275px; border:solid 1px #ddd; padding:2px 0;}
.honor_info ul li span{ line-height:36px;}

/*==============公司动态=============*/
.news{ background:#f4f4f4; padding:50px 0;}
.news .content{ overflow:hidden; width:1200px; margin:0 auto; height:350px; position:relative;}
.news .content ul{ position:absolute; left:0; top:0; height:350px;}
.news .content li{ width:1200px; height:350px; float:left;}
.newsLeft{ float:left; width:539px; height:340px; background:#fff;}
.newsLeft img{ width:539px; height:235px;}
.newsLeft h3{ line-height:36px; font-style:normal; padding:0 16px; font-size:16px;}
.newsLeft p{ line-height:24px; font-style:normal; padding:0 16px; font-size:14px;}
.newsRight{ float:right; width:620px;}
.newsRight div.newsbg{ background:#fff; height:71px; padding:20px; margin-bottom:4px; zoom:1; overflow:hidden;}
.newsRight div.newsbg .date{ width:99px; height:60px; border-right:solid 1px #dedede; padding-top:10px; text-align:center; float:left;}
.newsRight div.newsbg .date span{ display:block; margin-bottom:10px;}
.newsRight div.newsbg .date a{ display:block; width:60px; height:20px; line-height:20px; margin:0 auto; background:#49aa81; text-align:center; color:#fff;}
.newsRight div.newsbg .newTitle{ float:left; margin-left:30px; width:450px;}
.newsRight div.newsbg .newTitle h3{ font-size:16px; font-weight:400; line-height:24px;}
.newsRight div.newsbg .newTitle p{ font-size:14px; font-weight:400; line-height:24px;}


.mainInfo{ width:1200px; margin:0 auto; padding-bottom:30px; zoom:1; overflow:hidden;}

/*==============左侧=============*/
.left_wrap{ float:left; width:230px;}
/*==============右侧=============*/
.right_wrap{ float:right; width:940px;}

/*==============产品序列=============*/
.productList{ width:230px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.productList h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.productList h3 span{ float:left; font-size:16px; color:#333; background:url(../images/module4_tbg.jpg) no-repeat left 11px; padding-left:12px;}
.productList h3 a{ float:right; font-size:14px; font-weight:lighter; color:#666;}
.productList ul{ padding:0 10px 10px 10px;}
.productList ul li{ height:38px; line-height:38px; 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:14px;}

/*==============联系我们=============*/
.contacts{ width:230px; margin-top:15px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.contacts h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.contacts h3 span{ float:left; font-size:14px; color:#333; background:url(../images/module4_tbg.jpg) no-repeat left 11px; padding-left:12px;}
.contacts h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.txt_contact{ padding:10px 0;}
.txt_contact img{ margin:0 auto; display:block;}
.txt_contact p{ font-size:14px; line-height:24px; padding:0 10px;}

/*==============文章列表=============*/
.list{ width:930px; background:#fff; border:solid 1px #e6e6e6; padding:1px;float:left;}
.list h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.list h3 span{ float:left; font-size:16px; color:#333; background:url(../images/ico.png) no-repeat left center; padding-left:24px;}
.list h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.list ul{ padding:0 10px 10px 10px;}
.list ul li{ height:42px; line-height:42px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden; zoom:1; overflow:hidden;}
.list ul li a{ background:url(../images/module3_list_bg.jpg) no-repeat 3px center; padding-left:15px; font-size:16px; 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;float:left;width: 96%;}
.view h2{ text-align:center; font-size:24px;}
.son_title{ text-align:center; padding:15px; color:#666; font-size:12px; background:url(../images/line.gif) repeat-x left bottom;}
.info p{ text-indent:24px; line-height:32px; margin-top:2px; font-size:16px;}
.info { text-indent:24px; line-height:32px; margin-top:2px; font-size:16px;}

#footer { background:#282828;}
.footInfo{ width:1200px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;}
.foot_l { float:left; width:1080px; zoom:1; overflow:hidden;}
.foot_l dl{ width:210px; padding-left:30px; float:left; border-left:dashed 1px #58595b;}
.foot_l dl dt{ color:#eee; font-size:16px; line-height:24px; margin-bottom:10px;}
.foot_l dl dd{ line-height:24px;}
.foot_l dl dd a{ line-height:24px; color:#969696;}
.foot_l dl dd a:hover{ line-height:24px; color:#eee;}
.foot_r{ float:right;}
.foot_r img{ width:120px;}
.copyright{ line-height:40px; background:#000;}
.copyright p { color:#ccc; text-align:center;}


.right_wrap .location {
    float: left;
    line-height: 50px;
    font-size: 14px;
    color: #999;
    width: 100%;
}
 
.fst {
    font-weight: bold;
}
.sec {
    text-indent: 10px;
}
.pro_list{
	background-color: #fff;
    float: left;
    width:100%;
}
.pro_list  ul{display:block;width: 100%;}
.pro_list  ul li{
	float: left;
    width: 24%;
    height: 260px;
    margin-right: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;}
.pro_list  ul li a{
    display: block;
    width: 80%;
    height: 214px;
    padding: 15px;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
    transition: all .7s linear 0s;
    -webkit-transition: all .7s linear 0s;
    -moz-transition: all .7s linear 0s;
}
.pro_list  ul li a .tit{display:block; height:40px; line-height:40px; font-size:15px; color:#666; text-align:center;}
.pro_list  ul li a .pic{
	display: block;
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.pro_list  ul li a:hover{display:block; width:80%; height:214px; border:1px solid #2172bd;}
.pro_list  ul li a:hover .tit{display:block; height:40px; line-height:40px; font-size:15px; color:#2172bd;}
.pro_list  ul li img{
	display: block;
    width: 100%;
    height: 175px;
    transition: all .7s linear 0s;
    -webkit-transition: all .7s linear 0s;
    -moz-transition: all .7s linear 0s;
    -o-transition: all .7s linear 0s;
    margin-bottom: 5px;
}
.pro_list  ul li a:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);}
.pro_list ul li b{ position:absolute; left:15px; top:15px; background:#FC0; color:#fff; text-align:center; font-size:14px; line-height:32px; padding:0 10px;}
.clear {
    clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 1px;
}
.intxt{
	border: 1px solid #ccc;
}
.coolbg{
	padding: 3px;
	line-height: 24px;
	text-indent: 0px;
}