﻿@charset "utf-8";
/*YC Web Based on the development of YC PHP CMS 2013.12.14*/
/*main*/
body{margin:0px;width:100%; font-family:"Microsoft YaHei";}
a {color: #535353;text-decoration: none;}
a:hover { color:#0349B0;}
img{border:0;vertical-align:top;max-width:100%;}
.clear { clear:both;}
/*heade*/
#head {left: 0;overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 1000; }
#top{height: 60px;background:url(../images/top_bg.gif); background-repeat: no-repeat; background-position: left top; background-size:cover;}
.logo { text-align:center;}
.logo h1{margin:0;padding:0;}
.company{color: #0099a6; float: left;line-height: 60px;margin-right: 35px;text-align: center;width: 60%; font-weight:bold;}
#nav {background-color:#0349B0;	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);height: 72px;width: 100%;background-attachment: scroll;}
#nav ul {list-style: none outside none;margin: 0;padding: 0;}
#nav ul li {float: left; width:25%; text-align:center; border-bottom:1px solid #0552C8; overflow: hidden; height:35px;}
#nav ul li a {display: block; font-size: 14px;line-height: 35px;padding-left: 5px;padding-right: 5px;text-decoration: none; color:#FFFFFF;}
#nav ul li a:link {color: #ffffff;text-decoration: none;}
#nav ul li a:visited {color: #ffffff; text-decoration: none; }
#nav ul li a:hover {text-decoration: none; background:url(../images/bg_nav_hov.jpg); background-repeat:repeat-x; background-position:left top;}
.logoleft {float: left;line-height: 50px; margin-left: 15px;margin-top: 8px; width: 20%;}

/*main*/
#content{ width:100%; margin:132px auto 50px;}
#content header{height:30px;font-weight:bold;line-height:30px;margin:0px auto 5px;color:#ffffff;width:100%;}
#content .head1 {background-color:#0349B0;}
#content .head2 {background-color:#0349B0;}
#content .head3 {background-color:#0349B0;}
#content header h3{ font-size:13px; float:left; width:60%; text-align:left; margin:0px 0px 0px 10px;text-indent:25px; }
#content header span{font-size:13px; float:right; width:30%; text-align:right; margin:0px 10px 0px 0px;}


/*index-news*/
#news{clear:both;}
#news ul{list-style:none; padding:0px; margin:0px;}
#news ul li{
	height:82px;
	display:block;
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
	margin:0px auto 5px;
	width:95%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
#news ul li h2{ margin:0px; padding:0px; font-size:14px; line-height:30px; font-weight:normal;}
#news ul li span{font-size:12px; line-height:20px; color:#d0d0d0;}
#news ul li img{ width:90px; height:72px; float:left; margin:5px 10px 5px 5px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

/*index-case*/
#products{ clear:both;}
#products ul{list-style:none; padding:0px; margin:0px;}
#products ul li{height:95px;background-color: #FFFFFF;border: 1px solid #D9D9D9; margin:0px auto 5px; width:95%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#products ul li h2{ margin:0px; padding:0px; font-size:14px; line-height:30px; font-weight:normal;}
#products ul li span{font-size:12px; line-height:20px; color:#d0d0d0;}
#products ul li img{ width:90px; height:72px; float:left; margin:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

/*index-contact*/
#contactus { clear:both;}
#contactus ul{list-style:none; padding:0px; margin:0px auto; width:95%; text-align:center; font-family:SimSun; color:#999999;}
#contactus ul p { font-size:12px; margin:0px; line-height:22px;}
#contactus ul a { color:#999999;}
#contactus ul a:hover {color:#1b7406;}
#contactus ul li{height:30px;}
#contactus ul li h2{ margin:0px; padding:0px; font-size:14px; line-height:30px;}
#products ul li span{font-size:12px;}

/*nav-bottom*/
#footer{position: fixed;z-index:9999;left: 0;bottom: 0;height:45px;width:100%;overflow:hidden;font-size:12px;box-shadow:0px -3px 10px rgba(0,0,0,.2); background-color:#404548;}
#footer ul{ padding:0px; margin:0px; list-style: none;}
#footer ul li{ width:24%; float:left; text-align:center; color:#FFF;}
#footer ul li a{color: #FFF; text-decoration: none; height:40px; display:block; line-height:70px;}
#footer ul li a:link {color: #FFF; text-decoration: none;}
#footer ul li a:visited {color: #FFF; text-decoration: none; }
#footer ul li a:hover {color: #FFF; text-decoration: none;}

#allmap {height: 100%;overflow: hidden; width: 100%;margin:0;}


/*message*/
#message { width:95%; margin:137px auto;color: #204500;}
#message header{ height:35px; line-height:35px; text-align:left;}
#message ul{ margin:0px; padding:0px; list-style:none;}
#message ul li{ width:100%; clear:both; margin-bottom:10px;}
#message ul li h2{ float:left; width:25%; font-size:14px; font-weight:normal; text-align:right;}
.biaodan{ border:#CCC 1px solid; height:35px; width:70%;-moz-box-shadow:inset 0 0 5px 1px #ebebeb;-webkit-box-shadow: inset 0 0 5px 1px #ebebeb;box-shadow: inset 0 0 5px 1px #ebebeb;}
.biaodanda{ border:#CCC 1px solid; height:90px; width:70%;-moz-box-shadow:inset 0 0 5px 1px #ebebeb;-webkit-box-shadow: inset 0 0 5px 1px #ebebeb;box-shadow: inset 0 0 5px 1px #ebebeb;}

/*about-inside*/
#aboutcontent {line-height: 25px;margin: 137px auto;width: 95%; color:#333;}
#aboutcontent a {color:#666666;}
#aboutcontent header { height:35px; line-height:35px; border-bottom:#0349b0 1px solid; margin-bottom:10px; font-size:16px; font-weight:bold;}
#aboutcontent ul {list-style:none; padding:0px; margin:0px; width:100%;}
#aboutcontent ul li{ border:#dfdfdf 1px solid; width:48%; float:left; margin-right:0.5%; margin-bottom:10px;text-align: center;}
#aboutcontent ul li h2{ margin:0px; padding:0px; font-size:14px; line-height:30px; font-weight:normal; height:30px; text-align:center;}
#aboutcontent ul li span{font-size:12px; line-height:20px; color:#d0d0d0;}
#aboutcontent ul li img{ width:100%; background:#e4e4e4;}



/*news-list*/
#newscontent{ width:95%; margin:137px auto; margin-bottom:10px;}
#newscontent header { height:35px; line-height:35px; border-bottom:#0349b0 1px solid; margin-bottom:10px; font-size:16px; font-weight:bold;}
#newscontent header h1{font-size:16px;display:inline;}
#newscontent header .local{font-weight:normal; float:right;font-size:12px;}


#newscon2{ width:95%; margin:0px auto px auto;  padding: 0 2.5%; float:left;}
#newscon2 ul{list-style:none; padding:0px; margin:0px;}
#newscon2 ul li{ border-bottom:1px dashed #999999; height:85px;}
#newscon2 ul li h2{ margin:0px; padding:0px; font-size:14px; line-height:30px; font-weight:normal;}
#newscon2 ul li span{font-size:12px; line-height:20px;color:#666;}
#newscon2 ul li img{ width:90px; height:72px; float:left; margin-right:10px; margin-top:5px;}


#newscontent #news_nav ul{list-style:none; padding:0px; margin:0px;}
#newscontent #news_nav ul li{ border:#dfdfdf 1px solid; width:46%; float:left; margin-right:10px; margin-bottom:10px;text-align: center;}
#newscontent #news_nav ul li h2{ margin:0px; padding:0px; font-size:14px; line-height:30px; font-weight:normal; height:auto; text-align:center;}
#newscontent #news_nav ul li span{font-size:12px; line-height:20px; color:#d0d0d0;}
#newscontent #news_nav  ul li img{ width:100%; background:#e4e4e4;}




.pages{width:95% line-height:30px; text-align:center; clear:both; height:30px; background:#5d656a; color:#FF8DB8; font-size:12px;  margin: 0 2.5%; margin-bottom:50px;}
.pages ul{list-style:none; padding:0px; margin:0px;height:30px; line-height:30px;}
.pages ul li{float:left; border:none; height:30px; padding-left:10px;width:30px; text-align:center;}
.pages a {color: #fff;}
.pages a:hover { color:#0349b0;text-decoration: none;}
.pages img {vertical-align: middle;}
/*news-show*/
#newscontentnei{width:95%; margin:137px auto; line-height:23px;}
#newscontentnei .articletitle { margin-bottom:10px;}
#newscontentnei .articletitle h1{ height:35px;font-size:18px; font-weight:normal; line-height:35px; text-align:center; }
#newscontentnei .articletitle span{ font-size:14px; color:#d0d0d0; text-align:center;}
#newscontentnei footer { margin-top:10px;}
#newstop{border-bottom:#0349b0 1px solid;height:35px;line-height:35px;}
/*product-list*/
#productscontent{ width:95%; margin:137px auto; margin-bottom:10px;}
#productscontent header { height:35px; line-height:35px; border-bottom:#0349b0 1px solid; margin-bottom:10px; font-size:16px; font-weight:bold;}
#productscontent header h1{font-size:16px;display:inline;}
#productscontent header .local{font-weight:normal; float:right;font-size:12px;}
#productscontent ul{list-style:none; padding:0px; margin:0px;}
#productscontent ul li{ border:#dfdfdf 1px solid; width:46%; float:left; margin-right:10px; margin-bottom:10px;text-align: center;}
#productscontent ul li h2{ margin:0px; padding:0px; font-size:14px; line-height:30px; font-weight:normal; height:30px; text-align:center;}
#productscontent ul li span{font-size:12px; line-height:20px; color:#d0d0d0;}
#productscontent ul li img{ width:100%; background:#e4e4e4;}

/*product-inside*/
#productscontentnei{ width:95%; margin:137px auto;}
#productimg img{ width:100%; background:#e4e4e4;}
#producttitle{ line-height:23px; margin-top:10px}
#dinggou h1{ width:100%; height:40px; background:#2A353B; display:block; color:#ffffff; line-height:40px; text-align:center; margin:10px auto; font-size:16px;}
#producter header { height:30px; line-height:30px; border-bottom:#FF6B98 1px solid; background:#FF8DB8; margin:10px auto; font-size:16px; color:#FFFFFF;}
#productnei header { height:30px; line-height:30px; border-bottom:#CCC 1px solid; background:#ebebeb; margin:10px auto; font-size:16px;}
#producter img {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

#productdingdan{ width:95%; margin:100px auto;}
#productdingdan ul{ margin:0px; padding:0px; list-style:none;}
#productdingdan ul li{ width:100%; clear:both; margin-bottom:10px;}
#productdingdan ul li h2{ float:left; width:25%; font-size:14px; font-weight:normal; text-align:right;}
.biaodan{ border:#CCC 1px solid; height:35px; width:70%;-moz-box-shadow:inset 0 0 5px 1px #ebebeb;-webkit-box-shadow: inset 0 0 5px 1px #ebebeb;box-shadow: inset 0 0 5px 1px #ebebeb;}
.biaodanda{ border:#CCC 1px solid; height:90px; width:70%;-moz-box-shadow:inset 0 0 5px 1px #ebebeb;-webkit-box-shadow: inset 0 0 5px 1px #ebebeb;box-shadow: inset 0 0 5px 1px #ebebeb;}
.tijiao{ width:100px; height:35px; border:none; margin-left:25%; background:#bf0000; color:#FFFFFF;}
#tijiao2 { margin-left:5%}
.column{float:left; width:100%;}
.column a{float:left; font-size:14px; margin:5px; border:1px solid #535353; padding:5px;border-radius: 3px;}

