﻿/* 通用默认样式-------------------------------------- */
body {background-color:#ffffff; margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
td {font-family:'宋体';font-size: 12px;color:#454545;line-height:24px;WORD-WRAP: break-word}
div {font-family:'宋体';font-size: 12px;color:#454545;line-height:24px;WORD-WRAP: break-word}
A:link   {font-family:'宋体';font-size:12px;color:#454545;text-decoration: none;}
A:visited{font-family:'宋体';font-size:12px;color:#454545;text-decoration: none;}
A:hover  {font-family:'宋体';font-size:12px;color:#ff0000;text-decoration: none;}
A:active {font-family:'宋体';font-size:12px;color:#ff0000;text-decoration: none;}
p{ padding:0; margin:0;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

.top{ width:100%; height:165px; float:left; background:url(../images/top_bg.jpg) top repeat-x;}
.top .topbox{ width:960px; height:165px; margin:0 auto;}
.top .topbox .logo{ width:960px; height:116px; margin:0 auto;}
.top .topbox .logo .left{ width:600px; height:116px; float:left; background:url(../images/logo.jpg) top left no-repeat;}
.top .topbox .logo .right{ width:360px; height:116px; float:right;  background:url(../images/top_tel.jpg) 108px 60px no-repeat;}
.top .topbox .logo .right p{ text-align:right; padding-top:38px;}
.top .topbox .menu{ width:100%; height:39px; float:left;}
.top .topbox .menu .navigation {LIST-STYLE-TYPE: none; width:957px; height:39px; margin:0px; padding:0px; float:left;}
.top .topbox .menu .navigation LI {FLOAT: left; POSITION: relative; TEXT-ALIGN: center;margin:0px; width:135px; list-style-type:none;}
.top .topbox .menu .navigation LI A:link   ,.navigation LI A:visited{display:block; font-family:'微软雅黑'; font-size:14px; color:#ffffff; text-align:center; text-decoration:none; line-height:39px;}
.top .topbox .menu .navigation LI A:hover  ,.navigation LI A:active {color:#000000; background:url(../images/nav_bg.jpg) top center no-repeat;}
.top .topbox .menu .navigation .hot A{color:#000000; background:url(../images/nav_bg.jpg) top center no-repeat;}
.top .topbox .menu .navigation .hot A:hover {color:#000000; background:url(../images/nav_bg.jpg) top center no-repeat;}
.top .topbox .menu .navigation .line_ge{ height:39px; width:2px; float:left; background:url(../images/nav_ge.jpg);}

.banner{ width:100%; float:left; text-align:center; background:#dfe8f0;}
.bannerbox{ width:1004px; height:327px; margin:0 auto;}

.middle{ width:100%; padding-top:15px; float:left; }
.middle .middlebox{ width:960px; margin:0 auto;}
.in_about{ width:960px; float:left;}
.title{ width:100%; float:left; height:33px; background:url(../images/company_t_bg.jpg);}
.title .inco{ width:40%; padding-left:26px; float:left; line-height:33px; background:url(../images/company_t_point.jpg) 5px 9px no-repeat; font-size:14px;  color:#000; font-family:'微软雅黑';}
.title .more{ width:40%; float:right; line-height:33px; text-align:right; padding-right:10px; font-size:12px; font-family:'宋体';}
.title .more a{ width:40%; float:right; line-height:33px; text-align:right; font-size:12px; font-family:'微软雅黑';}
.in_about .in_about_left{ width:473px; height:258px; float:left; border:1px solid #dddddd; overflow:hidden; margin-right:10px;}
.in_about .in_about_left .con{ width:433px; padding-left:15px; padding-top:7px; float:left; text-align:left; }
.in_about .in_about_left .con img { float:left; width:171px; height:135px; border:0px; margin-right:10px; margin-top:4px;}

.in_about .in_news_left{ width:473px; height:258px; float:left; border:1px solid #dddddd; overflow:hidden;}
.in_about .in_news_left .con{ width:453px; float:left; padding-left:10px; padding-top:10px;}
.in_about .in_news_left .con li{ float:left; width:433px; height:28px; overflow:hidden; line-height:30px; list-style-type:none; border-bottom:1px dotted #CCCCCC;
 background:url(../images/news_title.jpg) 1px 7px no-repeat; padding-left:20px;}
 .in_about .in_news_left .con li a{ float:left; display:block;width:300px;}
 .in_about .in_news_left .con li span{ float:right; text-align:right; color:#999; font-family:Arial, Helvetica, sans-serif;}

.in_about_right{ width:220px; height:267px; overflow:hidden; float:right;}
.in_about_right .con_title{ width:220px; height:34px; background:url(../images/in_con_bg.jpg);}
.in_about_right .con_title p{font-size:14px; float:left;  color:#fff; font-family:'微软雅黑'; line-height:34px; padding-left:10px; text-align:left; width:40%; }
.in_about_right .con_title span a{ float:right; text-align:right; width:30%;color:#fff;line-height:34px; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-right:10px;}
.in_about_right .con{ width:198px; height:221px; padding:10px 10px 0 10px;  border:1px solid #dddddd; float:left; font-size:14px; line-height:26px;}
.in_about_right .con .red{ color:#FF0000; font-weight:bold;}

.in_news{ width:960px; float:left; padding-top:15px;}


.in_pro{ width:960px; float:left; padding-top:15px;}
.in_pro .in_pro_show{ width:728px; height:265px; float:left; border:1px solid #dddddd; overflow:hidden;}
.in_pro .in_pro_show .gundong{width:708px; padding-left:10px; float:left;}
.in_pro .in_pro_show .gundong .gundong_demo{OVERFLOW: hidden; WIDTH:708px; COLOR: #ffffff; HEIGHT:227px;  margin-top:15px;}
.in_pro .in_pro_show .gundong .gundong_demo .propic{width:160px; height:160px; padding:10px; margin:0 8px; border:1px solid #CCCCCC;}
.in_pro .in_pro_show .gundong .gundong_demo .propic img{ width:160px; height:160px; border:0px;}
.in_pro .in_pro_show .gundong .gundong_demo p{ line-height:30px;}

.foot{ width:100%; float:left; background:url(../images/foot_bg.jpg) top repeat-x; background-color:#fff; margin-top:15px;}
.foot .footbox{ width:960px; margin:0 auto; text-align:center;}
.foot .footbox .footmenu{ width:960px; height:42px; float:left; line-height:46px; overflow:hidden;}
.foot .footbox .footlink{ width:960px; height:42px; float:left; line-height:44px; overflow:hidden;}
.foot .footbox .copyright{ width:960px; float:left; font-family:Arial, Helvetica, sans-serif,'宋体'; padding:10px 0 3px;}

.about{ width:960px; float:left;}
.about .aboutleft{ width:223px; float:left;}
.about .aboutleft .con_title{ width:208px; height:34px; background:url(../images/in_con_bg.jpg);}
.about .aboutleft .con_title p{font-size:14px;  color:#fff; font-family:'微软雅黑'; line-height:34px; padding-left:26px;}
.about .aboutleft .con{ width:186px; padding:10px;  border:1px solid #dddddd; float:left;}
.about .aboutleft .con .red{ color:#FF0000; font-weight:bold;}
.leftpro{ width:186px; float:left;}
.leftpro li{ list-style:none;}
.leftpro li a{ width:151px; height:35px; line-height:35px; padding-left:35px; font-size:14px; float:left; background:url(../images/leftpro_bg.jpg) no-repeat; display:block; margin-bottom:5px; margin-top:5px;}
.leftpro_ul{width:186px; float:left;}
.leftpro_ul li a{background:url(../images/left_pro2.jpg) no-repeat; margin-top:0px; font-size:12px;}

.left_product{ width:208px; float:left;}
.left_contact{ width:208px; float:left;padding-top:10px;}

.about .aboutright{ width:735px; float:right; border:1px solid #dddddd;}
.about .aboutright .text{ width:705px; padding:15px; text-align:left; float:left; line-height:30px;
height:auto!important;
height:500px;
min-height:500px;
}

.news{ width:698px; float:left;}
.news li{ float:left; width:698px; height:32px; list-style-type:none; border-bottom:1px dotted #CCCCCC;}
.news li .news_left{ background:url(../images/news_title.jpg) 1px 9px no-repeat; padding-left:20px; padding-top:2px; width:580px; float:left;}
.news li .news_right{ width:98px; float:right; text-align:right; line-height:32px; color:#999; font-family:Arial, Helvetica, sans-serif;}

.newsview_title{width:100%; float:left; line-height:24px; padding-bottom:5px; border-bottom:1px dotted #cccccc; text-align:center; font-size:14px;}
.newsview_title span{ width:100%; float:left; text-align:center; line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif,'宋体'; color:#666;}
.newsview_con{ width:100%; float:left; text-align:left; padding-top:15px;}

.product { width:100%; float:left; text-align:left;}
.product li{ margin:0px; list-style-type:none; height:232px; width:230px; margin-top:10px; float:left;}
.product li .pro{float:left; border:1px #dddddd solid; width:210px; height:200px;}
.product li .view{ width:202px; float:left; line-height:30px; text-align:center;}

.product_name{width:100%; float:left; line-height:30px; font-size:16px; font-weight:bold; text-align:center; padding-top:10px;}
.product_pic{width:100%; float:left; text-align:center;}
.product_icon{width:698px; float:left; height:26px; list-height:26px; border-top:1px dotted #999; font-size:14px; color:#006699; padding-top:10px; margin:20px 0; text-align:center;}
.product_con{width:698px; float:left; overflow:hidden; padding-top:10px;}


.pages{ width:100%; float:left; padding-top:30px; padding-bottom:20px;}
.pages span{ display:block; height:20px; float:left; line-height:19px;}
.pages .page,.pages .pageon{ border:1px solid #999; margin-right:3px;color:#626262; font-size:12px; vertical-align:middle;color:#000000}
.pages .page a:link,.pages .page a:visited{ color:#000; display:block;  height:100%; padding:0px 6px; float:left}
.pages .page a:hover,.pages .page a:active{ color:#fff; background:#1978c8}
.pages .pageon{color:#fff; background:#1978c8;display:block; padding:0px 6px; margin-right:3px;}
.pages .page2{display:block; padding:0px 6px;border:1px solid #999; margin-right:10px;margin-left:10px;  }
.pages .page1{}
.pages .page1 input{ height:20px;height:20px;border:1px solid #999; background:none; color:#717171; font-size:11px}
.pages .page1 #pages{ width:30px; height:18px;border-right:0px ; text-align:center; margin-left:10px}