@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:126px; line-height:45px; background:#fff}
#top_line .top_main{ width:1120px; margin:auto; height:45px;line-height:45px; color:#303030;}
#top_line .top_main .logo{ width:178px; height:95px; margin-top:15px; float:left; overflow:hidden;}
#top_line .top_main .logo_word{ width:500px; float:left; margin-top:30px;}
#top_line .top_main .logo_word h1{ height:25px;}
#top_line .top_main .logo_word span{  font-size:14px; }
#top_line .top_main .top_list{ width:380px;height:72px; line-height:45px; float:right;}
#top_line .top_main .top_list a{ display:inline-block; width:58px; height:22px; line-height:22px; text-align:center; color:#fff; background:#b9b9b9; float:right; margin-top:20px; margin-left:5px;}
#top_line .top_main .top_list .cur{background:#01509f;}
#top_line .top_main .top_tel{ width:380px; font-size:24px; font-weight:bolder; text-indent:30px; text-align:right; height:40px;color:#c22e3c;}
#top_line .top_main .top_tel img{  margin-right:10px;}
#top_line .top_main .top_tel span{ color:#000;font-size:22px; }



#header{ width:100%; height:60px; line-height:60px; background:#efefef; border-bottom:2px solid #cb2a39; }
#header .menu{ width:1120px;margin:auto; height:60px; line-height:60px;}

