/* CSS Document */
body{ margin:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background:#03544B;}
a {font-size: 12px;color: #333333;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;color: #333333;}
a:hover {text-decoration: none;color:#03544B;}
a:active {text-decoration: none;}
img{ border:0;}

#wrapper{ width:220px; height:auto; margin:50px auto 0 auto; position:absolute; right:10px;float:right; overflow:hidden; z-index:1000; }
#content p{ color:#999; line-height:180%;}

/* Ҫcssʽ */
#content {width:240px; float: right; min-height:1200px;}
#sidebar {width:220px; float:right; height:285px; position:absolute; z-index:100 }
#sidebar img{ width: 100%;}
#portamento_container {float:right; position:relative;}
#portamento_container #sidebar {float:none; position:absolute;}
#portamento_container #sidebar.fixed {position:fixed;}

.head{ width:820px; margin:0 auto; margin-top:15px; padding:5px; background:#FFFFFF; clear:both;}
.logo{ width:820px; height:200px; float:left;}
.logo h2{ margin:0px;}
.nav{ width:820px; height:28px; float:left; background:#29292B; margin-top:10px;}
.nav li{ min-width:115px; height:28px; line-height:28px; list-style-type:none; text-align:center; font-size:12px; float:left; font-weight:600;}
.nav li a{ color:#FFFFFF;}
.nav li a:hover{ color:#FFFFFF; background:#03544B; display:block;}

.zhuti{ width:820px; height:auto; margin:0 auto; padding:5px; background:#FFFFFF; }

.about{ width:820px; height:313px; float:left; }
.about_l{ width:380px; height:313px; float:left;}
.about_r{ width:420px; height:313px; float:right;}
.about_r_t{ width:420px; height:35px; float:left; font-size:18px; text-align:left; line-height:35px; list-style-type:none; color:#03544B; margin-bottom:10px;}
.about_r_z{ width:420px; height:190px; float:left; line-height:20px; text-align:left;}
.about_r_b{ width:420px; height:50px; float:left; line-height:50px;}
.about_r_b img{ margin-top:30px;}

.product{ width:820px; height:auto; float:left; margin-top:10px;}
.product_t{ width:820px; height:auto; float:left; margin-bottom:10px;}
.product_t_l{ width:220px; height:64px; float:left; margin-right:40px; margin-top:5px; background: #E8E8E8; padding:3px 3px;}
.product_t_l_l{ width:120px; height:64px; float:left; text-align:left; line-height:50px; font-size:14px; padding-left:10px;}
.product_t_l_r{ width:85px; height:64px; float:right;}
.product_t_l_l a{ color:#333333; display:block; padding:10px;}
.product_t_l_l a:hover{ color:#FFFFFF; padding:10px; display:block;}

.nei_about{ width:820px; height:auto; float:left; margin-top:10px;}
.nei_about_l{ width:584px; height:auto; float:left; line-height:23px;}
.nei_about_l_t{ width:584px; height:120px; float:left; margin-bottom:15px;}
.nei_about_l_t_b{ width:584px; height:35px; float:left; border-bottom:#DBDBDB 1px solid; font-size:18px; list-style-type:none; text-align:left; line-height:35px; margin-bottom:15px;}
.nei_about_l_t_b a{font-size:18px; list-style-type:none; }
.nei_about_l_t_n{ width:574px; height:auto; float:left; padding:5px 5px; margin-bottom:10px;}

.title{ width:560px; height:40px; float:left;}
.title h1{ width:560px; height:40px; line-height:25px; float:left; text-align:center; font-size:18px; font-weight:bold;}


.nei_about_r{ width:220px; height:auto; float:right;}
.nei_about_r_t{ width:198px; height:22px; float:left; background:#E8E8E8; border: solid 1px #DBDBDB; padding:10px 10px; margin-bottom:10px;}
.nei_about_r_t_n{ width:198px; height:22px; float: left;}
.nei_about_r_t_n1{ width:147px; height:22px; background:#FFFFFF; float:left;}
.nei_about_r_t_n2{ width:51px; height:22px; float:left;}

.nei_about_r_p{ width:198px; height:auto; float:left; background:#E8E8E8; border: solid 1px #DBDBDB; padding:10px 10px;}
.nei_about_r_p_t{ width:198px; height:35px; float:left; border-bottom: solid 1px #DBDBDB; font-size:16px; text-align:left; list-style-type:none; line-height:35px; margin-bottom:10px;}
.nei_about_r_p_t_f{ width:198px; height:auto; float:left;}
.nei_about_r_p_t_f li{ width:198px; height:23px; float:left; line-height:23px; text-align:left; list-style-type:none;}
.nei_about_r_p_t_f li a{ color:#333333;}
.nei_about_r_p_t_f li a:hover{ color:#FFFFFF; background:#03544B; display:block;}

.nei_p{ width:584px; height:auto; float:left; margin-bottom:12px;}
.nei_p li{ width:580px; height:26px; float:left; list-style-type:none; background:url(/images/dian.png) left no-repeat; padding-left:5px;}
.nei_p li a{ width:480px; height:26px; line-height:26px; float:left;color:#000000}
.nei_p li a:hover{ color:#FF0000}
.nei_p li a span{ width:90px; height:26px; line-height:26px; color:#999999}
.nei_product{ width:178px; height:155px; float:left; margin-right:16px;}
.nei_product_t{ width:178px; height:120px; float:left; border:#CCCCCC 1px solid; padding:2px 2px;}
.nei_product_t img{width:178px; height:120px; }
.nei_product_b{ width:178px; min-height:25px; float:left; line-height:25px; list-style-type:none; text-align:center;}
.nei_product_n{ width:584px; height:40px; float:left;}
.nei_product_n h1{ width:580px; float:left; line-height:40px; text-align:center; list-style-type:none; float:left; font-size:15px; color:#03544B;}

.nei_product_n_t{ width:584px; height:282px; float:left; text-align:center;}
.nei_product_n_x{ width:584px; height:auto; margin:10px 0px; float:left;}

.xia{ width:820px; height:auto; margin:0 auto;}
.chanp{ width:420px; height:auto; float:left;}
.chanp_t{  height:30px; line-height:30px; float:left; font-size:14px; font-weight:bold;}
.chanp_n{ width:420px; float:left; height:200px;}
.chanp_n li{ width:200px; height:25px; line-height:25px; float:left; padding-left:10px; background:url(/images/dian.png) left no-repeat; list-style-type:none; }

.xinw{ width:380px; height:auto; float:right;}
.xinw_n{ width:380px; height:200px; float:left;}
.xinw_n li{ width:370px; height:25px; overflow: hidden; line-height:25px; float:left; background:url(/images/dian.png) left no-repeat; list-style-type:none; padding-left:10px;}

.di{ width:820px; height:44px; margin:0 auto;background:#000000; line-height:44px; text-align:left; list-style-type:none; color:#FFFFFF; font-size:11px; padding-left:10px; clear:both;}
.di a{ color:#FFFFFF}
.shequa{ margin-top: 8px; float: right; margin-right: 10px;}
.pagination { width:550px; line-height:50px; padding-top:10px; float:left;margin-top:10px;text-align:center; color:#333333}
.pagination a {padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #fd7304;	text-decoration: none;color: #333333;}
.pagination a:hover, div.pagination a:active {padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #fd7304;}
.pagination span.current {padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #fd7304;font-weight: bold;background-color: #f0f0f0;color: #333333;}
.pagination span.disabled {padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #fd7304;color: #333333;}

@media only screen and (max-width:1100px ) {
	#wrapper{ bottom: 30px; }
}