@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: #333333;text-decoration: none;}
a:hover { color:#3982e1;}
img{border:0;vertical-align:top;max-width:100%;}
.clear { clear:both;}
ul,li { margin:0px; padding:0px; list-style:none;}
/*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;}
.company{color: #0099a6; float: left;line-height: 60px;margin-right: 35px;text-align: center;width: 60%; font-weight:bold;}
#nav { background-color:#3982e1;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);height:70px;width: 100%;background-attachment: scroll;}
#nav ul {list-style: none outside none;margin: 0;padding: 0; width:100%; height:auto; margin:0px; padding:0px;}
#nav ul li {float: left; width:25%; text-align:center; border:1px solid #ffffff;box-sizing:border-box; border-bottom:0px; border-right:0px;}
#nav ul li a {display: block; font-size: 14px;line-height: 35px; text-align:center; 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:0px auto 50px;}
#content header{height:30px;font-weight:bold;line-height:30px;margin:0px auto 5px;color:#ffffff;width:100%;}
#content .head1 {background-color:#333333;}
#content .head2 {background-color:#333333;}
#content .head3 {background-color:#333333;}
#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_t1 { width:100%; margin:0.5% 0;}
.index_t1 img { width:100%;}
.index_t1 .index_t1l { width:49%; margin:0 0.5%; float:left;}
.index_t1 .index_t1r { width:24.5%; float:left; margin-right:0.5%; height:49.75%;}
.index_t1b { margin-bottom:0.5%;}
.index_t2 { width:100%; margin:0 0 0.5%;}
.index_t2 img { width:100%;}
.index_t2 .index_t1l { width:49%; margin:0 0.5%; float:left; padding:0;}
.index_t2 .index_t1l li { width:100%; list-style:none;}
.index_t2 .index_t2l { width:49.5%; float:left; margin-right:0.5%;}
#nav_e { width:100%; margin-bottom:10px;}
#nav_e li#nav_li { width:30%; float:left; margin:5px 1.5%; text-align:center; line-height:30px; height:30px; border:none;}
#nav_e li#nav_li a { color:#3982e1; display:block;border:1px solid #3982e1;}
#nav_e li#nav_li a:hover { background-color:#3982e1; color:#ffffff;}
/*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(57,130,225,.2); background-color:#3982e1;}
#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: 135px auto 100px 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: 23px;margin: 135px auto 100px auto;width: 95%;}
#aboutcontent a {color:#666666;}
#aboutcontent header { height:35px; line-height:35px; border-bottom:#ff0000 2px solid; margin-bottom:10px; font-size:16px; font-weight:bold;}

/*news-list*/
#newscontent{ width:95%;margin: 135px auto 100px auto;}
#newscontent header { height:35px; line-height:35px; border-bottom:#333333 2px solid; margin-bottom:10px; font-size:16px; font-weight:bold;}
#newscontent ul{list-style:none; padding:0px; margin:0px; margin-top:10px;}
#newscontent ul li{ border-bottom:#9cc0f0 1px solid; height:auto; margin-top:3px 0px;}
#newscontent ul li h2{ margin:0px; padding:0px; font-size:14px; line-height:30px; font-weight:normal;}
#newscontent ul li span{font-size:12px;  line-height:30px; color:#d0d0d0; float:right; margin-right:5px;}
#newscontent ul li img{ width:90px; height:72px; float:left; margin-right:10px; margin-top:5px;}
.pages{ line-height:30px; text-align:center; clear:both; height:30px; background:#333333; margin-bottom:10px; color:#FF8DB8; font-size:12px;}
.pages a {color: #ffffff;}
.pages img {vertical-align: middle;}
/*news-show*/
#newscontentnei{width:95%;margin: 135px auto 100px auto; line-height:23px; color:#333333;}
#newscontentnei header { margin-bottom:10px;}
#newscontentnei header h2{ height:auto; border-bottom:#3982e1 2px solid;  font-size:18px; line-height:35px; text-align:left; }
#newscontentnei header span{ font-size:14px; color:#d0d0d0; text-align:center;}
#newscontentnei footer { margin-top:10px;}

/*product-list*/
#productscontent{ width:95%;margin: 135px auto 100px auto;}
#productscontent header { height:35px; line-height:35px; border-bottom:#333333 2px solid; margin-bottom:10px; font-size:16px; font-weight:bold;}
#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: 135px auto 100px auto;}
#productimg img{ width:100%; background:#e4e4e4;}
#producttitle{ line-height:23px; margin-top:10px}
#dinggou h2{ width:100%; height:40px; background: #9cc0f0; 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: 135px auto 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:#3982e1; color:#FFFFFF;}
#tijiao2 { margin-left:5%}