@charset "gb2312";
/**
*   Made by cgq
**/

/*index.html==========================*/
body{  font-size:12px; font-family: Verdana, Geneva, sans-serif; background:#ffffff; max-width:640px; margin:0 auto;}
.clear { clear:both; border:0px; height:0px; width:0px; font-size:0px; overflow:hidden;}
.fl { float:left;}
.fr { float:right;}
 
.clear {LINE-HEIGHT: 0; CLEAR: both; overflow:hidden; font-size:0px;}

.aboutccc img{ display: none;}


.Nav{ width:40px; height:40px; line-height:40px; color:#FFF; float:right;text-align:center; cursor:pointer;}
.Nav img{ padding:0px; margin:3px; font-size:9px; vertical-align:top; float:left;}
.NavB { width:120px; height:auto; background-color:#000; color:#060; line-height:30px; float:right;margin-top:5px;filter:alpha(opacity=0); 
-moz-opacity:0; 
opacity:0; z-index:1; position:absolute; top:40px; right:-40px; display:none;}
.NavB li{ font-size:12px; text-align:center; border-bottom:1px #666 solid;}
.NavB li a{ color:#FFF;}


.container {width: 100%;text-align: left;margin: 0 auto;min-width: 320px;height: 100%;}
.box_main {min-width: 320px;margin: 0px auto;overflow: hidden;background-repeat: repeat;}



.mainhuan{ background: #000; color:#FFF; height:40px; line-height:40px; font-size:18px; padding-left:2%;}
.mainhuan span{ color:#F00;font-size:22px;}
.mainyin li{ width:30%; float:left; padding:1.6%}

/*header*/
.top {width: 100%;position: relative;}
.navigation {width: 100%;margin: 0 auto;}
.menu {width: 100%;display: block;background:#040000 ; }
.menu .navBody {height: 60px;overflow: hidden;margin: 0 0;}
.menu .navBody li {width: 32.8%;height: 30px;line-height: 30px;display: block; border-left:1px #999 solid;color: #ffefc4; border-bottom:1px #999 solid;color: #ffefc4;text-align: center;float: left;}
.menu .navBody li a {color: #FFF;text-decoration: none;width: 100%;height: 30px;display: block; font-weight:bold;}
.menu .navBody li a:hover {color:#FFF;text-decoration: none;width: 100%;height: 30px;display: block;}
 
/*main*/
.main { margin:0px; padding:0px;}
.banner { width:100%; height:50px;}


.clearfix1{ width:68%; height:25px; float:left; line-height:25px; border:0px; background: #fff; padding-left:2%; color:#999;}
.searchbtn{ width:10%; height:25px; line-height:25px;  color:#FFF; padding:0 20px; background:#000 url(../images/index_02.jpg) no-repeat center;}
 
.iabout { margin:10px; margin-bottom:10px; color:#000}
.iabout a{  color:#000;}
.title {width:auto; background: url(../images/index_29.jpg) no-repeat left top; height: 40px;line-height: 40px;color: #fff;font-size: 15px; padding-left:10PX; font-weight:bold;}
.title1{line-height: 35px;width: auto; border-bottom:1px solid #666;}
.title .more {line-height: 35px;float: right;width: auto;font-size: 11px;}
.title .more a {color: #ea0011;text-decoration: none; display:block; width:60px; height:25px;line-height: 25px; text-align:center; margin-top:8px; font-weight:100;}
 
.list_box {width: 100%;}
.about_text {width:100%;text-align: left;}
.about_text img{}
.about_text1{ text-align:left; color:#000000; line-height:28px; width:100%; margin:0 auto; font-size:14px; background: url(../images/index_50.jpg) no-repeat bottom;}
.about_text1 img{ float:left; width:45%; margin-right:10px;display:none;}

.ipro {}
.pro_list {width:100%; height:auto; margin-top:5px; margin-bottom:15px;}
.iprolist {width: 28%;height: auto;float: left;margin-right: 2.5%;margin-left: 2.5%; margin-top:10px;}
.pro_pic {margin:auto 0px; height:auto; border:1px #999 solid;}
.pro_intro { text-align:center; color:#666; padding-top:5px;}

.pro_list1 {width:100%; height:auto; background: #2d3e4e;}
.iprolist1 {width: 21%;height: auto;float: left;margin-right: 2%;margin-left: 2%;margin-top: 3%;margin-bottom: 1%; }
.pro_pic1 {margin:auto 0px; height:auto;padding-bottom:15px;}
.pro_intro1 { text-align:center; }
.main_news { width:98%; margin:0 auto; color:#000; min-height:140px;}
.main_news li{ line-height:30px; border-bottom:1px solid #666;}
.main_news  a{ color:#000;}
.main_news span{ float:right;}

.pro_list2 {width:100%; height:auto; margin-top:5px;}
.iprolist2 { width:30%; height:auto; float:left; margin-left:2.7%;}
.pro_pic2 {margin:auto 0px; height:auto; border:1px #666 solid; margin-bottom:0px;}
.pro_intro2 { text-align:center; color:#FFF;}



 
.inews { margin-top:5px;}
.service_list { }
.service_list dl {width: 100%;margin-bottom: 10px;}
.service_list dt {width: 100%;margin:10px 0px; border-bottom:1px #999 solid; padding-bottom:10px;}
.service_list dt span { float:right; color:#333333;}
.service_list dt a {font-size:16px;color: #000;text-decoration: none;text-align:center; line-height:80px;display: block; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}


.service_list1 {}
.service_list1 dl {width: 100%;margin-bottom: 10px;}
.service_list1 dt {width: 45%; height:37px; margin:5px 2.2%; float:left;  background:#fff url(../images/new2.jpg) no-repeat right;}
.service_list1 dt span { float:right; color:#333333;}
.service_list1 dt a {font-size:12px;color: #333;text-decoration: none; text-align:center; line-height:37px;display: block; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}




.share {clear: both;width: 100%;text-align: center;height: 40px;background: #573C35;display: block;padding-top: 5px;margin-top: 5px;}
.share .share_menu {width: 160px;margin: 0 auto;background: url(../images/share_bg.png) no-repeat left top;height: 36px;border: none;line-height: 36px;font-size: 16px;color: #fff;font-weight: bold;cursor: pointer;}
.share_box_bg {width: 100%;height: 100%;left: 0px;top: 0px;z-index: 1;position: fixed !important;display: block; background-image:url(../images/tmbj.png)}
.share_box {width: 320px;height: 220px;border: #3d3d3c solid 1px;z-index: 999;overflow: hidden;left: 50%;top: 40%;margin-left: -160px !important;margin-top: -120px !important;position: fixed !important;background: #efefef;}
.share_box .box_title {width: 320px;height: 36px;line-height: 36px;background: #4c4e52;border-bottom: #7a7b81 solid 1px;}
.share_box .box_title .name {width: 90px;float: left;color: #fff;font-size: 18px;font-weight: bold;padding-left: 10px;}
.share_box .box_title .close {width: 30px;float: right;text-align: center;padding-top: 2px;}
.share_box .share_nr {width: 280px;margin:auto;text-align: center; margin-top:18%;}
.share_box .share_nr a { display:inline-block; float:left; text-align:center; width:32%;}
.share_ico { width:70px; margin:auto;}
.share_name { width:70px;margin:auto;}
 
 
/**/
.body_footer {width: 100%;height: 50px; bottom: 0;background: #0e0e0e;border-top-width: 1px;border-top-style: solid;border-top-color: #000;}
.body_footer ul {width: 100%;height: 50px;}
.body_footer ul li {width: 24.5%;float: left;color: #fff; }
.body_footer ul li a {width: 100%;height: 50px;display: block;border-right-width: 1px;border-right-style: solid;border-right-color: #AAA; color:#FFF;}
.body_footer ul li a:link {width: 100%;height: 50px;display: block;border-right-width: 1px;border-right-style: solid;border-right-color: #AAA; color:#FFF; padding-top:3px;}
.body_footer ul li a:visited {width: 100%;height: 50px;display: block;border-right-width: 1px;border-right-style: solid;border-right-color: #AAA; color:#FFF;}
.body_footer ul li a:hover {width: 100%;height: 50px;display: block;border-right-width: 1px;border-right-style: solid;border-right-color: #AAA; color:#FFF;}
.body_footer ul li a:active {width: 100%;height: 50px;display: block;border-right-width: 1px;border-right-style: solid;border-right-color: #AAA; color:#FFF;}
 

.body_footer ul li dl {width: auto;margin: 0 auto;text-align: center;}
.body_footer ul li dt {width: auto;height: 25px;overflow: hidden;}
.body_footer ul li dd {width: auto;height: 20px;font-size: 12px;color: #fff;line-height: 20px;overflow: hidden;}




/*page*/
.pagelink{text-align: center;height:26px; line-height:26px;  margin:5px 0 5px 0; padding:0 10px; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.pagelink a, .pagelink span{ padding:0 3px; color:#000;}
.pagelink a.on, .pagelink a:hover{ color:#000;}

.pagenav { padding-top:15px;}

/**/
.news_con_title {width: 100%;line-height: 36px;text-align: center;border-bottom: #ccc dotted 1px;font-size: 16px; color:#666; font-weight:800;}
.date { text-align:center; color:#666;}
.info { color:#666; line-height:26px;}

.product_nr { width:96%; padding:0 2%;}