@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:30px; line-height:30px; background:#f5f5f5; }
#top_line .top_main{ width:1200px; margin:auto; height:30px;line-height:30px;}
#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:90px; margin:auto; margin-top:20px;}
#logo .img{ width:393px; height:71px; float:left; }
#logo .img img{ max-width:393px; max-height:71px;}
#logo .top_phone{ float:right; width:auto; height:25px; line-height:25px;background:url(../images/top_phone.jpg) no-repeat left bottom; margin-top:10px; text-indent:25px; font-size:18px; padding-top:20px;}
#logo .top_phone span{ font-size:26px; font-weight:bolder; color:#ff0000; }


#menu{ width:100%; height:40px; background:#495879;}
#menu ul{ width:1200px; height:40px; margin:auto; }
#menu ul li{ width:147px; height:40px; line-height:40px; text-align:center; float:left; font-weight:bolder; font-size:14px; }
#menu ul .cur{ background:#0888ff;}
#menu ul li a{ color:#fff;}

/*banner*/
#banner{width:100%; overflow:hidden; }
.mainbanner{height:450px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:450px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:450px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:450px;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; }

/*搜索*/
#search{ width:100%; height:50px; background:#f5f5f5; }
#search .search{ width:1200px; margin:auto; height:50px; line-height:50px;  }
#search .search .s_words{ float:left; font-size:14px;color:#666666;}	
#search .search .s_words a{ color:#666666;}	
#search .search .keywords{ width:193px; height:25px; line-height:25px; border:1px solid #a6a6a6; float:left; margin-right:8px;}	
#search .search .submit{ width:26px; height:28px; cursor:pointer; float:left;background:url(../images/search.jpg) no-repeat center; border:0;}		
/*产品*/
#product{ width:1200px; margin:auto; height:550px; margin-top:40px;}
#product .product_menu{ width:287px;height:auto; float:left; background:#f5f5f5; padding-bottom:20px;}
#product .product_menu .title{ width:100%;height:67px; line-height:67px; color:#fff; font-size:22px; font-weight:bolder; background:url(../images/product_title.jpg) no-repeat center; text-align:center;}
#product .product_menu .title span{  font-size:16px; font-weight:normal;}
#product .menu_list{ width:100%;}
#product .menu_list li{ width:268px; margin:auto; height:43px; line-height:43px; background:#dadada; margin-top:10px; text-indent:20px;}
#product .menu_list li a{ display:block; width:100%; height:43px; background:url(../images/close.jpg) no-repeat 240px center; overflow:hidden;}
#product .menu_list li:hover{ background:#0888ff;}
#product .menu_list li a:hover{ background:url(../images/open.jpg) no-repeat 240px center; color:#fff;}

#product .prodcut_list{ width:860px; height:526px; overflow:hidden; float:right;}
#product .prodcut_list li{ width:258px; height:241px; float:left; margin-left:28px; margin-bottom:30px;}
#product .prodcut_list li .img{ width:258px; height:208px; display:table-cell; text-align:center; vertical-align:middle; border:1px solid #ccc; }
#product .prodcut_list li .img img{ max-width:100%; max-height:208px;vertical-align:middle;}

#product .prodcut_list li .info{width:100%; height:33px; line-height:33px; text-align:center; }
#product .prodcut_list li:hover .info{ background:#0888ff; color:#fff;}
/*公司简介*/
#about{ width:100%; height:520px; margin-bottom:60px; }
#about .title{ width:auto; margin:auto; text-align:center; color:#495879; height:50px;background:url(../images/title_bg.jpg) no-repeat bottom center; }
#about .about{ width:100%; height:452px; background:url(../images/about_bg.jpg) no-repeat center; margin-top:20px;}

#about .about .content{ width:1100px; height:384px; float:left; background:#f2f2f2; margin-top:37px;}
#about .about .content .title_top{ width:720px; height:30px; line-height:30px; color:#666666; margin-top:60px; margin-left:60px;}
#about .about .content .title_top h1{ width:100%; height:30px; line-height:30px; overflow:hidden;}
#about .about .content .brief{ width:720px; max-height:150px; line-height:30px; font-size:14px; margin:10px 0; margin-left:60px; overflow:hidden; color:#666666; }
#about .about .content .more{ display:block; margin-left:60px;  width:81px; height:26px; background:url(../images/more.jpg) no-repeat ;}
#about .about .img{ width:383px; height:383px; position:absolute; right:0px; top:10px;}
#about .about .img img{ max-width:383px; max-height:383px;}





/*解决方案*/
#case{ width:1200px; margin:auto; height:440px;}
#case .title{ width:auto; margin:auto; text-align:center; color:#495879; height:50px;background:url(../images/title_bg.jpg) no-repeat bottom center; }

