@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF; border:solid 1px #d6d6d6;}
/**/
.c_bg { background:url(../images/c_bg.gif) repeat;}

.zx { width:287px;}
.zx_top { background:url(../images/zx_top.gif) no-repeat; width:287px; height:47px; line-height:40px;}
.zx_top h2 { padding-left:10px;}
.zx_top h2 a { font-family:""; font-size:18px; color:#fff; font-weight:normal;}
.more03 { padding-right:10px}
.more03 a { color:#fff; font-size:12px;}

.zx_con { background:url(../images/zx_con.gif) repeat-y; width:287px; height:824px; overflow:hidden}
.zx_con h2 { background:url(../images/zx_h2.gif) no-repeat; width:237px; height:36px; line-height:36px; padding-left:50px; clear:both;}
.zx_con h2 a { font-size:13px; color:#000;} 

.zx_con h3 { background:url(../images/zx_h3.gif) no-repeat; width:237px; height:34px; line-height:30px; padding-left:40px; clear:both;}
.zx_con h3 a { font-size:12px; color:#6f1e25;} 
.zx_con ul { padding:11px 0 0 21px; display:inline-block;}
.zx_con ul li { float:left; width:133px; height:30px; line-height:30px;}
.zx_con ul li a { color:#444;}

/*慢裂快凝乳化沥青*/
.cp { width:673px;}
.cp_top { background:url(../images/cp_top.gif) no-repeat; width:673px; height:41px; line-height:40px}
.cp_top h2 { padding-left:20px;}
.cp_top h2 a { font-family:""; font-size:18px; font-weight:normal; color:#000;}
.more2 { padding-right:20px;}
.more2 a { color:#6d1c23; font-size:12px;}

.cp_con { padding:30px 0 0 20px; display:inline-block; height:735px; border:solid 1px #d6d6d6; border-top:none; border-left:none; width:652px; background:#fff; overflow:hidden} 
.cp_con ul{ height:655px;}
.cp_con ul li { width:200px; height:200px; float:left; padding:0 15px 30px 0;}
.cp_con ul li img { width:200px; height:170px;}
.cp_con ul li span { display:block; height:30px; line-height:30px; text-align:center;}

/*遇到过这样困惑吗*/
.yh { }

.yh ul li { background:url(../images/ico01.gif) no-repeat left 19px; height:40px; line-height:40px; font-family:""; font-size:16px; color:#000; padding-left:15px;}
.yh ul li span { color:#d50908;}

/*大推荐理由*/
.ys .y_pho { margin:5px 10px 0 0;}
.ys_top { }
.ys_top p { padding:148px 0 0 40px; font-family:""; font-size:18px; color:#fff;}
.ys_top p span { font-size:20px;}

.ys01 { }
.dl01 { padding:55px 0 0 55px;}
.dl01 dd { font-family:""; font-size:16px; color:#444; width:408px; line-height:25px; background:url(../images/y_xx.gif) repeat-x 0 0; padding-top:5px; margin-top:5px;}
.dl01 dd span { color:#d50908}

.ys02 { }
.ys03 { }

/*荣成路桥案例展示*/
.zs { width:958px;}
.zs_top { background:url(../images/zs_top.gif) repeat-x; height:30px; padding:8px 0 0;}
.more01 { padding:2px 10px 0 0;}
.more01 a { color:#a0a0a0;}
.zs_top h2 { padding:0 0 0 15px;}
.zs_top h2 a { color:#fff; font-family:""; font-size:16px; font-weight:normal; padding-left:5px;}

.zs_con { padding:21px 0;}
.hz01 { padding:40px 15px 0 0;}
.hz03 { padding:40px 0 0 15px;}
.hz02 ul li { float:left; padding:0 8px; width:209px;}
.hz02 ul li img { border:solid 1px #dedede; padding:1px; width:205px; height:124px;}
.hz02 ul li span { display:block; height:25px; line-height:25px; overflow:hidden; text-align:center;}
.hz02 ul li span a { color:#4c4c4c}

/*荣成客户见证*/
.jz { width:668px;}

.jz_con { padding:10px 0 0 10px; height:300px; overflow:hidden}
.jz_con dl { height:150px;}
.jz_con dt { float:left; padding-right:12px;}
.jz_con dt img { border:solid 1px #dedede; padding:1px; width:215px; height:121px;}
.jz_con dd { float:left; width:400px; }
.jz_con dd h2 { height:25px;}
.jz_con dd h2 a { font-size:12px; color:#444;}
.jz_con dd p { line-height:25px;}
.jz_con dd p a { color:#d50908;}


/*荣成合作伙伴*/
.hb { width:278px; margin:10px 0 0 10px;}

.hb_con { padding:20px 0 0 16px; height:290px; overflow:hidden} 
.hb_con ul li { float:left; padding:0 10px 10px 0;}
.hb_con ul li img { border:solid 1px #d1d1d1; padding:1px; width:113px; height:55px;}

/*关于荣成*/
.gy { width:668px; height:280px;}

.gy_con { padding:20px 0 0 20px; overflow:hidden}
.gy_con dt { float:left; padding-right:13px;}
.gy_con dt img { padding:3px; border:solid 1px #dedede; width:237px; height:256px;}
.gy_con dd { float:left; width:370px;}
.gy_con dd h3 { height:25px;}
.gy_con dd h3 a { font-size:12px; color:#444;}
.gy_con dd p { line-height:24px; height:90px; border-bottom:dashed 1px #d8d8d8;}
.gy_con dd p a { color:#d50908;}
.gy_con dd ul { padding:0 0 0 10px;}
.gy_con dd ul li { overflow:hidden; float:left; background:url(../images/ico02.gif) no-repeat left 13px; height:30px; line-height:30px; width:170px; padding-left:10px;}

/*荣誉资质*/
.zz { width:278px; margin-left:10px; height:280px; overflow:hidden}
.zz_con { padding:15px 0 0 0px; display:inline-block}
.zjs01,.zjs03 { padding:100px 8px 0;}
.zjs02 ul li { float:left; width:187px; padding:0 5px;}
.zjs02 ul li img { border:solid 1px #d8d8d8; padding:2px; width:181px; height:211px;}
.zjs02 ul li span { display:block; text-align:center; height:30px; line-height:30px; overflow:hidden;}

.zz_bot { padding:10px 0 0; display:inline-block;}
.zz_bot ul li { height:25px; line-height:25px; padding-left:20px;}
/*最新资讯*/
.ne { width:318px; overflow:hidden; height:370px;}
.dt_list { padding:10px; height:300px;}
.dt_list ul li { height:30px; line-height:30px; padding-right:15px; overflow:hidden; background:url(../images/ico03.gif) no-repeat left 10px; padding-left:15px;}
.dt_list ul li span { float:right; color:#b5b5b5;}

/*技术资料*/
.zl { width:628px; margin:10px 0 0 10px; overflow:hidden; height:370px;}
.dt_list01 ul li { width:600px; /*float:left;*/ padding:0 0 0 10px; margin-right:30px; background:url(../images/ico02.gif) no-repeat left 13px; border-bottom:dashed 1px #d8d8d8;} 
.dt_list01 ul .nobor01 { border-bottom:none;}

/*友情链接*/
.yq { background:url(../images/yq_bg.gif) no-repeat; height:107px;}
.yq_top { padding:12px 0 0 24px;}
.yq_top h2 img { float:left; padding:5px 10px 0 0;}
.yq_top h2 span { float:left; display:block;}
.yq_top h2 span a { font-family:""; font-size:18px; color:#140000; font-weight:normal;}

.yq_con { padding:10px; line-height:25px;}
.yq_con a { padding:0 10px;}

.Scroller{margin-top: 23px;width: 820px;line-height: 20px;height: 20px;} 
.ScrollMid{float: left;}
.ScrollMid ul{width: 820px;float: left; }
.ScrollMid li{list-style: none;float: left;width: 360px;padding-right: 50px;line-height: 20px;height: 20px; overflow:hidden;}
.ScrollMid li span{ float:right;}