@charset "utf-8";
/* CSS Document */
html{color:#5d5d5d; 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:14px;font-family:"微软雅黑"; line-height:24px; background:#fafafa;}
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;
}

#warp {
	width: 100%; overflow: hidden;
}
#header {
	width: 100%; overflow: hidden; background:#0087d5;
}
#footer {
	width: 100%; overflow: hidden;
}

.logo {
	margin: 0px auto; width: 1200px; height: 88px; overflow: hidden;
}
.logo h1 {
	width: 178px; height: 88px; float: left;    padding-top: 6px;
}

.navigation {
	width: 720px; height: 88px; line-height: 88px; float:left; padding-left:80px;
}
.navigation .nav {
	height: 100%; text-align: center; overflow: hidden;
}
.navigation .nav li {
	width: 120px; height: 100%; float: left;
}
.navigation .nav 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;
}
.navigation .nav li a:link {
	color: rgb(255, 255, 255);
}
.navigation .nav li a:visited {
	color: rgb(255, 255, 255);
}

.logo .logo_telphone {
	width: 150px; overflow: hidden; margin-top: 15px; float: right; padding-left:30px; color:#fff; background:url(../images/tel.png) no-repeat left center;
}
.logo .logo_telphone p {
	line-height: 26px;
}
.logo .logo_telphone div {
	width: 100%; height: 34px; line-height: 34px; font-family: "Microsoft yahei"; font-size: 1.0rem;
}
.logo .logo_telphone em {
    font-size: 1.0rem; display: inline-block; font-style:normal;
}

