﻿@charset "utf-8";
/* 全局  */
html,body,div,p,ul,li,table,tr,td,img,h4,form{ border:none; margin:0; padding:0; font-size:12px; font-family:"宋体",''}
a{ text-decoration:none; color:#000;}
ul{ list-style-type:none;}
body{ background:url(../document/JPG/bodybg.jpg) repeat-x #1c538c}
.bg{ width:100%; overflow:hidden; background:url(../document/JPG/bg.jpg) no-repeat center top}

/*   顶部    */
.top{ width:980px; height:130px; overflow:hidden; margin:0 auto;}
.top .logo{ width:573px; height:79px; background:url(../document/PNG/logo.png); float:left; margin-left:24px; margin-top:30px; display:inline}
.top .top2{ width:123px; height:19px; background:url(../document/PNG/top.png); float:right; margin-bottom:8px }
.top .top2 .sc{ width:52px; height:14px; display:block; float:left; margin-top:3px; margin-left:3px; display:inline}
.top .top2 .sy{ width:52px; height:14px; display:block; float:left; margin-top:3px; margin-left:15px; display:inline}
.top .search{ width:155px; height:20px; background:url(../document/PNG/asd1.png) right no-repeat; float:right; }
.top .search .tb1{ width:115px; height:20px; background:none; border:none; float:left; margin-left:10px; display:inline}
.top .search .bt1{ width:26px; height:20px; background:none; border:none; float:left;}

/*   底部   */
.foot{ width:980px; margin:0 auto; background:url(../document/JPG/footfenge.jpg) top center no-repeat #fff}
.foot p{ color:#333; text-align:center; padding-top:18px; padding-bottom:25px; line-height:24px}
.foot a{ color:#333;}
.foot a:hover{ color:#f00;}

/*  分页    */
.div_page{ float:left; display:inline; width:735px; padding-bottom:20px; padding-top:11px; white-space:nowrap; font-size:12px; color:#404040; text-align:center; display:inline}
.div_page input{width:30px; border:solid 1px #D7D7D7; background:#fff; color:#404040; text-align:center; height:22px; line-height:22px;}
.div_page button{ background: url("../images/common.png") no-repeat scroll 0 0 transparent; color:#404040; border-radius: 4px 4px 4px 4px; cursor: pointer; height: 26px; line-height: 26px; width: 45px; border: 1px solid #D7D7D7; margin: 0 6px; text-align:center; outline: medium none; }
.div_page a{ display:inline-block; padding:2px 8px; margin:0px 2px; height:20px; line-height:20px; border:solid 1px #ccc; color:#333; font-weight:normal}
.div_page a:hover{ border:solid 1px #003091; color:#003091; }
.div_page span{  display:inline-block; padding:2px 8px; margin:0px 4px; height:20px; line-height:20px; border:solid 1px #003091; color:#003091; background:#bad1ff; }
.div_page .prev{
	background-image: url(../document/JPG/prev.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
	padding-left: 16px;
}

.div_page .next{
	background-image: url(../document/JPG/next.jpg);
	background-repeat: no-repeat;
	background-position: 48px 7px;
	padding-right: 16px;
}


/*   导航菜单   */
.menubg{ width:100%; height:40px; background:url(../document/JPG/menubg.jpg) repeat-x;}
.menubg .menu{ width:980px; height:40px; margin:0 auto}
.Nav ul li a{ width:92px; height:40px; display:block; line-height:40px; text-align:center; font-family:"微软雅黑"; font-size:16px; font-weight:600; color:#FFF; float:left;}
.Nav ul li a:hover{ background:url(../document/JPG/menuhover.jpg)}
.menubg .menu .hover{ background:url(../document/JPG/menuhover.jpg)}

.Nav
{
    height:40px;
}
.Nav ul li
{
     float:left;
     position:relative;
     height:40px;
     width:92px;
     line-height:40px;
     z-index:99; 
	 
}
.Nav li ul{
    display:none;
    width:92px;
    background-color:#fd040a;
    position:absolute;
    top:40px;
    z-index:9;
	padding-top:7px;
	padding-bottom:3px;
	
}
.Nav li:hover{ background:url(../document/JPG/menuhover.jpg) left top no-repeat;}
.Nav li ul li
{
      width:92px;
      float:none;
      height:24px;
      line-height:24px;
      text-align:center;
      display:block;
	  overflow:hidden;
     
}
.Nav li ul li a{ font-size:12px; line-height:24px;}
.Nav li ul li a:hover{ background:#FFF; color:#fd040a}



/*   banner   */
.banner{ width:980px; height:315px; margin:0 auto; margin-top:6px; overflow:hidden; }

/*   首页   */
.index{ width:980px; overflow:hidden; margin:0 auto; background:#fff; overflow:hidden}

/*   首页公告  */
.gonggao{ width:860px; margin-left:100px; height:35px; overflow:hidden;}
.gonggao{ color:#000; font-weight:bold; line-height:40px;}

.index .ad{ width:290px; height:238px; overflow:hidden; float:left; margin-top:9px; margin-left:15px; display:inline;position:relative}
.index .ad .ad1{ width:286px; height:196px; overflow:hidden; border:solid 2px #cecece;}
.index .ad .ad1 img{ width:286px; height:196px}
.index .ad .ad2{ width:286px; height:38px; overflow:hidden; text-align:center}
.index .ad .ad2 a{ font-weight:600; line-height:40px}
.index .ad .hd{position:absolute; right:0px; bottom:38px}
.index .ad .hd li{ width:22px; height:15px; overflow:hidden; display:block; float:left; margin-left:1px; display:inline; text-align:center; font-family:Arial; font-size:8px; line-height:15px; color:#FFF; cursor:pointer;background:#210e0e}
.index .ad .hd li.on{background:#ff0000}

.index .about{ width:406px; height:239px; overflow:hidden; float:left; margin-top:8px; margin-left:12px; display:inline}
.index .about .abouttop{ width:406px; height:41px; background:url(../document/JPG/abouttop.jpg)}
.index .about .abouttop a{ font-size:14px; line-height:41px; color:#fff; font-weight:600; margin-left:13px;}
.index .about .abouttop a span{ font-size:12px; line-height:41px; color:#fff; font-weight:600; font-family:Arial}
.index .about .aboutbottom p{ width:390px; margin:0 auto; margin-top:13px; line-height:22px; color:#333}

.index .job{ width:239px; height:239px; overflow:hidden; float:left; margin-top:8px; margin-left:9px}
.index .job .jobtop{ width:239px; height:92px; display:block; background:url(../document/JPG/jobtop.jpg)}
.index .job .jobbottom{ width:223px; margin:0 auto; margin-top:5px}
.index .job .jobbottom a{ border-bottom:dotted 1px #333; width:223px; display:block; color:#333; line-height:26px; position:relative}
.index .job .jobbottom a span{ position:absolute; right:0px; top:0px}
.index .job .jobbottom a:hover{ color:#F00;}

.index .news{ width:963px; height:220px; overflow:hidden; float:left; margin-left:8px; display:inline}
.index .news .newstop{ width:963px; height:41px; background:url(../document/JPG/longtop.jpg)}
.index .news .qydt{ display:inline-block; width:388px; font-size:14px; line-height:41px; color:#fff; font-weight:600; margin-left:17px;}
.index .news .qydt span{ font-size:12px; line-height:41px; color:#fff;  font-family:Arial; text-transform:uppercase;}
.index .news .hyxw{ display:inline-block; width:288px; font-size:14px; line-height:41px; color:#fff; font-weight:600; margin-left:15px;}
.index .news .hyxw span{ font-size:12px; line-height:41px; color:#fff;  font-family:Arial}
.index .news .zcfg{ display:inline-block; width:225px; font-size:14px; line-height:41px; color:#fff; font-weight:600; margin-left:17px;}
.index .news .zcfg span{ font-size:12px; line-height:41px; color:#fff;  font-family:Arial; text-transform:uppercase;}

.index .news .newsbottom .newsbottom1{ width:301px; height:169px; float:left; background:#eee}
.index .news .newsbottom .newsbottom1 ul{ margin-top:11px}
.index .news .newsbottom .newsbottom1 ul li{ line-height:26px}
.index .news .newsbottom .newsbottom1 ul li a{ color:#333; width:245px; display:inline-block}
.index .news .newsbottom .newsbottom1 ul li a:hover{ color:#f00}
.index .news .newsbottom .newsbottom1 ul li span{ color:#8d8d8d}
.index .news .newsbottom .newsbottom2{ width:404px; height:169px; float:left; margin-left:8px; display:inline; background:#eee}
.index .news .newsbottom .newsbottom2 ul{ margin-top:11px}
.index .news .newsbottom .newsbottom2 ul li{ line-height:26px}
.index .news .newsbottom .newsbottom2 ul li a{ color:#333; width:345px; display:inline-block}
.index .news .newsbottom .newsbottom2 ul li span{ color:#8d8d8d}
.index .news .newsbottom .newsbottom2 ul li a:hover{ color:#F00}

.index .news .newsbottom .newsbottom3{ width:240px; height:169px; float:left; margin-left:8px; display:inline; background:#eee}
.index .news .newsbottom .newsbottom3 ul{ margin-top:11px}
.index .news .newsbottom .newsbottom3 ul li{ line-height:26px}
.index .news .newsbottom .newsbottom3 ul li a{ color:#333; width:180px; display:inline-block}
.index .news .newsbottom .newsbottom3 ul li span{ color:#8d8d8d}
.index .news .newsbottom .newsbottom3 ul li a:hover{ color:#F00}



.index .contact{ width:239px; height:210px; float:left; margin-left:9px; background:url(../document/JPG/indexcontact.jpg)}

.index .adb{ width:290px; height:238px; overflow:hidden; float:left; margin-left:15px; display:inline;position:relative}
.index .adb .ad1{ width:286px; height:196px; overflow:hidden; border:solid 2px #cecece;}
.index .adb .ad1 img{ width:286px; height:196px}
.index .adb .ad2{ width:286px; height:38px; overflow:hidden; text-align:center}
.index .adb .ad2 a{ font-weight:600; line-height:40px}
.index .adb .hd{position:absolute; right:0px; bottom:38px}
.index .adb .hd li{ width:22px; height:15px; overflow:hidden; display:block; float:left; margin-left:1px; display:inline; text-align:center; font-family:Arial; font-size:8px; line-height:15px; color:#FFF; cursor:pointer;background:#210e0e}
.index .adb .hd li.on{background:#ff0000}

.index .zbxx{ width:406px; height:239px; overflow:hidden; float:left; margin-left:12px; display:inline}
.index .zbxx .zbxxtop{ width:406px; height:41px; background:url(../document/JPG/abouttop.jpg)}
.index .zbxx .zbxxtop a{ font-size:14px; line-height:41px; color:#fff; font-weight:600; margin-left:20px;}
.index .zbxx .zbxxtop a span{ font-size:12px; line-height:41px; color:#fff; font-weight:600; font-family:Arial}
.index .zbxx .zbxxbottom{ width:405px; height:185px; background:#eee}
.index .zbxx .zbxxbottom ul{ padding-top:8px; margin-left:5px;}
.index .zbxx .zbxxbottom ul li{ line-height:26px}
.index .zbxx .zbxxbottom ul li a{ color:#333; width:350px; display:inline-block}
.index .zbxx .zbxxbottom ul li a:hover{ color:#f00}
.index .zbxx .zbxxbottom ul li span{ color:#8d8d8d}

.index .adt{ width:239px; height:239px; overflow:hidden; float:left; margin-left:8px; width:239px; line-height:6px}

.index .product{ width:963px; height:195px; overflow:hidden; float:left; margin-left:8px; display:inline}
.index .product .producttop{ width:963px; height:34px; overflow:hidden; background:url(../document/JPG/producttop.jpg)}
.index .product .producttop a{ font-size:14px; line-height:35px; color:#003091; font-weight:600; margin-left:13px;}
.index .product .producttop a span{ font-size:12px; line-height:35px; color:#666; font-weight:600; font-family:Arial}
.index .product .productbottom #prev{ width:11px; height:23px; overflow:hidden; background:url(../document/JPG/left.jpg); display:block; float:left; margin-top:54px; margin-left:15px; display:inline; cursor:pointer}
.index .product .productbottom #prev:hover{background:url(../document/JPG/left2.jpg);}
.index .product .productbottom #next{ width:11px; height:23px; overflow:hidden; background:url(../document/JPG/right.jpg); display:block; float:right; margin-top:54px; margin-right:15px; display:inline; cursor:pointer}
.index .product .productbottom #next:hover{background:url(../document/JPG/right2.jpg);}
.index .product .productbottom .center{ width:875px; height:144px; overflow:hidden; float:left; margin-left:19px; margin-top:8px; display:inline; }
.index .product .productbottom .center ul li{ width:173px; height:144px; overflow:hidden; float:left; margin-right:2px; display:inline; text-align:center}
.index .product .productbottom .center ul li a{ width:173px; height:144px; display:block; float:left;}
.index .product .productbottom .center ul li b{ width:173px; height:118px; display:table-cell; vertical-align:middle;text-align:center;}
.index .product .productbottom .center ul li a img{margin-top:expression(59-this.height/2);margin-bottom:expression(59-this.height/2);max-height:118px}
.index .product .productbottom .center ul li a p{ color:#8d8d8d; margin-top:5px; line-height:20px}
.index .product .productbottom .center ul li a:hover{ color:#f00}

.links{ width:963px; overflow:hidden; float:left; margin-left:8px; display:inline; padding-bottom:10px}
.links .linkstop{ width:963px; height:34px; overflow:hidden; background:url(../document/JPG/producttop.jpg)}
.links .linkstop a{ font-size:14px; line-height:35px; color:#003091; font-weight:600; margin-left:13px;}
.links .linkstop a span{ font-size:12px; line-height:35px; color:#666; font-weight:600; font-family:Arial}
.links .linksbottom{ margin-top:18px; margin-left:5px; width:958px; overflow:hidden}
.links .linksbottom a{ width:148px; height:59px; display:block; float:left; text-align:center; border:solid 1px #ccc; margin-right:10px; margin-bottom:8px}
.links .linksbottom a b{width:148px; height:59px; display:table-cell; vertical-align:middle;text-align:center;}
.links .linksbottom a img{margin-top:expression(29-this.height/2);margin-bottom:expression(30-this.height/2);max-height:59px}


/*   内页   */
.main{ width:980px; overflow:hidden; margin:0 auto; background:#fff}
.main .mainleft{ width:198px; overflow:hidden; float:left; margin-left:16px; display:inline}
.main .mainleft .tongzhi{ padding-bottom:16px}
.main .mainleft .tongzhi1{ width:198px; height:116px; background:url(../document/JPG/tongzhi.jpg)}
.main .mainleft .tongzhi2{ width:194px; overflow:hidden; border-left:solid 2px #6885bd; border-right:solid 2px #6885bd}
.main .mainleft .tongzhi2 ul{ margin-left:18px;}
.main .mainleft .tongzhi2 a{ line-height:28px; color:#333}
.main .mainleft .tongzhi2 a:hover{ color:#003091;}
.main .mainleft .tongzhi3{ width:198px; height:17px; background:url(../document/JPG/tongzhi2.jpg)}
.main .mainleft .yeji{ padding-bottom:26px}
.main .mainleft .yeji1{ width:198px; height:77px; background:url(../document/JPG/yeji.jpg)}
.main .mainleft .yeji2{ width:194px; overflow:hidden; border-left:solid 2px #6885bd; border-right:solid 2px #6885bd}
.main .mainleft .yeji2 .center{ width:173px; height:470px; overflow:hidden; padding-top:20px; margin-left:8px;}
.main .mainleft .yeji2 .center ul li{ width:173px; height:144px; overflow:hidden; float:left; margin-bottom:13px; display:inline; text-align:center}
.main .mainleft .yeji2 .center ul li a{ width:173px; height:144px; display:block; float:left;}
.main .mainleft .yeji2 .center ul li a:hover p{ color:#003091}
.main .mainleft .yeji2 .center ul li b{ width:173px; height:118px; display:table-cell; vertical-align:middle;text-align:center;}
.main .mainleft .yeji2 .center ul li a img{margin-top:expression(59-this.height/2);margin-bottom:expression(59-this.height/2);max-height:118px}
.main .mainleft .yeji2 .center ul li a p{ color:#8d8d8d; margin-top:5px; line-height:20px}
.main .mainleft .yeji3{ width:198px; height:14px; background:url(../document/JPG/yeji2.jpg)}

.main .mainright{ width:735px; overflow:hidden; float:left; margin-left:14px; display:inline}
.main .mainright .mainright1{ width:735px; height:52px; overflow:hidden; background:url(../document/JPG/righttop1.jpg)}
.main .mainright .mainright1 h4{ font-size:14px; font-weight:600; color:#003091; float:left; margin-top:25px; margin-left:43px; display:inline}
.main .mainright .mainright1 h4 span{ color:#666; font-family:Arial; font-weight:normal}
.main .mainright .mainright1 p{ color:#666; float:right; margin-top:29px; margin-right:12px; display:inline}
.main .mainright .mainright1 p a{ color:#666}

.main .mainright .mainright2{ width:735px; overflow:hidden; padding-bottom:26px}

/*   企业资质   */
.main .mainright .mainright2 .zizhi{ width:584px; height:456px; overflow:hidden; margin:0 auto; text-align:center;}
.main .mainright .mainright2 .zizhi .zizhi2{ width:578px; height:390px; overflow:hidden; border:solid 3px #ccc;text-align:center;}
.main .mainright .mainright2 .zizhi .zizhi2 b{ width:578px; height:390px; display:table-cell; vertical-align:middle;text-align:center;}
.main .mainright .mainright2 .zizhi .zizhi2 img{margin-top:expression(195-this.height/2);margin-bottom:expression(195-this.height/2);max-height:390px}
.main .mainright .mainright2 .zizhi p{ font-size:16px; color:#666; line-height:50px}


/*   人才招聘   */
.main .mainright .mainright2 .job{ width:692px; overflow:hidden; margin:0 auto; margin-top:27px}
.main .mainright .mainright2 .job .jobinfo{ width:692px; /*height:240px;*/height:246px; overflow:hidden; margin-bottom:10px;}
.main .mainright .mainright2 .job .jobinfo .jobinfo1{ border-bottom:dashed 1px #ccc; height:25px; margin-bottom:5px}
.main .mainright .mainright2 .job .jobinfo .jobinfo1 a{ float:left; color:#003091; font-size:14px; font-weight:600}
.main .mainright .mainright2 .job .jobinfo .jobinfo1 span{ float:right; color:#333;}
.main .mainright .mainright2 .job .jobinfo p{ color:#333; line-height:26px}


/*   新闻列表    */
.main .mainright .mainright2 .news{ width:700px; margin:0px auto; margin-top:20px; min-height:720px;height:100%;_height:720px;}
.main .mainright .mainright2 .news ul li{
	width:700px;
	height: 35px;
	border-bottom: dashed #ededed 1px;
	line-height: 35px;
	float: left;
	background-image: url(../document/JPG/sjx.jpg);
	background-repeat: no-repeat;
	background-position: left 13px;
}
.main .mainright .mainright2 .news ul li:hover{ background:url(../document/JPG/sjx2.jpg) no-repeat;background-position: left 13px;}
.main .mainright .mainright2 .news ul li span{ width:625px; display:inline-block; margin-left:11px}
.main .mainright .mainright2 .news ul li a{ color:#333; cursor:pointer}
.main .mainright .mainright2 .news ul li a:hover{ color:#003091}


/*   新闻详情    */
.main .mainright .mainright2 .newsinfo{ width:700px; overflow:hidden; margin:0 auto; margin-top:20px;}
.main .mainright .mainright2 .newsinfo .newsinfo1{ border-bottom:dotted 1px #ccc; text-align:center}
.main .mainright .mainright2 .newsinfo .newsinfo1 h4{ font-size:14px; color:#333; font-weight:600; line-height:32px}
.main .mainright .mainright2 .newsinfo .newsinfo1 p{ color:#999; line-height:32px}
.main .mainright .mainright2 .newsinfo .newsinfo2{ width:700px; overflow:hidden; margin-top:10px; padding-bottom:10px; border-bottom:dotted 1px #ccc; line-height:180%; color:#666}
.main .mainright .mainright2 .newsinfo .more{ width:650px; float:left; margin-top:20px; display:inline; overflow:hidden}
.main .mainright .mainright2 .newsinfo .more a{ width:650px; height:20px; display:block; line-height:20px; color:#666}
.main .mainright .mainright2 .newsinfo .more span{ font-weight:600}
.main .mainright .mainright2 .newsinfo .back{ float:right; margin-top:20px; line-height:20px; color:#666}


/*   产品列表    */
.main .mainright .mainright2 .pro{ margin-top:32px; margin-left:23px; min-height:720px;height:100%;_height:720px;}
.main .mainright .mainright2 .pro .pro1{ width:214px; height:195px; display:block; float:left; margin-right:21px; text-align:center}
.main .mainright .mainright2 .pro .pro1:hover b{ border:solid 1px #003091}
.main .mainright .mainright2 .pro .pro1:hover p{ color:#003091}
.main .mainright .mainright2 .pro .pro1 b{ width:212px; height:147px; border:solid 1px #ababab; display:table-cell; vertical-align:middle;text-align:center;}
.main .mainright .mainright2 .pro .pro1 img{margin-top:expression(70-this.height/2);margin-bottom:expression(71-this.height/2);max-height:141px}
.main .mainright .mainright2 .pro .pro1 p{ color:#8d8d8d; margin-top:5px; line-height:20px; height:40px; overflow:hidden;}


/*    产品详情    */
.main .mainright .mainright2 .proinfo{ width:700px; overflow:hidden; margin:0 auto; margin-top:20px;}
.main .mainright .mainright2 .proinfo .proinfo1{ border-bottom:dotted 1px #ccc; text-align:center}
.main .mainright .mainright2 .proinfo .proinfo1 h4{ font-size:14px; color:#333; font-weight:600; line-height:32px}
.main .mainright .mainright2 .proinfo .proinfo1 p{ color:#999; line-height:32px}
.main .mainright .mainright2 .proinfo .proinfo2{ width:700px; overflow:hidden; margin-top:10px; padding-bottom:10px; border-bottom:dotted 1px #ccc; line-height:180%; color:#666}
.main .mainright .mainright2 .proinfo .more{ width:650px; float:left; margin-top:20px; display:inline; overflow:hidden}
.main .mainright .mainright2 .proinfo .more a{ width:650px; height:20px; display:block; line-height:20px; color:#666}
.main .mainright .mainright2 .proinfo .more span{ font-weight:600}
.main .mainright .mainright2 .proinfo .back{ float:right; margin-top:20px; line-height:20px; color:#666}