@charset "utf-8";
/* CSS Document */

html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#303030; background:#fff; font-family:"Microsoft Yahei"; overflow:hidden; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#555; }
a:hover { text-decoration:none;  }
ul{ margin:0px; padding:0px;}
ul li{ list-style-type:none;}

input,textarea{ font-family:"Microsoft Yahei"; font-size:12px; color:#555; }
.pink{ color:#670404;}
.clear{ clear:both; width:100%; height:1px;}

/*头部*/
#top_line{ width:100%; height:38px; line-height:38px; border-bottom:1px solid #ccc;}
#top_line .top_main{ width:1200px; margin:auto; height:38px;line-height:38px;}
#top_line .top_main .welcome{ width:50%;  float:left; overflow:hidden;}
#top_line .top_main .top_list{ width:50%; text-align:right; float:right; }

#logo{ width:1200px; height:100px; margin:auto; margin-top:20px;}
#logo .img{ width:420px; height:66px; float:left; }
#logo .top_phone{ float:right; width:auto; height:55px;background:url(../images/top_phone.jpg) no-repeat left center; margin-top:10px; }
#logo .top_phone span{ display:block; margin-left:52px; margin-top:5px; }
#logo .top_phone span h1{ color:#fa9721; font-size:28px;}

#menu{ width:100%; height:59px; background:url(../images/menu_bg.jpg) repeat-x;}
#menu ul{ width:1200px; height:59px; margin:auto; }
#menu ul li{ width:130px; height:59px; line-height:59px; text-align:center; float:left; font-weight:bolder; font-size:14px; }
#menu ul .cur{ background:#fa9721;}
#menu ul li a{ color:#fff;}

.search{ width:1200px; height:50px; line-height:50px; margin:auto;}
.search .keywords{ float:left;}
.search .tijiao{ float:right; margin-top:10px;}
.search .tijiao .keyword{ float:left; border:1px solid #ccc; width:215px; height:27px; line-height:27px; background:#fafafa; text-indent:5px; color:#7b7b7b;}
.search .tijiao .submit{ float:left; cursor:pointer; border:0px; width:41px; height:31px;background:url(../images/search.jpg) no-repeat left center;}
/*banner*/
#banner{width:100%; overflow:hidden; }
.mainbanner{height:478px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:478px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:478px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:478px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{ width:300px; height:20px; position:absolute; bottom:20px; left:50%; list-style:none; margin:0 0 0 -45px; padding:0;  }
.mainbanner_list li{width:20px;height:20px; float:left; margin:0; margin-right:15px; overflow:hidden; }
.mainbanner_list a{ width:100%;height:20px; margin:0; background:url(../images/h1.png) no-repeat center center; overflow:hidden;float:left;}
.mainbanner_list li.active a,.mainbanner_list li a:hover{ background:url(../images/h2.png) no-repeat center center; }
		
/*推荐产品*/
#product_tui{ width:100%; height:572px; background:url(../images/product_tui.jpg) no-repeat center;}
#product_tui .product_tui{ width:1200px; margin:auto;}
#product_tui .product_tui .title{ width:100%; height:60px; line-height:60px; border-bottom:2px solid #aeaeae; text-align:center; padding-top:30px;}
#product_tui .product_tui .title h1{ color:#0467c2; width:176px; height:60px; font-size:30px; border-bottom:2px solid #0467c2; margin:auto;}
#product_tui .product_tui .title h1 font{ display:inline-block; width:auto; border-bottom:2px solid #fa9721; }

#product_tui .product_tui .title_e{ width:100%; text-align:center; height:30px; line-height:30px; color:#8f8f8f; font-size:14px; font-weight:200; margin-bottom:50px; }
#product_tui .product_tui ul { width:100%; height:248px;}
#product_tui .product_tui ul li{ width:260px; height:248px; margin-right:53px; float:left;}
#product_tui .product_tui ul li:last-child{ margin-right:0px;}
#product_tui .product_tui ul li .img{ display:table-cell;width:260px; height:216px; vertical-align:middle; text-align:center; background:#fff; }
#product_tui .product_tui ul li .img img{max-width:260px; max-height:216px; vertical-align:middle; }
#product_tui .product_tui ul li .detail{ height:30px; line-height:30px; font-weight:bold;}
#product_tui .product_tui ul li .detail .name{ width:200px; float:left; overflow:hidden;}
#product_tui .product_tui ul li .detail .more{ float:right; color:#f2b061; }
#product_tui .product_tui .zhidao{ width:380px; margin:45px auto;}
#product_tui .product_tui .zhidao .wc{ float:left;width:260px; height:35px; line-height:35px; text-align:center; background:#0467c2; color:#fff;}
#product_tui .product_tui .zhidao .view{ display:block; float:left; width:115px; height:35px; line-height:35px; text-align:center; background:#fa9721; color:#fff;}
/*产品*/
#product{ width:1200px; margin:auto; height:1165px;}
#product .product_left{ clear:both; width:230px; height:auto; float:left;margin-top:40px;}
#product .product_left .product_top{clear:both; width:230px; height:72px; }
#product .product_left .product_center{ width:230px; background:url(../images/product_center.jpg) repeat-y; min-height:50px;padding-bottom:20px;}
#product .product_left .product_center li{width:200px; height:auto; margin:auto;}
#product .product_left .product_center li h2{width:100%; height:25px; line-height:25px; background:url(../images/nav_title.jpg) no-repeat left center; text-indent:25px;  margin:20px 0;}
#product .product_left .product_center li:first-child h2{ margin-top:0px;}
#product .product_left .product_center li:last-child h2{ margin-bottom:0px;}
#product .product_left .product_center li h2 a{color:#0467c2; }
#product .product_left .product_center li .second a{ display:block; height:30px; line-height:30px; text-indent:5px; overflow:hidden;}
#product .product_left .product_bottom{clear:both; width:230px; height:32px;  }

#product .product_right{ width:915px; height:auto; float:right; margin-top:40px;}
#product .product_right .product_title{ width:100%; height:49px; line-height:49px; background:#efefef;}
#product .product_right .product_title a{ float:right; margin-right:20px; font-size:18px;}
#product .product_right ul{ margin-top:20px;}
#product .product_right ul li{ position:relative; width:289px; height:206px; float:left; margin-right:20px; border:1px solid #ccc; margin-bottom:20px;}
#product .product_right ul li:nth-child(3n){margin-right:0px;}

#product .product_right ul li .img{ display:table-cell; vertical-align:middle; text-align:center;width:289px; height:175px;}
#product .product_right ul li .img img{vertical-align:middle;max-width:289px; max-height:175px;}
#product .product_right ul li .name{ width:100%; height:32px; line-height:32px; margin:auto; background:#ccc; text-align:center; overflow:hidden;}
#product .product_right ul li .view{ width:100%; height:100%; background:#000; position:absolute; left:0px; top:0px; display:none;background:url(../images/product_info.png) no-repeat center;}
#product .product_right ul li:hover .view{ display:block;}

/*广告位*/
.ad{ width:100%; height:215px;}


/*公司简介*/
#about{ width:1200px; margin:auto; height:345px; margin-top:20px; margin-bottom:30px; }
#about .title{ width:100%; height:44px; line-height:44px; background:#efefef;}
#about .title a{ float:right; margin-right:20px; font-size:18px;}

#about .img{ width:353px;  height:251px; float:left;margin-top:30px;}
#about .img a{ width:353px;  height:251px; display:table-cell; vertical-align:middle; text-align:center; border:1px solid #ccc;}
#about .img a img{ max-width:344px;  max-height:241px;  vertical-align:middle; }

#about .detail{ width:816px;  height:186px; float:right; margin-top:30px;}
#about .detail h1{ width:100%;  height:30px; color:#0467c2;}
#about .detail .brief{ width:100%;  height:177px; line-height:25px; overflow:hidden;}

#about .zhidao{ width:380px; margin-top:10px;}
#about .zhidao .wc{ float:left;width:260px; height:35px; line-height:35px; text-align:center; background:#0467c2; color:#fff;}
#about .zhidao .view{ display:block; float:left; width:115px; height:35px; line-height:35px; text-align:center; background:#fa9721; color:#fff;}
/*新闻*/
#news{ width:1200px; margin:auto; height:415px; }
#news .news{ width:700px; height:390px; float:left;border:1px solid #ccc;}
#news .news .title{ width:100%; height:45px; background:#eeeeee; }
#news .news .title .news_nav{ display:inline-block; float:left; width:140px; height:45px; line-height:45px; text-align:center; font-size:20px;}
#news .news .title .cur{ background:#0467c2; color:#fff;}
#news .news .title .more{ display:inline-block;  font-size:16px; height:45px; line-height:45px;float:right; margin-right:10px;}

#news .news ul { clear:both;width:95%; margin:auto; display:none; margin-top:10px;}
#news .news ul li{ clear:both;width:100%; height:30px; line-height:30px; border-bottom:1px dashed #ccc;background:url(../images/news_bg.jpg) no-repeat left center; text-indent:10px;}
#news .news ul li:first-child{width:100%; height:156px; border:0px; background:none; text-indent:0px; margin-bottom:10px;}
#news .news ul li .img{ width:230px; height:156px; display:table-cell; vertical-align:middle; text-align:center; border:1px solid #ccc;}
#news .news ul li .img img{width:226px; height:153px;vertical-align:middle;}
#news .news ul li .detail{ width:420px; float:right;}
#news .news ul li .detail .name{ width:100%; font-size:16px; font-weight:bolder; height:30px; overflow:hidden;}
#news .news ul li .detail .brief{ width:100%;height:90px; overflow:hidden;}
#news .news ul li .detail .view{ margin-bottom:10px;}
#news .news ul li .news_a{ display:inline-block; width:550px;overflow:hidden;}
#news .news ul li .date{ float:right;}


/*常见问题*/
#news .problem{ width:450px; height:390px; float:right; border:1px solid #ccc;}
#news .problem .title{ width:100%; height:45px; background:#eeeeee; }
#news .problem .title .problem_nav{ display:inline-block; float:left;background:#0467c2; color:#fff; width:140px; height:45px; line-height:45px; text-align:center; font-size:20px;}
#news .problem .title .more{ display:inline-block;  font-size:16px; height:45px; line-height:45px;float:right; margin-right:10px;}
#news .problem ul{ clear:both;}
#news .problem ul li{ width:90%; margin:auto; height:100px; border-bottom:1px dashed #ccc; margin-bottom:10px;}
#news .problem ul li .question{ clear:both; margin:10px 5px; display:block; background:#f37215; color:#fff; width:20px; line-height:20px; height:20px; text-align:center; float:left; overflow:hidden;}
#news .problem ul li .answer{ clear:both;margin:10px 5px; display:block; background:#66b832; color:#fff; width:20px; line-height:20px; height:20px; text-align:center; float:left; overflow:hidden;}
#news .problem ul li a{ display:block;margin:10px 5px;width:362px; height:20px; line-height:20px;float:left; overflow:hidden;}
#news .problem ul li .answer_a{ height:40px; line-height:20px; overflow:hidden;}

/*友情链接*/
#link{ clear:both; width:1200px; height:auto; margin:auto; clear:both; margin-top:10px;}
#link .title{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ccc; font-size:20px; font-weight:bolder;}
#link .title span{ display:inline-block; height:50px; color:#000; border-bottom:1px solid #0467c2;}
#link .title font{ color:#0467c2;}
#link ul{ margin:20px 0;}
#link ul li{ width:auto; font-size:14px; height:31px; line-height:31px; float:left; margin-left:16px; }
#link ul li:first-child{ margin-left:0px;}

/*底部*/
.bottom_menu{ clear:both; width:100%; height:60px; line-height:60px; margin-top:10px; background:#0467c2;}
.bottom_menu ul{ width:1200px; margin:auto; height:60px;}
.bottom_menu ul li{ width:120px; height:60px; line-height:60px; float:left; font-size:14px;}
.bottom_menu ul li a{ color:#fff;}

#foot{ clear:both; width:1200px; margin:auto; height:215px; margin-top:20px;}
#foot ul{ width:575px; float:left; }
#foot ul li{ width:100%; height:30px; line-height:30px; font-size:14px; color:#565656; }
#foot ul li img{ margin-right:50px; margin-top:20px; }
#foot .img{ float:left; }
#foot .qcode{ width:147px; text-align:center; line-height:30px; float:right; }



/*在线留言*/
.message{ width:100%; height:auto;}
.message li{ width:100%; font-size:14px; height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.message li input{ width:830px; height:30px; border:0px; }