@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,li,h1,h2,h3,p{ padding: 0; margin: 0; border: 0; }
body{ margin:0 auto;background:#fff ;color:#666;font:12px 微软雅黑,Arial,宋体;text-align:center;}
a:link, a:visited{color:#454545;text-decoration:none;}
a:hover{ text-decoration: none;color:#0055BF; }
a img{border:0px;}
ul,li{list-style:none;}

/*menu------------------------*/
.logo{width:361px;height:61px;background:#fff;float:left;padding-top:15px;text-align:left}
.menu{margin:0 auto;width:100%;height:100px;background:#fff;position:relative;z-index:5;border-top:2px #039 solid}
.menumain{margin:0 auto;width:70%;height:100px;}
  .menumain ul{width:800px;height:100px;float:right;}
  .menumain li{width:110px;height:100px;float:left;font-size:16px;font-weight: bold;}
  .menumain li a {display:block;height:97px;width:100%;line-height:105px;color:#003399;}
  .onhover{color:#fff;  background: #02328d;height:46px;width:110px;line-height:50px;}
.menumain li a:hover{color:#ff3300; border-bottom:#F30 3px solid;width:100%;}
.dropmenudiv{position:absolute;border: 1px solid #fff; border-top:none;line-height:30px;background:url(../images/hb.png) repeat ;width:110px;visibility: hidden;padding-bottom:-1px;margin:0 0 0 -1px}
.dropmenudiv a{width:100%;height:40px;line-height:40px;display: block;border-bottom: 1px solid #C5C6C6;padding:0;text-decoration: none;font-size:12px;overflow:hidden}
* html .dropmenudiv a{ /*IE only hack*/
width:110px;}
.dropmenudiv a:link, a:visited{color:#000;text-decoration:none;}
.dropmenudiv a:hover{ width:100%;background:#fff;color:#ff0000}


/* index---------------------------- */


.sqdi{border: 1px solid #dedede;height:16px;width:188px;float:left;padding:1px 5px;color:#999;line-height:16px}

#homecontent{width:70%;margin:0 auto ;padding:20px 0;overflow:hidden;text-align:left;}

#homeab{width:30%;height:350px;float:left;overflow:hidden}
    #homeab p{padding:10px 0;line-height:20px;color:#666;width:100%}
	#homeab p img{width:100%}
#homezz{width:45%;float:left;margin:0 1.5%;overflow:hidden}
    #homezz p{padding:10px 0;float:left}
	#homezz p img{border: 1px solid #ccc;}
	#homezz .xm{padding:10px 0;float:right;width:250px}
	#homezz .xm li{height:40px;line-height:40px;font-size:16px;border-bottom: 1px solid #ccc;cursor: pointer;}
	#homezz .xm li a{display:block;background: url(../images/more2.gif) no-repeat center right;padding-left:40px}
	.x1{background: url(../images/rp.png) no-repeat;background-position: 0px 10px;}
	.x2{background: url(../images/rp.png) no-repeat;background-position: 0 -30px;}
	.x3{background: url(../images/rp.png) no-repeat;background-position: 0 -70px;}
	.x4{background: url(../images/rp.png) no-repeat;background-position: 0 -110px;}
	.x5{background: url(../images/rp.png) no-repeat;background-position: 0 -147px;}
	.x6{background: url(../images/rp.png) no-repeat;background-position: 0 -190px;}
	#homezz span{float:left}
#homenews{width:470px;height:400px;float:left;}
     #homenews ul li{width:100%;background: url(../images/xu.gif) repeat-x bottom left;margin-top:10px;float:left;font-size:14px;height:25px}
	 #homenews ul li a{background: url(../images/point.gif) no-repeat left center;padding-left:10px;float:left}
	 #homenews li span{font-size:10px;color:#9BA5BB;float:right}

#homecj{width:22%;float:right;overflow:hidden}
.ab-t{color:#fff;padding:25px;background: url(../images/sd.jpg) no-repeat 0 0;width:100%;height:110px;background-size:100%;position:relative}
.cp-t{color:#fff;background: url(../images/cp.jpg) no-repeat 0 0;width:100%;height:330px;background-size:100%;position:relative}
.cp-t a{position:absolute;width:100%;left:0;top:0;height:100%;cursor:pointer;display:block;z-index:2;background: url(../images/more.png) no-repeat 93% 93%;}
.cp-t a:hover{background:#002369 url(../images/more.png) no-repeat 83% 93%;transition:0.5s background,left,top ease;
-moz-border-radius: 5px;
	-webkit-transition:0.5s background,left,top ease;
	-moz-transition:0.5s background,left,top ease;
	-o-transition:0.5s background,left,top ease;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);}
.cj-t{color:#fff;background: url(../images/cj.jpg) no-repeat 0 0;width:100%;height:330px;background-size:100%;position:relative}
.cj-t a{position:absolute;width:100%;left:0;top:0;height:100%;cursor:pointer;display:block;z-index:2;background: url(../images/more.png) no-repeat 90% 10%;}
.cj-t a:hover{background:#002369 url(../images/more.png) no-repeat 80% 10%;transition:0.5s background,left,top ease;
-moz-border-radius: 5px;
	-webkit-transition:0.5s background,left,top ease;
	-moz-transition:0.5s background,left,top ease;
	-o-transition:0.5s background,left,top ease;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);}
.cp-zi{position:absolute;z-index:3;right:7%;top:10%}
.cj-zi{position:absolute;z-index:3;right:7%;bottom:10%}


.tel{float:left;padding-right:10px}
.bb{width:65%;height:50px;float:right;background:#ff6600 url(../images/bb.png) no-repeat center;padding:14px;border-radius:5px;}
#Btn2{width:190px;height:50px;float:left;background:#3aa2dd;padding:14px;color:#fff;font-size:15px;border-radius:5px;}
#Btn2 a{padding:15px ;
	width: 220px;
	height: 40px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;color:#000;
	cursor:pointer;
	display:block;
	transition:0.5s background,left,top ease;
	-webkit-transition:0.5s background,left,top ease;
	-moz-transition:0.5s background,left,top ease;
	-o-transition:0.5s background,left,top ease;opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);
	background:#3aa2dd;
	-moz-border-radius: 5px;border-radius:5px;
}
#Btn2 a:hover{
	background:#73baf1;
	color:#fff;
}

#title{height:50px;line-height:50px;font-size:16px;position:relative;font-weight:bold;clear:both;padding:10px 0}
    
	.b-t a{position:absolute;top:20px;right:0}
	.w-t{color:#001178;border-bottom: 1px solid #355599;}
	.w-t a{position:absolute;top:20px;right:0}
.bottom{width:100%;height:150px;overflow:hidden;border-top:1px solid #c8d2d9;margin:30px auto 0 auto;background:#e8eff4}	
.copy{width:70%;height:60px;padding-top:15px;margin:0 auto;color:#999;text-align:left;position:relative}
.copy p a{color:#666;}
.copy span{float:left;padding-top:5px}	
.copy p{float:left;padding:25px 0 0 20px}
.copy p img{padding-top:5px}
.links{position:absolute;right:0;text-align:right}
.links strong{font-size:16px;line-height:40px}
.links select{color:#999;width:270px;}
input,select{font-size:12px}

/* 多个左滚动  */
.picList li{ width:20%;}
.picList .pic{ text-align:center; line-height:0px;  }
.picList .pic img{ width:90%;  padding:4px; border:1px solid #ccc;  }
.picList .pic a:hover img{ border-color:#666;  }
.picList .title{ line-height:24px;   }
.leftLoop{ overflow:hidden; position:relative;  }
.leftLoop .bd{ padding:10px 0;   }
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ margin:0 8px; text-align:center; float:left; _display:inline; overflow:hidden;  }
	
/* about -------------------------------------*/
#content{width:70%;margin:0 auto;padding:40px 30px 0 30px;overflow:hidden;text-align:left;}
.toppic{width:100%;height:240px;margin:0 auto;background:#82A0BD;position:relative;}
    .ab-pic{background:url(../images/t01.jpg) no-repeat center top;width:100%;height:240px;}
	.news-pic{background:url(../images/t02.jpg) no-repeat center top;width:100%;height:240px;}
.nyleft{width:265px;float:left;position:relative;}
.l-img{width:265px;border-bottom:1px solid #ff3300;padding-bottom:10px}
.nyleft ul{position:relative;z-index:1;width:263px;float:left;padding:40px 0 120px 0;background:url(../images/leftbg.gif) no-repeat right bottom}
.nyleft ul li{line-height:40px;height:40px;font-size:14px;border-bottom:1px solid #D3D3D3;}
.nyleft a{color:#1D1D1D;text-decoration:none;display:block;padding-left:35px;}
.nyleft a:hover{color:#E40000;background:#fff url(../images/vv.gif) no-repeat 200px center;}
.hover{color:#E40000;background:#ebf4fb url(../images/vv.gif) no-repeat 230px center;}
.nyleft span{padding:20px 0;float:left}

.nyright{width:65%;padding:30px 0;float:right;overflow:hidden;}
.searchbt{width:100%;line-height:18px;height:25px;text-align:left;font-size:16px;border-bottom:1px solid #355599;}
    .searchbt span{padding:0 3px;color:#FF0000}
.bt2{width:100%;color:#999;line-height:18px;height:18px;text-align:right}
.bt2 a{color:#999}
.para{width:100%;float:left;position:relative;padding:20px 0 50px 0}
.para p{
	line-height:22px;
	margin-top:10px;
	width:100%;
	font-size:14px;
	text-indent:30px;
}
.para p img{padding:10px 0;max-width:100%}
.para h2{padding:10px 0;}

.zhici{background:#bababa;padding:15px 0;position:absolute;top:40px;right:0;z-index:-1}

.companyleft a{color:#1D1D1D;text-decoration:none;display:block;padding-left:30px;}
.companyleft a:hover{color:#E40000;background:#ECECEC url(../images/vv.gif) no-repeat 230px center;}
.abtit{width:100%;border-bottom:1px solid #355599;float:left;margin:20px 0;height:30px;color:#003366;font-size:18px;font-weight: bold}
.co-tel{width:100%;height:150px;line-height:22px;font-size:13px;border-top:1px solid #C4C1C1;background:url(../images/tel.png) no-repeat right top;margin-top:60px;padding-top:20px;float:left}
.c4-pic{background:url(../images/t04.jpg) no-repeat center top;width:100%;height:240px;}

/*------------------------------------------ CASE------------------------------ */
.shebei li{float:left;width:48%;margin:1%}
.shebei li img{width:100%;float:left}
.shebei li span{width:100%;height:20px;float:left;font-size:16px;padding:5px 0;text-align:center}

.thumbnail{float:left;width:22%;margin:10px}
.thumbnail img{width:100%}
.thumbnail span{width:100%;height:30px;font-size:14px;line-height:25px;text-align:center;float:left}










.jc-pic{background:url(../images/t02.jpg) no-repeat center top;width:100%;height:240px;}
.case-li{width:100%;padding-top:20px}
.case-li li{float:left;padding:10px 30px 10px 8px;width:180px}
.case-li li img{width:180px;height:120px;padding:3px;border:1px solid #C4C1C1;float:left}
.case-li li a:hover img{ border-color:#f00;  }
.case-li li span{width:180px;float:right;font-size:14px;line-height:22px;padding:0 0 5px 0}
/* news--------------------------------*/
.rq{width:620px;float:left;text-align:center;color:#999;margin-top:5px;}
.ny3{width:980px;padding:35px 0 50px 0;margin:0 auto;overflow:hidden;text-align:left;background: url(../images/dp3.gif) no-repeat 0 0;}
.xwdh{width:620px;float:right;}
.newsa{margin-top:10px;}
	       
	       .date span{float:right;color:#999;font-size:11px}
		   .date{height:20px;width:100%}
	       .date a{float:right;background:url(../images/go.gif) no-repeat right center;float: right;font-size:11px;display:block;width:30px;height:10px;padding:7px 0 0 20px}
		   .newsa ul{padd ing-top:20px;float:left;width:100%;}
		   .newsa li{width:100%;float:left;background:url(../images/xu.gif) repeat-x right bottom;height:40px;line-height:40px;position:relative;}
		   .newsa li a{display:block;font-size:14px;background:url(../images/v2.gif) no-repeat left center;padding-left:10px}
		   .newsa li a:hover{background:url(../images/xu.gif) repeat-x right bottom}
		   .newsa li span{position:absolute;right:0;top:0;color:#999;font-size:11px}
		   .newsa li:hover{background:#ebf4fb}
		   
		   
		   .tv ul{padding-top:20px;float:left}
		   .tv li{width:180px;float:left;line-height:20px;position:relative;padding:15px}
		   .tv li img{width:180px;height:120px}
		  
		   
#page{height: 25px;width:620px;float: left;text-align:left;margin:30px 0;font: 12px Arial, 宋体;padding:5px 0 5px 0;}
  #page a{height: 15px;padding:2px 10px;border: 1px solid #C3BFA5;background:url(../images/page.gif) repeat-x right bottom}
    #page a:hover{text-decoration: none; color:#fff;background: #0062A8;}
  .curpage{background-color: #0062A8;color:#fff;height: 20px;padding:2px 10px ;border: 1px solid #7B8B97;}
#back{width:620px;float:left;margin-top:30px;}
h1{font-size: 24px;line-height: 30px;text-align:left;padding:40px 0;position:relative}
.biaodate{height: 20px;color:#999;text-align:left;padding:0 0 10px 0;border-bottom:1px solid #355599;width:100%}
.hits,.dates{float:left;line-height: 26px;}
.fx{float:right;}
.hits{margin-left:40px}

/* -----------------------------message-----------------------------------------*/

.liuyan input{padding:5px 10px}
.liuyan{font-size:14px}
	.liuyandi dl{margin-top:15px;color:#2C2C2C;line-height:20px;}
	.liuyandi dt{float:left;margin-bottom:10px;}
	.liuyandi dd{margin-bottom:10px;}
	.star{color:#d20964}
	
/* service---------------------*/
.fwpic{margin-top:40px;width:620px;float:left;}
.para table{width:670px;}
.para table tr td{padding:5px}
/* xiazai*/
#newsn2{float: left;width:620px;height:210px;overflow:hidden;line-height:30px;margin-top:15px;}
#newsn2 li{height:30px;width:620px;background: url(../images/xx.gif) repeat-x left bottom;}
#newsn2 li span{float:right;padding:7px 5px 0 0;color:#666;}
 .fen{height: 20px;padding:0 5px 0 5px;border: 1px solid #666;margin-left:5px;background-color: #0062A8;color:#fff;}
 
/*----------------tool-----------------*/
.mainltr01{line-height:26px;background:url(../images/xu.gif) bottom repeat-x; padding:10px 0;}
.mainltr02{line-height:26px;margin-top:10px; text-align:center;}
.mainltr01tr{line-height:26px;}
.mainltr01 select{border:1px solid #999;height:20px;font-size:12px}
.mainltr01 li{line-height:26px;padding-left:20px;}
.mainltr01 li.zt{line-height:30px;color:#9c9c9c;}
.jsq{font-weight: bold;font-size:16px;text-align:center;width:650px;margin:10px  0;background: url(../images/line.gif) no-repeat center bottom;height:35px}
.mainl .h1{height:25px;line-height:25px;padding-bottom:5px;font-weight:bold;color:#000;font-size:14px;border-bottom:1px solid #999;}
.mainl .h2{height:25px;line-height:25px;padding-bottom:5px;}
.mainr .h1{height:25px;line-height:25px;padding-bottom:5px;font-size:14px;font-weight:bold;color:#000;border-bottom:1px solid #999;}
.font02{color:#ff0000;}
.mainr{width:100%; padding-left:3px;}
.mainrtr01{line-height:26px;padding-left:10px;padding-bottom:10px; padding-top:30px;}
.mainrtr01tr{line-height:26px;padding:15px}
.mainrtr01 li{line-height:26px;padding:5px;}
.guestbook01,.guestbook02{border:1px solid #999;height:18px;font-size:12px}

.star{color:#FF0000}

/*----------------public-----------------*/
.gy-pic{position:absolute;left:0;top:0;background:url(../images/t05.jpg) no-repeat right top;width:100%;height:240px;}
.newsa2{margin-top:10px;}
           
		   .newsa2 dl{width:100%;float:left;padding:20px 0;background: url(../images/xu.gif) repeat-x center bottom;}
		   .newsa2 dl dt{float:left;padding:0 0 5px 15px;line-height:25px;height:25px;background:url(../images/vv.gif) no-repeat 0 5px;font: bolder 16px Arial,微软雅黑 ;}
           .newsa2 dl dd img{width:140px;height:100px;float:left;padding-right:20px;}
		   .newsa2 dl dd{float:left;line-height:20px;margin-top:5px;color:#919192}
		   
/*----------------contact-----------------*/
.lianxi{width:100%;padding:20px 0;background: url(../images/xu.gif) repeat-x center bottom;}	
.lianxi dt{width:100%;font-size:16px;padding:5px 0;font-weight: bold;}		  
.lianxi dd{width:100%;}	 
.form_star{color:#FF0000}
		   
/*sitemap*/
.textlist{ margin:40px 0 ;width:960px;}
.textlist dl{ border-bottom:1px solid #ededed; height:30px; padding:6px 10px 0 10px; _padding:6px 10px 0 5px;overflow:hidden;}
.textlist dl.a{ background:#d2d3d4}
.textlist dl.last{ border-bottom:0px;}
.textlist dl dt{ float:left; width:25px;height:20px;background:url(../images/icon.gif) left center no-repeat;}
.textlist dl dd{ padding:2px 0 0 7px;}
.textlist dl dd strong{ float:left; width:80px; font-size: 14px;color:#CC0000;  text-align:right; margin-right:12px; display:inline;}
.textlist dl dd strong a{color:#000;}
.textlist dl dd strong img{ margin-left:6px; display:inline}
.textlist dl dd strong a:hover{ color:#ff3300 }
.textlist dl dd div{ float:left; width:62px; }
.textlist dl dd a{padding:0 8px}
/*--------------------------------join------------------------------------------*/	
.star{color:#FF0000;}
.sqdi{border: 1px solid #ccc;}
.joinbiao{width: 660px;margin:20px 0 ;padding:20px; border:1px solid #b5b5b5;}
.biaodi{height: 30px;border:none;}
.joinbiao td{padding:5px}

.joinbg{width: 100%;height: 20px;float: left;margin-top:15px;border-bottom:1px solid #b5b5b5;border-top:1px solid #b5b5b5;padding:5px 0}
.joinname{float: left;font-size: 16px;line-height: 22px;font-weight: bold;}
.zhiwei{float: left;font-size: 16px;}
.joindate{float: right;margin-right:10px;color:#ccc;}
.joinbg a{float: right;}
.joinword{margin:10px 0 20px 0;width:100%;height: auto;float:left;overflow:hidden;line-height:22px;}

#myFocus{ width:650px; height:440px;float:left;text-align:center;text-indent:0}
#myFocus p{
	width:650px;
	text-indent: 0;margin-top:0
}
#myFocus p img{width:650px;padding:0}

.bdshare-button-style0-16 .bds_qzone{width:100px;height:50px;background:url(../images/logo.png) no-repeat 0 0}


@media(max-width:1440px){
	.menumain{width:90%}
	#homecontent{width:90%;}
	.copy{width:90%;}
	.bb{width:60%;background-size:90%}
#content{width:90%;}

	
}
@media(max-width:1280px){
	.logo{width:280px;}
	.logo img{width:200px;padding-top:10px}
	.menumain{width:90%}
	#homecontent{width:90%;}
	.copy{width:90%;}
	.bb{width:58%;background-size:90%}

}
@media(max-width:1024px){
	.menumain{width:95%}
	#homecontent{width:95%;}
	.copy{width:95%;}
	.bb{width:52%;background-size:90%}
	.menumain ul{width:600px;}
  .menumain li{width:100px;}
  .dropmenudiv{width:100px;}
}