@charset "utf-8";
/* CSS Document */
/* reset */
html{ overflow-y:scroll; overflow-x:hidden;}
body{ background:url(/images/bg.png) repeat-x 165px 165px;}
body, div, dl, dt, dd, ul, ol, li, form, input, textarea, select, p, h1, h2, h3, h4, h5, h6 { font-family:Arial; color:#555; line-height:20px; font-size:12px; font-weight:normal; padding:0; margin:0;font-family:微软雅黑;}
em, i, del { font-weight:normal; font-style:normal;}
img { border:0;}
ol, ul { list-style:none;}
a { color:#555; cursor:pointer;}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}

/*top*/
.container { margin: 0 auto; width: 100%;BACKGROUND: url(../Images/navbg.jpg) repeat-x;height:61px; }
.content { width: 1170px; margin: 2% auto; overflow: hidden; }
.sypro_con { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 30px; margin-bottom: 40px; padding-left: 40px; }
#container { width: 100%; /* width: 1040px!important;  -- Repalace  with this value if you want to have Boxed layout :)*/ margin: 0px auto; overflow: hidden; }
.head-wrapp .logo { float: left; width: 25%; margin-top: 20px; }
    .head-wrapp .logo img { max-width:100%;}
.head-wrapp { width: 100%; height: 90px; border-bottom: #f2f2f2 8px solid; }

#wrapp { float: left; width: 100%; background: #fff; }

#content { width: 100%; margin: 0 auto; overflow: hidden; }
.prolist-con { width: 1170px; margin: 0 auto; overflow: hidden; margin-top: 3%; }
header#header { padding: 0px 0 0px 0; width: 100%; background: #FFF; float: left; }
    header#header.header-3 { border-bottom: 1px solid #e6e9ee; }
 #header-top { width:100%; margin:0 auto;height:99px;BACKGROUND: url(../Images/topbg.jpg) repeat-x; }
#header-links { width:1170px;  height: 99px; margin:0 auto }
    #header-links .one-half { color: #fff; }

#top1 { margin: 0 auto; max-width: 1170px; }
#header-links .tel { float: left; width: 50%; font-size: 14px; color: #fff; height: 99px;overflow:hidden }
#top_right { width: 30%; float: right; }
#head_ico li { float: right;  margin-right: 10px; line-height: 35px; }
.a1 { background: url(../Images/qq.png) no-repeat left center; padding: 0px 10px 0px 25px; margin: 0px 0px 0px 12px; }
.a2 { background: url(../Images/dg.png) no-repeat left center; padding: 1px 10px 0px 20px; margin: 0px 2px 0px 12px; }
.a3 { background: url(../Images/bmtu6.png)no-repeat left center; padding: 1px 10px 0px 26px; margin: 0px 2px 0px 12px; }
#top_right .a1, #top_right .a2, #top_right .a3 { color: #FFFFFF; }


.navbar{ width:1170px; height:61px; margin:0px auto;}
.navbar ul li{ height:40px; width:125px; float:left;border-right:1px solid  #ccc;}
.navbar ul li a{ display:block; height:61px; width:125px; margin:0px auto;}
.navbar ul li a{ text-align:center; line-height:61px; color:#000; font-size:14px;}
.navbar ul li a:hover{ text-decoration:none; background:#54504f; color:#fff; }
#n1{ text-decoration:none; background:#54504f;}

/*im*/
.im{ width:100%; height:480px;text-align:center;}

/*con*/
.co{width:1000px;margin:0px auto;}
.con{ width:1000px; float:left; background:#fff; padding:0px 0px;}
.cleft{ width:210px; float:left;}
.cltop{ height:60px; background:#e9bc09;}
.cltop2{ height:60px; background:#014492;}
.cltoptext{ float:left;height:60px; line-height:60px;padding-left:15px; font-size:18px; font-weight:bold; color:#fff;}
.clul{ height:auto; border:0px solid #d7d7d7; border-top:0px  solid #d7d7d7; border-top:0px; margin-bottom:10px;}
.clul ul{ height:auto; margin:0px auto;}
.clul ul li{height:29px; border-bottom:1px solid #d7d7d7;background:url(/images/c2li.png) repeat-x;}
.clul ul li a{line-height:29px;background:url(/images/heidian.png) no-repeat 10px center; color:#555;font-size:14px;display:block;padding-left:20px; height:29px;}
.clul ul li a:hover{color:#ff6500;background:url(/images/heidian.png) no-repeat 10px center;}
#bot{color:#ff6500;background:url(/images/wtb_03.png) no-repeat 5px center;}

.ctop{ border-top: 1px solid #c8c8c8;
    border-bottom: 0px solid #c8c8c8;
    height:60px;background:url(../images/righttitle.jpg) no-repeat; position:relative;
    top: 0px;
    left: 0px;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0px;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: 0px;}
.toptext{  font-size:14px; color:#000; line-height:60px; font-weight:bold; height:60px; text-align:left; float:left; background:url(/images/) no-repeat 0px center;width:166px;padding-left:10px}

.cright{ width:780px;float:right;border:1px solid #c8c8c8; border-top:0px;}
.about{color:#555;line-height:60px; height:60px; float:right; margin-right:10px;}
.about a{ color:#555; text-decoration:none;}
.about a:hover{ color:#cc0000; text-decoration:none;}
/*ma manews maa  使用了padding所有宽度少30*/
.manews{width:760px; min-height:300px; padding:5px;}
.ma{width:760px; padding:5px; min-height:300px;}
.ma2{width:700px; min-height:300px;margin:0 auto;}

/*页面导航条  -30px*/
.under{ width:740px; height:24px; margin-top:5px; padding:5px; padding-right:20px; text-align:right; color:#333; clear:both;font-size:12px;}
.under a{ color:#333;font-size:12px;}
.under a:hover{text-decoration:none; color:#0d4da4;}


/*页面上一个下一个   -30px*/
.next{ width:720px;height:70px; margin-top:5px; padding:5px; text-align:left; padding-left:20px; color:#666; clear:both;font-size:12px;}
.next ul li{ width:710px; padding:0px 5px; height:28px; background-color:#EAE9E8; margin-bottom:5px;}
.next span{ color:#0d4da4; line-height:28px;}
.next a{ color:#666; text-align:left; font-size:12px; line-height:28px;}
.next a:hover{text-decoration:none; color:#0d4da4;}



/*新闻列表显示*/
.manews ul,li{ margin:0px; padding-left:0px; list-style-type:none;}
.manews ul{ width:730px;}/*就是manews的宽度 可以改*/
.manews ul li{ width:730px; height:30px; padding-left:0px; border-bottom:1px dashed #d3bfa1; line-height:30px; background:url(/images/dian.png) no-repeat left center;}/*使用的padding left了  所有少了-20px*/
.manews ul li a{ color:#666; line-height:30px; text-align:left; font-size:14px;padding-left:10px;}
.manews ul li a:hover{color:#ff6500;font-weight:bold; font-size:14px;}
.ys2{ float:right; color:#a88b60;font-size:13px;}


/*产品展示页面*/
.nei{float: left;width:200px;height:145px; margin-left:40px;}
.nei p{color:#000; font-size:12px; text-align:center; line-height:25px;}
.nei:hover{ text-decoration:none;}
.nei:hover p{ color:#0d4da4;}
.nei:hover .neinav{border:1px solid #666633;}
.neinav{width:170px;height:105px; padding:4px;border:1px solid #dfdfdf;}
.neinav img{width:170px;height:105px;}
.showimg {
max-width:500px;   /* FF IE7 */
max-height:430px; /* FF IE7 */
_width:expression(this.width > 500 && this.width > this.height ? 500: auto); /* IE6 */
_height:expression(this.height > 430 ? 430 : auto); /* IE6 */
}

.nei2{float: left;width:170px;height:255px; margin:10px 10px;}
.nei2 p{color:#000; font-size:12px; text-align:center; line-height:25px;}
.nei2:hover{ text-decoration:none;}
.nei2:hover p{ color:#0d4da4;}
.nei2:hover .nei2nav{border:1px solid #ff6500;}
.nei2nav{width:170px;height:210px; padding:2px;border:1px solid #dfdfdf;}
.nei2nav img{width:170px;height:210px;}
.showimg {
max-width:500px;   /* FF IE7 */
max-height:430px; /* FF IE7 */
_width:expression(this.width > 500 && this.width > this.height ? 500: auto); /* IE6 */
_height:expression(this.height > 430 ? 430 : auto); /* IE6 */
}

.nei3{float: left;width:220px;height:185px; margin:10px 6px;}
.nei3 p{color:#000; font-size:12px; text-align:center; line-height:25px;}
.nei3:hover{ text-decoration:none;}
.nei3:hover p{ color:#0d4da4;}
.nei3:hover .nei3nav{border:1px solid #666633;}
.nei3nav{width:185px;height:155px; padding:4px;border:1px solid #dfdfdf;}
.nei3nav img{width:185px;height:155px;}
/*在线留言*/
.panel-c-l td{padding:5px 5px;}
.login-text{height: 24px;left: 24px;border: 1px solid #e9e9e9;background: #f9f9f9;width: 400px;}
.login-validate{height: 24px;left: 24px;border: 1px solid #e9e9e9;background: #f9f9f9;width: 100px;}
.login-text-focus{border: 1px solid #574309;}
.login-btn{width: 114px;height: 29px;color: #000;line-height: 29px;background: url('/Images/login-btn.gif') no-repeat;border: none;overflow: hidden;cursor: pointer;border: 1px solid #e9e9e9; margin-right:20px;}
.note{width: 400px;height:100px}
.logincopyright{text-align: center;color: White;font-size:14px;margin-top: 50px;}

/*分页吗样式*/
.anpager .cpb {background:#014492 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#444;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none}
.anpager a:hover{background:#014492 none repeat scroll 0 0;border:1px solid #014492;color:#FFFFFF;}

.lxwm{ width:188px; padding-top:10px; padding-left:5px;border:0px solid #ccc;}
.lxwm p{ margin-bottom:5px; color:#333;}
.lyan{ margin:15px auto; width:194px; height:74px;}

/*foot*/
.foot{ width:100%; height:220px; background:url(/images/bottom_bg.jpg) repeat-x; clear:both;}
#footer { width: 100%; margin: 0 auto; overflow: hidden; float: left; background: #242933; height: auto; color: #7e8793; }



/* con4 */
.con4_bg {
	width:100%;
	background:url(../images/con4.jpg) 0 repeat-x;
	height:221px;
}
.con4 {
	width:980px;
	height:221px;
	margin:0 auto;
	overflow:hidden
}
.con4_left {
	float:left;
	width:528px;
	height:220px;
	overflow:hidden
}
.con4_title {
	background:url(../images/title5.png) 0 0 no-repeat;
	width:161px;
	height:53px;
	font:700 20px/53px "microsoft yahei";
	color:#7ab4e6;
	text-indent:54px;
	margin-top:12px;
}
.con4_left div {
	width:100%;
	height:128px;
	font:14px/32px "microsoft yahei";
	color:#7ab4e6;
	overflow:hidden;
	margin-top:10px;
}
.con4_left div a {
	color:#fff;
	margin-left:14px
}
.con4_contact {
	float:left;
	width:382px;
	padding:38px 0 0 60px;
}
.con4_contact p {
	width:352px;
	padding-left:30px;
	font:14px/39px "microsoft yahei";
	color:#7ab4e6;
	background:url(../images/con4tel.png) 3px 10px no-repeat;
}
.con4_contact p.zip {
	background-position: 3px -25px;
}
.con4_contact p.tel {
	background-position: 3px -64px;
}
.con4_contact p.fax {
	background-position: 3px -101px;
}

.linker{ width:500px; height:60px; margin:0px auto;}
.link a{ width:1100px; height:90px; margin:0px 5px; overflow:hidden;padding-top:10px;color:#fff; font-family:微软雅黑;}
.link ul li{ width:auto; height:90px; margin:0px 10px;color:#fff;text-align:center;font-family:微软雅黑;}
.link ul li img{ width:100px; height:40px;}

.sjz_MainNews{float:left; width:780px;overflow:hidden;}
.sjz_infoList{float:left;width:780px; height:240px;}
.sjz_infoList ul li{line-height:30px; font-size:14px;color:#6c6c6c;font-family:"microsoft yahei"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-indent:15px;}
.sjz_infoList ul li a:hover{ text-decoration:underline;}
.sjz_infoList ul li span{float:right; font-size:12px; color:#6c6c6c;font-family:"microsoft yahei";}

.hjzs { width:780px; float:left;margin-top:15px;}
.hjzs .title { width:100%; height:27px; float:left; background:url(../Images/hjzs_31.jpg);}
.hjzs .content { width:100%; float:left; padding-top:10px;}

.cpro{ width:760px; margin:5px 10px; height:160px; overflow:hidden;padding-top:0px;}
.cpro ul li{ float:left; width:145px; height:160px; margin:0px 5px; float:left;}
.cpro ul li img{ width:145px; height:155px; border:1px solid #dedede;}
.cpro ul li p{ width:144px; height:22px; margin:3px auto; background:url(/images/pt.png) no-repeat; line-height:21px; text-align:center;}
.cpro ul li a:hover{ text-decoration:none;}
.cpro ul li a:hover p{ color:#0d4da4;}
.cpro ul li a:hover img{ border:1px solid #0d4da4;}

.h_service { width:760px; margin:0 auto; padding-right:0px;}
.h_hq_list { width:760px; padding:10px 0; margin:0 auto;}
.h_hq_list li{ width:760px; height:140px; padding:10px 0; overflow:hidden; margin:0 auto;}
.h_hq_pic { width:150px; height:120px; padding:8px 8px 9px 9px; background:url(../images/h_pic_bg1.jpg) no-repeat; overflow:hidden; float:left; margin-top:0px;}
.h_hq_info { width:580px; height:200px; float:right;}
.h_hq_info .h_hq_title a{ width:550px; height:30px; display:block; line-height:30px; font-size:16px; font-weight:bold; color:#454545; overflow:hidden;}
.h_hq_info .h_hq_title a:hover{ width:500px; height:30px; display:block; line-height:30px; font-size:16px; font-weight:bold; color:#cd0000; overflow:hidden;}
.h_hq_info .h_hq_con{ width:550px; height:60px; line-height:20px; font-size:12px; color:#999; overflow:hidden; padding:10px 0; border-bottom:1px dashed #DEDEDE;}
.h_hq_info .h_hq_time{ width:550px; height:28px; line-height:28px; font-size:14px; color:#CCC; overflow:hidden;}
.h_hq_info .h_hq_time span{ display:block; float:left;}
.h_hq_info .h_hq_time a{ display:block; float:right; color:#454545; font-weight:bold; padding-right:4px;}



.h_hq_info .h_hq_time2{ width:500px; height:36px; line-height:36px; font-size:14px; color:#CCC; overflow:hidden;}
.h_hq_info .h_hq_time2 span{ display:block; float:left;}
.h_hq_info .h_hq_time2 a.h_icon{ display:block; float:right; height:30px; width:80px; background-position:-1px -143px; margin-top:12px; overflow:hidden; text-indent:-999px;}