#case .case{ height:100%; height:350px; margin-top:50px; margin-bottom:60px;}
#case .case li{ width:291px; height:167px; float:left; position:relative;margin-left:20px;margin-bottom:14px;}
#case .case li:first-child { width:578px; height:348px; margin-left:0px;}
#case .case li img{ width:291px; height:167px; }
#case .case li:first-child img{ width:578px; height:348px; }
#case .case li .img_bg{ position:absolute; left:0px; top:0px; display:none; width:100%; height:100%; background:url(../images/bg1.png) repeat;  }
#case .case li:hover .img_bg{ display:block; text-align:center; }
#case .case li .img_bg img{ width:85px; height:36px; margin-top:64px;}
#case .case li:first-child .img_bg img{ margin-top:164px;}


/*新闻*/
#news{ width:1200px; height:320px;margin:auto; margin-top:30px;}

#news .honor{ width:626px;  height:320px; float:left;}
#news .honor .title{ width:100%;  height:35px; border-bottom:1px solid #ccc;}
#news .honor .title span{ display:inline-block; width:auto; padding:0 20px;  height:35px; line-height:35px;border:1px solid #ccc; font-size:16px; font-weight:bolder; color:#0888ff; text-align:center; border-bottom:0; background:#fff;}
#news .honor .title a{ display:inline-block; line-height:35px; float:right; color:#3a9a9a9;}
#news .honor .picScroll-left{ width:100%; margin-top:20px; position:relative;}
#news .honor .picScroll-left .prev{ width:15px; height:26px; position:absolute; left:3px; top:88px; background:url(../images/left.png) repeat; overflow:hidden;}
#news .honor .picScroll-left .next{ width:15px; height:27px;  position:absolute;right:0px; top:88px;background:url(../images/right.png) repeat;overflow:hidden;}

#news .honor ul{ width:600px;height:225px;}
#news .honor ul li{ width:200px; height:225px; float:left; text-align:right;}
#news .honor ul li:first-child{ margin-left:0px;}
#news .honor ul li img{ width:170px; height:225px;}

#news .news{ width:515px;  height:320px; float:right;}
#news .news .title{ width:100%;  height:35px; border-bottom:1px solid #ccc;}
#news .news .title span{ display:inline-block; width:auto; padding:0 20px;  height:35px; line-height:35px; font-size:16px; font-weight:bolder; color:#495879; text-align:center; cursor:pointer; }
#news .news .title .cur{ display:inline-block; width:auto; padding:0 20px;  height:35px; line-height:35px;border:1px solid #ccc; font-size:16px; font-weight:bolder; color:#0888ff; text-align:center; border-bottom:0; background:#fff;}
#news .news .title a{ display:inline-block; line-height:35px; float:right; color:#0da9ff;}
#news .news ul{ display:none; }
#news .news ul li{ width:100%; height:52px; font-size:14px; font-weight:bolder; border-bottom:1px solid #ccc; margin-top:10px; overflow:hidden; }
#news .news ul li font{ display:inline-block; width:50px; height:35px; line-height:38px; text-align:center; font-size:20px; font-weight:bolder; color:#a9a9a9; border-right:1px solid #ccc;}
#news .news ul li a{ display:inline-block; width:340px; height:35px; line-height:35px; }
#news .news ul li span{ float:right;line-height:35px;}
#news .news ul li:hover span{ color:#0888ff; }
#news .news ul li a:hover{ color:#0888ff; }

/*友情链接*/
#link{ width:100%; height:38px; line-height:38px;border-bottom:1px solid #ccc; margin-top:5px;}
#link .title{ float:left; width:145px;height:24px; margin-top:5px;background:url(../images/link.jpg) no-repeat;}
#link ul{ float:left; height:38px;}
#link  ul li{ width:auto; height:38px; line-height:38px; float:left; margin-left:15px; font-size:14px; font-weight:bolder;     }
#link  ul li a{color:#6f6f6f;}

/*底部*/
#foot{ clear:both; width:100%; height:325px; background:#f5f5f5;  margin-top:30px; border-top:1px solid #000;}
#foot .content{ width:1200px; height:288px; margin:auto; }
#foot .content .nei{ width:860px; float:left; margin-top:40px;}
#foot .content .qcode{ width:139px; height:140px; text-align:center; line-height:20px; float:left; margin:0 110px; }
#foot .content .qcode img{max-width:139px; max-height:140px;}


#foot .content .nei ul{ width:auto;margin-right:20px;  float:left; }
#foot .content .nei ul li{ height:auto; font-weight:bolder; margin-bottom:20px; font-size:14px;color:#666666 }
#foot .content .nei ul li a{color:#666666; }
/*在线留言*/
#foot .content .liuyan{ width:340px; height:247px; float:right; background:#d1d1d1; margin-top:34px;}
#foot .content .liuyan input{ width:215px; height:27px; line-height:27px; border:0px; border:1px solid #939393; background:none; }
#foot .content .liuyan font{ color:#F00; margin-left:5px; float:right;}
#foot .content .liuyan .submit{ width:47px;height:20px; line-height:20px; text-align:center; background:#0888ff; color:#fff; border:0px; margin-left:36px; margin-right:10px;}
#foot .content .liuyan .reset{ width:47px;height:20px; line-height:20px; text-align:center; background:#f5f5f5; color:#666666; border:0px; }


.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:800px; height:30px; border:0px; }