@charset "utf-8";
/* css document */

/*common*/
body { font-family:"microsoft yahei";}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#fff;}
span { overflow:hidden;}/*兼容ie8*/

/*正文开始*/
.banner a { background:url(/uploads/image/sdi/banner.jpg) no-repeat center 0; height:585px; display:block}

/*国内储气罐著铭品牌*/
.pp { height:625px;}
.pp_top { padding:58px 0 40px; text-align:center;}
.pp_top a b { display:block; font-size:30px; color:#333; padding-top:3px;}
.pp_top a b em { color:#d04342;}
.pp_top a i { display:block; font-size:14px; color:#666; padding-top:4px}
.pp_top a:hover b{ color:#d04342;}

.pp01 { background:url(/uploads/image/sdi/sp_picbg.gif) no-repeat; width:522px; height:399px;}
.pp01 img { width:486px; height:273px; padding:20px 0 0 18px;}

.pp02 { width:678px;}
.pp02 ul li { float:left; padding-left:40px;}
.pp02 ul li a { background:url(/uploads/image/sdi/sp_libg01.gif) no-repeat; width:185px; height:185px; display:block; text-align:center;}
.pp02 ul li a:hover { background:url(/uploads/image/sdi/sp_libg02.gif) no-repeat;}
.pp02 ul li a span { display:block; font-size:24px; color:#fff; padding-top:50px;}
.pp02 ul li a:hover span { font-weight:bold;}
.pp02 ul li a em { display:block; font-size:16px; color:#fff; line-height:25px; padding-top:20px;}

.pp02 p { font-size:22px; color:#333; padding:35px 0 0 145px;}
.pp02 p b { color:#d04342; font-size:24px;}
.pp02 p i { display:block; padding-top:20px;}
.pp02 .pp_sp02 { display:block; padding:20px 0 0 165px;}
.pp02 .pp_sp02 img { display:block; float:left;}
.pp02 .pp_sp02 em { display:block; float:left; font-size:16px; color:#333; padding-left:34px; line-height:40px; width:300px;}
.pp02 .pp_sp02 em b { font-size:18px; color:#d04342;}

/**/
.zx_bg { background: url(/uploads/image/sdi/zx_bg10.gif) repeat-x #f7f7f7; height:1085px;}

.zx { width:252px; overflow:hidden;}
.zx_top { background: url(/uploads/image/sdi/zx_top.gif) no-repeat;  height:80px; line-height:66px; text-align:center;}
.zx_top a { font-size:20px; color:#fff; font-weight:bold;}
.zx_con { background:url(/uploads/image/sdi/zx_bg.gif) no-repeat; height:747px; padding:24px 0 0 20px;}
.zx_con h3 { background:url(/uploads/image/sdi/zx_h3.gif) no-repeat; width:213px; height:32px; line-height:32px; clear:both; margin-bottom:10px;}
.zx_con h3 a { font-size:16px; color:#fff; padding-left:25px;}
.zx_con h3 a:hover{text-decoration:underline;}
.zx_con ul { padding:0 0 0 10px;}
.zx_con ul li { height:32px; line-height:32px; padding-left:17px;}
.zx_con ul li a { font-size:14px; color:#555;}
.zx_con ul li a:hover{ color:#d04342; text-decoration:underline;}

.zx_con .zx_ul { height:106px;}
.zx_con .zx_ul li { float:left; width:85px;}

.zx_con ul.fp_ul li{ width:90px; float:left;}

/**/
.rx { width:915px; padding-left:33px;}
.rx_top { background:#333; height:58px; line-height:58px;}
.rx_top em { display:block; float:right; padding-right:20px;} 
.rx_top em a { color:#fff; font-size:14px;}
.rx_top ul li { float:left;}
.rx_top ul li a { color:#fff; font-size:18px; padding:0 35px; display:block; font-weight:bold;}
.rx_top ul li a:hover,.rx_top ul .cur a { background:#d04342}
.rx_con { padding-top:30px;}
.rx_con dl { padding:18px 0 0 17px; background:#fff; height:355px; margin-bottom:19px;}
.rx_con dl dt { float:left}
.rx_con dl dt img { width:496px; height:334px;}
.rx_con dl dd { float:left; width:375px; padding:30px 0 0 26px; height:300px; overflow:hidden; display:inline}
.rx_con dl dd p { clear:both;display:inline}
.rx_con dl dd div{ width:375px; height:198px; overflow:hidden;}
.rx_con dl dd .rx_p02 { height:145px;}
.rx_con dl dd p b { display:block; float:left; font-size:16px; color:#d04342; line-height:25px;}
.rx_con dl dd p em { display:block; float:left; font-size:14px; color:#333; width:290px; padding-bottom:10px; line-height:25px;}
.rx_con dl dd span { clear:both; display:block; margin-top:20px;}
.rx_con dl dd span img { margin-right:36px;}

/*广告*/
.pic01 { background:url(/uploads/image/sdi/pic01.jpg) no-repeat center 0; height:237px;}
.pic { width:1200px; margin: 0 auto;}
.pic01 p { position:absolute; top:147px; left:412px;}
.pic01 p span { display:block; font-size:14px; color:#fff; float:left; padding-right:10px;}
.pic01 p span b { font-size:26px; margin-bottom:10px;}
.pic02 { background:url(/uploads/image/sdi/pic02.jpg) no-repeat center 0; height:237px;}
.pic02 p span { color:#333; }
.pic02 p span b { color:#d04342;}

.pic03 { background:url(/uploads/image/sdi/pic03.jpg) no-repeat center 0; height:237px;}
.pic03 p { top:85px; left:888px;}
.pic03 p a { display:block;}
.pic03 p span { color:#333; font-size:14px;}
.pic03 p span b { color:#d04342}
.p_qq { top:83px; left:25px;}
.p_qq a { display:block; background:url(/uploads/image/sdi/qy_libg01.png) no-repeat; width:158px; height:138px; line-height:138px; text-align:center; font-size:16px; color:#333; font-weight:bold; float:left; margin-right:19px;}
.p_qq a:hover { background:url(/uploads/image/sdi/qy_libg02.png) no-repeat; color:#d04342;}

/*20多道严谨工序确保100%安全稳定*/
.aq_con { background:url(/uploads/image/sdi/aq_bg.jpg) no-repeat; height:564px; margin-bottom:50px;}
.aq_con dl { position:absolute; top:30px; left:0; width:500px;}
.aq_con dl dd { width:342px; float:left; padding-right:10px;}
.aq_con dl dd b { display:block; float: right;}
.aq_con dl dd b a { font-size:18px; color:#fff; display:block; background:url(/uploads/image/sdi/wd_libg01.gif) no-repeat; width:117px; height:30px; line-height:30px; text-align:center;}
.aq_con dl dd b a:hover { background:url(/uploads/image/sdi/wd_libg02.gif) no-repeat;}
.aq_con dl dd span { display:block; clear:both; text-align:right; font-size:14px; color:#333; line-height:30px; padding-top:10px;}
.aq_con dl dd span em { color:#d04342}
.aq_con dl dt { width:134px; float:left; padding-right:10px;}
.aq_con dl dt img { width:134px; height:134px;}

.aq_con .aq_dl02 { top:200px; left:-60px}
.aq_con .aq_dl03 { top:380px; left:-50px}
.aq_con .aq_dl04 { top:30px; left:738px}
.aq_con .aq_dl04 dd { padding:20px 0 0 5px;}
.aq_con .aq_dl04 dd b { float:left;}
.aq_con .aq_dl04 dd span { text-align:left}
.aq_con .aq_dl05 { top:203px; left:738px}
.aq_con .aq_dl06 { top:390px; left:751px}

/**/
.sc_bg { background: url(/uploads/image/sdi/sc_bg.gif) repeat-x; height:630px;}
.sc01 { width:214px; overflow:hidden;}
.sc01 ul li { margin-bottom:23px}
.sc01 ul li a { color:#fff; font-size:16px; display:block; width:214px; height:74px; line-height:74px; background:#333; text-align:center}
.sc01 ul li a:hover,.sc01 ul .cur a { background:#d04342;}

.sc02 { width:985px; overflow:hidden;}
.sc02 ul li { width:470px; height:365px; float:left; margin:0 0 0 20px; position:relative; overflow:hidden; display:inline}
.sc02 ul .nobor { margin:0;}
.sc02 ul li img { width:470px; height:365px;}
.sc02 ul li span { position:absolute; background: url(/uploads/image/sdi/btm07.png) repeat; width:470px; height:74px; line-height:74px; left:0; top:291px;  text-align:center;}
.sc02 ul li span a { color:#fff; font-size:16px; }

/*专业技术团队*/
.dz_con { padding-bottom:60px;}
.dz_con ul li { float:left; width:px; padding:0 12px 0 0;}
.dz_con ul .nobor { padding:0;}
.dz_con ul li a { display:block; width:228px; height:318px; border:solid 1px #a2a2a2; padding-top:50px; color:#313131;}
.dz_con ul li a:hover { background:#d04443; border:solid 1px #d04443; color:#fff; }
.dz_con ul li a i { display:block;  background:url(/uploads/image/sdi/dz_ico01.png) no-repeat; width:82px; height:78px; margin:0 auto;}
.dz_con ul li a:hover i { background:url(/uploads/image/sdi/dz_ico02.png) no-repeat;}
.dz_con ul li a b { font-size:18px; display:block; margin-left:18px; height:38px; border-bottom:solid 1px #313131; margin-top:40px; width:78px;}
.dz_con ul li a:hover b {border-bottom:solid 1px #fff;}
.dz_con ul li a em { display:block; padding:10px 0 0 18px; width:205px; line-height:25px; font-size:14px; height:95px;}
.dz_con ul li a span { width:113px; height:38px; line-height:38px; border:solid 1px #333; font-size:16px; display:block; text-align:center; margin:0 auto;}
.dz_con ul li a:hover span {  border:solid 1px #fff; font-size:16px;}

.dz_con ul .dz_li02 a i { background:url(/uploads/image/sdi/dz_ico01.png) no-repeat -247px 0;}
.dz_con ul .dz_li02 a:hover i { background:url(/uploads/image/sdi/dz_ico02.png) no-repeat -247px 0;}
.dz_con ul .dz_li03 a i { background:url(/uploads/image/sdi/dz_ico01.png) no-repeat -486px 0;}
.dz_con ul .dz_li03 a:hover i { background:url(/uploads/image/sdi/dz_ico02.png) no-repeat -486px 0;}
.dz_con ul .dz_li04 a i { background:url(/uploads/image/sdi/dz_ico01.png) no-repeat -696px 0; width:142px;}
.dz_con ul .dz_li04 a:hover i { background:url(/uploads/image/sdi/dz_ico02.png) no-repeat -696px 0;}
.dz_con ul .dz_li05 a i { background:url(/uploads/image/sdi/dz_ico01.png) no-repeat -967px 0;}
.dz_con ul .dz_li05 a:hover i { background:url(/uploads/image/sdi/dz_ico02.png) no-repeat -967px 0;}

/**/
.hy .sc01 { width:157px;}
.hy .sc01 ul li { margin-bottom:10px;}
.hy .sc01 ul li a { width:157px; height:56px; line-height:56px;}
.hy .sc02 { width:1043px; overflow:hidden;}
.hy .sc02 ul li { width:498px; height:320px; float:left; margin:0 0 0 20px; position:relative;}
.hy .sc02 ul .nobor { margin:0;}
.hy .sc02 ul li img { width:498px; height:320px;}
.hy .sc02 ul li span { position:absolute; background: url(/uploads/image/sdi/btm07.png) repeat; width:498px; height:55px; line-height:55px; left:0; top:265px;  text-align:center;}
.hy .sc02 ul li span a { color:#fff; font-size:16px; }
.hy .sc02 ul li span a em { padding-left:80px;}

/*合作伙伴 */
.hz { padding-top:30px;}
.hz_top { background:url(/uploads/image/sdi/hz_xx.gif) no-repeat 0 bottom; height:30px}
.hz_top a { font-size:20px; color:#333; font-weight:bold;}
.hz_top a em { font-size:15px; font-weight:normal;}
.hz_con { padding-top:20px;}
.hz01 { padding:30px 15px 0 0}
.hz03 { padding:30px 0 0}
.hz01 a { background:url(/uploads/image/sdi/hz_le01.gif) no-repeat; width:40px; height:40px; display:block;}
.hz01 a:hover { background:url(/uploads/image/sdi/hz_le02.gif) no-repeat;}
.hz03 a { background:url(/uploads/image/sdi/hz_ri01.gif) no-repeat; width:40px; height:40px; display:block;}
.hz03 a:hover { background:url(/uploads/image/sdi/hz_ri02.gif) no-repeat;}

.hz02 { height:182px;}
.hz02 ul li { float:left; background:url(/uploads/image/sdi/hz_picbg.gif) no-repeat; width:190px; height:150px; margin-right:30px; display:inline}
.hz02 ul li img { width:180px; height:87px; padding:5px 0 0 5px;}
.hz02 ul li span { display:block; height:25px; line-height:25px; overflow:hidden; text-align:center; padding-top:10px;}
.hz02 ul li span a { color:#44413e; font-size:14px;}

/*见证*/
.jz_bg { background:url(/uploads/image/sdi/zx_bg10.gif) no-repeat center 0; height:705px;}

.jz_con { padding-left:100px; display:inline-block; width:534px;} 
.jz_con dl { background:url(/uploads/image/sdi/jz_picbg.png) no-repeat; width:534px; height:138px; margin-bottom:35px; display: inline-block} 
.jz_con dl dt { float: left;}
.jz_con dl dt img { width:137px; height:136px;}
.jz_con dl dd { float: left; width:360px; padding-left:18px;}
.jz_con dl dd b{ line-height:30px; height:30px; overflow:hidden; display:block; padding-top:20px;}
.jz_con dl dd b a { font-size:16px; color:#d04342;}
.jz_con dl dd b a:hover{ text-decoration:underline;}
.jz_con dl dd p { color:#838383; line-height:22px; font-size:14px;}
.jz_con dl dd span { display:block; padding-top:10px;}
.jz_con dd em { display:block; color:#12691b; line-height:30px;}

.jz_con dl.khjz_dlbj{background:url(/uploads/image/sdi/jz_picbg1.png) no-repeat;}
.jz_con dl.khjz_dlbj dt{ float:right;}

/*上海申江压力容器有限公司*/
.zj_con { padding-top:60px;}

.zj_con dl { height:275px;}
.zj_con dt { float:left; padding-right:35px;}
.zj_con dt img { width:597px; height:370px;}
.zj_con dd { float:left; width:555px; padding-top:30px;}
.zj_con dd b {  height:30px; line-height:30px; display:block; text-align:center;}
.zj_con dd b a { font-size:26px; color:#d04342;}
.zj_con dd em { display:block; font-family:arial; font-size:14px; color:#adadad; text-transform:uppercase; text-align:center; padding:5px 0}
.zj_con dd p { line-height:30px; font-size:14px; color:#666; height:170px; overflow:hidden; padding-top:30px}
.zj_con dd p a { color:#d04342;}
.zj_con dd span { display:block; }
.zj_con dd span a { display:block; float: left; width:118px; height:47px; line-height:47px; background:#1d1d1d; font-size:14px; color:#fff; margin-right:30px; text-align:center;}
.zj_con dd span a:hover { background:#d04342;}

/*资质*/
.zz { padding-top:38px;}

.zz_con { padding:20px 0 0; display:inline-block}
.zz_con ul li { float:left; width:281px; padding:0 18px 0 0;}
.zz_con ul .nobor { padding:0;}
.zz_con ul li i { width:279px; height:284px; border:solid 1px #ccc; display:block; text-align:center;}
.zz_con ul li i a img { width:186px; height:257px; padding-top:14px;}
.zz_con ul li span a { display:block; text-align:center; color:#333; font-size:14px; padding-top:20px;}

/*申江发展历程*/
.lc_bg { background:url(/uploads/image/sdi/lc_bg.gif) repeat-x; height:529px; margin:60px 0 30px;}
.lc_con { margin-top:3px;}
.lc_con ul li { position: absolute; top:0; left:45px;}
.lc_con ul li a { background:url(/uploads/image/sdi/lc_libg01.gif) no-repeat; width:212px; height:174px; display:block; color:#fff;}
.lc_con ul li a:hover { background:url(/uploads/image/sdi/lc_libg02.gif) no-repeat;}
.lc_con ul li a b { display:block; font-size:16px; padding:30px 0 0 12px;}
.lc_con ul li a em { display:block; font-size:14px; color:#fff; padding:0 10px 0 12px; line-height:25px;}
.lc_con ul .lc_li02 { left:401px;}
.lc_con ul .lc_li03 { left:752px;}
.lc_con ul .lc_li04 { top:156px; left:222px;}
.lc_con ul .lc_li04 a { background:url(/uploads/image/sdi/lc_libg03.gif) no-repeat;}
.lc_con ul .lc_li04 a b { padding-top:80px;}
.lc_con ul .lc_li04 a:hover { background:url(/uploads/image/sdi/lc_libg04.gif) no-repeat;}
.lc_con ul .lc_li05 { top:156px; left:577px;}
.lc_con ul .lc_li06 { top:156px; left:932px;}

/**/
.dt { width:766px;}
.dt_top { height:41px; background:#333; line-height:41px; overflow:hidden}
.dt_top span { float:right; display:block; padding:0 22px 0 0}
.dt_top span a { font-size:14px; color:#fff;}
.dt_top ul li { float:left; }
.dt_top ul li a { font-size:16px; color:#fff; height:48px; display:inline-block; padding-right:30px;}
.dt_top ul li a img { float:left; padding:9px 8px 0 9px;}
.dt_top ul li a:hover,.dt_top ul .cur a { background:#d04342; }

.dt_con { padding:22px 0 0; width:px; overflow:hidden;}
.dt_con dl { height:230px;}
.dt_con dl dt { float:left; padding-right:10px;}
.dt_con dl dt img { width:390px; height:207px; border:solid 1px #d3d3d3; padding:4px;}
.dt_con dl dd { float:left; width:340px; padding-left:10px;}
.dt_con dl dd b { height:30px; display:block;}
.dt_con dl dd b a { font-size:16px; color:#d04342; font-weight:normal;}
.dt_con dl dd p { line-height:30px; color:#666; height:140px; overflow:hidden; font-size:14px}
.dt_con dl dd span a { font-size:14px; color:#d04342; text-decoration:underline;}

.dt_list { padding-top:10px;}
.dt_list ul li { height:35px; line-height:35px; overflow:hidden; width:378px; float:left;}
.dt_list ul li.ds{ margin-right:10px;}
.dt_list ul .nobor { border:none;}
.dt_list ul li a { color:#333; font-size:14px}
.dt_list ul li a span { float:right; display:block;}
.dt_list ul li a:hover { color:#d04342;}

/*答疑解惑*/
.wd { width:410px; padding-left:24px;}
.wd_top { background:#333; height:41px; line-height:41px;}
.wd_top em { display:block; float:right; padding-right:10px;}
.wd_top em a { font-size:16px; color:#fff;}
.wd_top span img { display:block; float:left; padding:10px 10px 0;}
.wd_top span a { color:#fff; font-size:16px}

.wd_con dl { padding:13px 0; border-bottom: solid 1px #e5e5e5;}
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url(/uploads/image/sdi/wd_w.gif) no-repeat left 6px; height:30px; line-height:30px; padding-left:30px; overflow:hidden;}
.wd_con dl dt a { color:#333; font-size:14px}
.wd_con dd { background:url(/uploads/image/sdi/wd_d.gif) no-repeat left 4px; width:366px;  line-height:25px; padding-left:30px; color:#666; white-space:normal; word-break:normal; font-size:14px}

/*友情链接*/
.yq_bg { border-top:solid 1px #c0c0c0; padding-top:30px; margin-top:50px; height:auto;overflow:hidden;}
.yq_bg span { display:block; width:126px; border-right:solid 1px #969797; float:left;}
.yq_bg span a { font-size:20px; color:#323333;}
.yq_bg span a em { display:block; font-family:arial; font-size:30px; text-transform:uppercase; color:#d04342}
.yq_bg p { float:left; padding-left:50px; width:950px; line-height:19px; color:#ececec;}
.yq_bg p a { font-size:14px; color:#999; padding-right:62px; padding-right:5px;}
.yq_bg p a:hover { color:#d04342;}


.zzsm{ height:341px; width:500px; position:fixed; top:100px; left:0px; right:0px; margin:0 auto;  z-index:10;}
.zzsm .ico_div{ width:500px; width:22px; height:22px;  position:absolute; right:2px;}
.zzsm .ico_div img{width:22px; height:22px; float:right; cursor:pointer;}