.banner {
	width: 1200px; margin:20px auto; height: 400px; overflow: hidden; position: relative;
}
.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{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.leftindex{ width:900px; float:left;}
.rightindex{ width:280px; float:right;}

/*==============关于我们=============*/
.about{ width:900px; padding:30px 0; zoom:1; overflow:hidden;}
.about dl{ border:solid 1px #ddd; float:left; width:278px; background:#fff; min-height:360px; margin-right:20px;}
.about dl dd{ padding:0 20px 20px;}
.about dl dd.title{ font-size:24px; padding:20px;}
.about dl dd a{ color:#0087d5;}
.about dl dd a:hover{ color:#F60;}

/*==============解决方案=============*/
.case{ width:880px; padding:30px 0;}
.case .title h3{ font-size:32px; color:#ff972a; font-weight: lighter; line-height:32px;}
.case .title p{ line-height:80px;}
.case .title p a{ color:#0087d5;}
.case .title p a:hover{ color:#F60;}
.caseInfo{ zoom:1; overflow:hidden;}
.bigblock,.smallblock{ float:left; position:relative; height:220px;}
.bigblock,.smallblock img{ height:220px;}
.bigblock img{ width:440px;}
.smallblock img{ width:220px;}
.bigblock a,.smallblock a{ position:absolute; display:block; padding:20px 30px; color: #fff; background: rgba(51,51,51,.8); z-index:10; width:100%; bottom:0;}
.bigblock a:hover,.smallblock a:hover{ background:#3d90f5;}

.choose{ width:880px; padding:30px 0;}
.choose .title h3{ font-size:32px; color:#ff972a; font-weight: lighter; line-height:32px;}
.chooseInfo{ padding-top:30px;}

.block{ border:solid 1px #ddd; width:238px; background:#fff; padding:30px 20px; margin-top:30px;}
.block h3{ font-weight:bold; font-size:18px;}

/*==============快速采购=============*/
.caigou p{ font-size:24px; line-height:88px;}
.caigou a{ color:#0087d5;}
.caigou a:hover{ color:#F60;}

/*==============官方微信=============*/
.erweima{ text-align:center; padding:30px 0;}
.erweima img{ width:118px; height:118px; margin:0 auto; display:block;}
.erweima p{ text-align:center; font-size:16px; margin-top:30px;}

.linajie{ padding-top:30px;}
.linajie ul li{ line-height:32px;}
.linajie ul li a{ color:#0087d5;}
.linajie ul li a:hover{ color:#F60;}

/*==============产品中心=============*/

.product{ border:solid 1px #ddd; background:#fff; padding:30px 59px; margin-top:30px;}
.productClass{ zoom:1; overflow:hidden;}
.productClass li{ float:left; width:180px; text-align:center;}
.productClass li span{ display:block; text-align:center; padding-top:20px;}

.productClassinfo{ zoom:1; overflow:hidden; margin-top:30px; width:1200px;}
.productClassinfo li{ float:left; width:398px; text-align:center; border:solid 1px #ddd; background:#fff; padding-bottom:30px; margin-bottom:30px;}
.productClassinfo li span{ display:block; text-align:center; padding-top:20px; font-size:16px; font-weight:bold; line-height:80px;}
.productClassinfo li img{ display:block; width:60%; margin:0 auto;}


/*==============解决方案=============*/
.solution{ border:solid 1px #ddd; background:#fff; padding:30px 59px; margin:30px 0;}
.solution h3{ font-size:28px; line-height:40px; margin-bottom:15px;}
.solution p{ font-size:16px; line-height:30px; clear:both;}
.solutionInfo{ zoom:1; overflow:hidden; padding-top:50px;}
.solutionInfo dl{ width:28%; float:left; margin-right:5%; margin-bottom:40px;}
.solutionInfo dl dt{ font-size:18px; font-weight:bold;}
.solutionInfo dl dd{ padding-top:15px;}
.solutionInfo dl dd a{ color:#0087d5; padding-top:15px;}
.solutionInfo dl dd a:hover{ color:#F60;}

.data{ border:solid 1px #ddd; background:#fff; padding:; margin-top:30px; padding:1px;}
.data ul{ zoom:1; overflow:hidden;}
.data ul li{ float:left; width:120px; height:50px; line-height:50px; font-size:16px; text-align:center;}
.data ul li.now{ border-bottom:solid 2px #f60; background:#fff3d1;}

.video{}
.video ul{ zoom:1; overflow:hidden; margin-top:30px; width:1200px;}
.video ul li{ float:left; width:380px; margin-right:18px; text-align:center; border:solid 1px #ddd; background:#fff; margin-bottom:30px;}
.video ul li span{ display:block; text-align:center; padding:10px 0; font-size:16px; font-weight:bold; line-height:40px;}
.video ul li img{ display:block; width:100%; margin:0 auto;}

.data{ padding:1px; margin-bottom:30px;}
.data table tr:nth-child(odd){ background-color: #efefef;}
.data table tr{ height:50px; line-height:50ppx; border-bottom:solid 1px #efefef;}
.data table tr th,.data table tr td{ padding:0 10px;}

.mainInfo{ width:1200px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;}
/*==============左侧=============*/
.left_wrap{ float:left; width:260px;}
/*==============右侧=============*/
.right_wrap{ float:right; width:920px;}

/*==============产品序列=============*/
.productList{ width:260px; 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/title_ico.gif) 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:260px; 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/title_ico.gif) no-repeat left 11px; padding-left:12px;}
.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; width:100%; padding-bottom:10px;}
.txt_contact p{ font-size:14px; line-height:24px; padding:0 10px;}

/*==============文章列表=============*/
.list{ width:916px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.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/title_ico.gif) no-repeat left 11px; padding-left:12px;}
.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/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:14px; 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;}
.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{ text-indent:24px; line-height:24px; margin-top:12px; font-size:14px;}


.bot{ width:100%; background:#282828;}
.bot .inner{ width:1200px; margin:0 auto; padding:50px 0; zoom:1; overflow:hidden;}
.bot .inner dl{float:left; margin-right:100px; border-left:solid 1px #464646; padding-left:47px;}
.bot .inner dl dt{display:block; height:40px; line-height:40px; font-size:18px; color:#fff; margin-bottom:12px;}
.bot .inner dl dd{ color:#b2b1b1;}
.bot .inner dl dd a{display:block; font-size:14px; color:#b2b1b1;}
.bot .inner dl dd a:hover{color:#fff;}

.bot .inner dl.fourth{float:right; border:0;}
.bot .inner dl.fourth{margin-right:0px;}
.bot .inner dl.fourth img{display:block; width:117px; height:117px;}

.copyright{ clear:both; text-align:center; color:#666; background:#141414; line-height:40px;}