#header .menu  ul li{ width:176px; height:30px; line-height:30px; font-size:14px; font-weight:bold; text-align:center; float:left; border-left:1px solid #666666; margin-top:12px; }
#header .menu  ul li:first-child{ width:115px;border:0px;text-align:left; }
#header .menu  ul li:last-child{ width:115px;text-align:right; }
#header .menu  ul li a{ display:inline-block; width:auto; color:#666666; }
#header .menu  ul .active a{background:#234584; border-radius:20px;padding:2px 20px; color:#fff;}
/*banner*/
#banner{width:1120px; margin:auto; overflow:hidden; }
.mainbanner{height:500px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:500px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:500px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:500px;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{ width:100%; height:580px;}
#product .product{ width:1120px; margin:auto; height:640px;}
#product .product .title{ width:100%;height:27px;background:url(../images/title_bg.png) no-repeat left center; text-align:left; margin-bottom:50px;margin-top:50px; }
#product .product .title h1{ width:auto; float:left;text-indent:20px; margin-right:10px; }
#product .product .title span{ display:block;width:auto;  height:27px; line-height:27px;float:left;  }
#product .product .title font{ display:block;width:700px;font-size:12px; height:13px; border-bottom:1px solid #ccc;float:right;margin-right:10px; }
#product .product .title a{ display:block;width:auto; height:27px; line-height:27px;float:right;  }
#product .product .picScroll-left{width:1102px; margin:auto;}
#product .product ul{ width:1120px; height:340px; overflow:hidden;}
#product .product ul li{ width:280px; height:340px; float:left; margin-left:0px;}
#product .product ul li:first-child{ margin-left:0px;}
#product .product ul li .img{ width:260px; height:280px; border:1px solid #ccc; display:table-cell; text-align:center; vertical-align:middle;}
#product .product ul li .img img{ width:250px; height:270px; vertical-align:middle;}
#product .product ul li .info{ width:260px; height:50px; line-height:50px; text-align:center; font-size:14px; margin-top:3px; }
#product .product .left{ clear:both; width:32px; height:32px; line-height:32px; text-align:center; border:1px solid #b5b5b5; float:left; margin-left:505px; margin-top:40px; cursor:pointer;}
#product .product .right{ width:32px; height:32px; line-height:32px; text-align:center; border:1px solid #b5b5b5; float:left; margin-left:26px; cursor:pointer;margin-top:40px;}


/*案例*/
#case{ width:100%; height:720px;background:#f3f3f3;}
#case .case{ width:1120px; margin:auto; height:640px;}
#case .case .title{ width:100%;height:27px;background:url(../images/title_bg.png) no-repeat left center; text-align:left; padding-bottom:50px;padding-top:50px; }
#case .case .title h1{ width:auto; float:left;text-indent:20px; margin-right:10px;}
#case .case .title span{ display:block;width:auto; font-size:12px; height:27px; line-height:27px;float:left;  }
#case .case .title font{ display:block;width:700px; height:13px; border-bottom:1px solid #ccc;float:right; margin-right:10px; }
#case .case .title a{ display:block;width:auto; height:27px; line-height:27px;float:right;  }

#case .case ul{ width:1120px; height:550px; overflow:hidden;}
#case .case ul li{ width:280px; height:273px; float:left; margin-left:0px; position:relative;}
#case .case ul li:first-child{ margin-left:0px;}
#case .case ul li .img{ width:279px; height:272px; }
#case .case ul li .img img{ width:279px; height:272px;}
#case .case ul li .info{ display:none; position:absolute;width:272px; height:272px; left:0; top:0;background:url(../images/case_bg.png) repeat-y; color:#fff; }
#case .case ul li:hover .info{ display:block;}
#case .case ul li .info .name{ width:80%; margin:20px auto; font-size:20px; font-weight:bolder;}
#case .case ul li .info .brief{ width:80%; margin:auto; height:180px; line-height:30px; overflow:hidden;}



/*公司简介*/
#about{ width:100%; height:495px; }
#about .about{ width:1120px; margin:auto; height:640px;}
#about .about .title{ width:100%;height:27px;background:url(../images/title_bg.png) no-repeat left center; text-align:left; margin-bottom:25px;margin-top:50px; }
#about .about .title h1{ width:auto; float:left;text-indent:20px;margin-right:10px; }
#about .about .title span{ display:block;width:auto; font-size:12px; height:27px; line-height:27px;float:left;  }
#about .about .title font{ display:block;width:700px; height:13px; border-bottom:1px solid #ccc;float:right; margin-right:10px; }
#about .about .title a{ display:block;width:auto; height:27px; line-height:27px;float:right;  }

#about .about .img{ width:500px; height:330px;  float:left;}
#about .about .img img{ max-width:500px; max-height:330px;}
#about .about .content{ width:567px; height:330px; float:right;}
#about .about .content .title_top{ width:100%; height:30px; line-height:30px; color:#01509f;}
#about .about .content .title_top h1{ width:100%; height:30px; line-height:30px; overflow:hidden;}
#about .about .content .brief{ width:567px; max-height:294px; line-height:30px; font-size:16px; margin:10px 0; overflow:hidden; }

/*新闻*/
#news{ width:100%; height:490px;background:#f3f3f3;}
#news .news{ width:1120px; margin:auto; height:490px;}
#news .news .title{ width:100%;height:27px;background:url(../images/title_bg.png) no-repeat left center; text-align:left; padding-bottom:25px;padding-top:25px; }
#news .news .title h1{ width:auto; float:left;text-indent:20px;margin-right:10px; }
#news .news .title span{ display:block;width:auto; font-size:12px; height:27px; line-height:27px;float:left;  }
#news .news .title font{ display:block;width:700px; height:13px; border-bottom:1px solid #ccc;float:right; margin-right:20px; }
#news .news .title a{ display:block;width:auto; height:27px; line-height:27px;float:right;  }

#news .news .content{}
#news .news .content .first_news{ width:400px; height:470px; float:left;  }
#news .news .content .first_news .name{ background:#fff;}
#news .news .content .first_news .name:hover{ background:#01509f; color:#fff;}
#news .news .content .first_news .name:hover a{ color:#fff;}
#news .news .content .first_news img{ width:400px; height:225px;  }
#news .news .content .first_news h2{ width:95%; margin:auto; height:30px; line-height:30px; margin-top:15px; padding-top:10px; overflow:hidden; }
#news .news .content .first_news h2 font{ display:inline-block;width:275px; height:30px; overflow:hidden;}
#news .news .content .first_news h2 span{ float:right; }
#news .news .content .first_news .detail{width:95%; margin:auto; height:80px; line-height:22px; overflow:hidden;  }
#news .news .content ul{ width:700px;  float:right; }
#news .news .content ul li{ width:314px; height:101px; background:#fff; margin-bottom:30px; margin-left:35px; float:left;}
#news .news .content ul li:hover{ background:#01509f;}
#news .news .content ul li:hover a{ color:#fff;}
#news .news .content ul li .name{ width:95%; margin:auto; font-weight:bolder; font-size:14px; margin-top:10px;}
#news .news .content ul li .name span{ display:inline-block; width:213px; height:25px; line-height:25px; overflow:hidden;}
#news .news .content ul li .name font{ float:right;}
#news .news .content ul li  .brief{ width:95%; margin:auto;height:40px; line-height:20px; margin-top:7px;overflow:hidden;}

/*.title_e h1{ width:205px !important;}
.title_e font{ width:722px !important;}

#case .title_e font{ width:742px !important;}

#about .title_e h1{ width:220px !important;}
#about .title_e font{ width:710px !important;}

#news .title_e h1{ width:170px !important;}
#news .title_e font{ width:782px !important;}*/
/*友情链接*/
#link{ width:1120px; height:auto; margin:auto; clear:both; margin-top:50px;}
#link ul li{ width:auto; height:31px; line-height:31px; float:left; margin-left:16px; }
#link ul li:first-child{ margin-left:0px;}

/*底部*/
#foot{ clear:both; width:1120px; margin:auto; height:320px; background:url(../images/foot_bg.jpg) no-repeat top center;  margin-top:50px;}
#foot .content{ width:1100px; height:320px; margin:auto; color:#fff; padding-top:30px; }
#foot .content .nei{ width:880px; float:left;}
#foot .content .qcode{ width:193px; height:auto; text-align:center; line-height:30px; float:right;}
#foot .content .qcode img{max-width:193px; max-height:195px;}
#foot .content .nei .img{ width:160px; height:95px; overflow:hidden; float:left;}
#foot .content .nei .words{ width:500px; float:left; margin-top:27px; margin-left:22px;}
#foot .content ul{ clear:both;  width:100%; margin-top:30px; }
#foot .content ul li{ height:auto; line-height:15px; margin-bottom:20px;font-size:14px; font-weight:bold; }
#foot .content ul li:first-child{ font-size:16px; }


.qq_right{ width:71px; min-height:185px; text-align:center; position:fixed; right:0px; top:200px; background:#626262; border-radius:20px 0px 0px 20px;}
.qq_right ul{ padding:20px 0; }
.qq_right ul li{ height:auto; margin-top:15px;  }
.qq_right ul li:nth-child(1){ margin-top:0px;}
.qq_right ul li:nth-child(2){display:none;}
.qq_right ul li:nth-child(3){display:none;}
.qq_right ul li:nth-child(4){display:none;}
.qq_right ul li:nth-child(5){display:none;}
.qq_right:hover ul li{ display:block;}

.wx_hide{ display:none;width:auto; min-height:auto;  position:fixed; right:71px; top:400px; }
.tel_hide{display:none; font-size:16px; padding:20px 20px;width:auto; height:40px; background:#fff;  position:fixed; right:71px; top:500px; }
.tel_hide span{ display:block; height:22px; line-height:22px;background:url(../images/top_tel.jpg) no-repeat left center; text-indent:25px;}
.tel_hide span:nth-child(2){ background:#fff; no-repeat left center; text-indent:25px;}

/*在线留言*/
.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:850px; height:30px; border:0px; }