﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
.bor01 { border:solid 1px #d3d3d3; border-top:none;}

/*正文开始*/
.ban_bg { height:400px; margin-bottom:20px;}

/*合作伙伴*/
.hb { background:#eaeaea; width:958px; border:solid 1px #d5d5d5; height:170px;}

.hb01 { width:680px; overflow:hidden;}
.hb_top { background:url(Img/Index/hz_xx.gif) no-repeat center bottom; line-height:40px;}
.hb_top span { float:right; display:block; padding:20px 20px 0 0;}
.hb_top span img { padding-right:5px}
.hb_top h3 { padding-left:20px;}
.hb_top h3 a { font-family:"Microsoft YaHei"; font-size:16px; font-weight:normal; color:#dda55e;}
.hb_top h3 q { font-family:Arial; font-size:16px; font-weight:normal; padding-left:5px;}

.hz_con { padding:20px 0 0 10px;}
.hz_con ul li { float:left; width:144px; padding:0 10px; overflow:hidden;}
.hz_con ul li img { border:solid 1px #d4d4d4; width:142px; height:71px;}
.hz_con ul li span { display:block; height:25px; line-height:25px; overflow:hidden; text-align:center;}


.bz { background:url(Img/Index/bz_yy.gif) repeat-y; width:278px; height:170px;}
.bz h3 { padding:10px 0 0 10px;}
.bz h3 a { font-family:"Microsoft YaHei"; font-size:18px; color:#d60000;}

.bz_inp { padding:10px 0 0 40px;}
.bz_inp p { width:235px; height:31px;}
.bz_inp p span { font-family:"Microsoft YaHei"; font-size:14px; color:#aa0000; display:block; float:left; width:45px; line-height:27px;}
.bz_inp01 { width:148px; height:25px; line-height:25px; border:solid 1px #b9b9b9; padding:0 2px;}

.bz_inp q { display:block; padding-top:10px;}
.bz_inp q img { padding:0 10px 0 0;}

/*裕昌包装产品系列*/
.zx { width:228px; margin-top:20px;}
.zx_top { background:url(Img/Index/zx_top.gif) no-repeat; width:228px; height:41px; line-height:41px;}
.zx_top a { font-family:"Microsoft YaHei"; font-size:16px; color:#fff; padding-left:26px;}

.zx_con { width:214px; border:solid 1px #ccc; padding:15px 0 0 12px; height:769px; }
.zx_con h3 { background:url(Img/Index/zx_h3.gif) no-repeat; width:201px; height:27px; line-height:27px; clear:both; margin-bottom:5px;}
.zx_con h3 a { font-family:"Microsoft YaHei"; font-size:14px; color:#000; font-weight:normal; padding-left:15px;}
.zx_con ul { width:209px;}
.zx_con ul li {height: 33px;line-height: 33px;position: relative;  display: block;padding-left: 30px;}
.zx_con ul li a { padding-right:10px; height:33px; /*width:90px;*/ overflow:hidden; display:block;}
.zx_con ul li a:hover,.zx_con ul .cur a { background:url(Img/Index/ico0.gif) no-repeat right 13px; display:inline-block; text-decoration:none;}

.zx_list { background:#fff; border:solid 1px #c5c5c5; top:8px; left:77px; width:105px; padding:5px; display:none;}
.zx_list p { background:url(Img/Index/ico00.gif) no-repeat 0 10px; height:25px; line-height:25px; padding-left:10px; border-bottom:solid 1px #dddedd;}
.zx_con ul .zx_list p a { background:none;}

.zx_con .ul01 li { width:99px; overflow:hidden;}
.zx_con .ul01 li a { padding-right:7px; _padding-right:5px;}
.zx_con ul .li01 { width:110px;}

.zx_pic { background:url(Img/Index/zx_pic.gif) no-repeat; width:228px; height:144px;}
.zx_pic p { padding:96px 0 0 43px;}

/*包装袋定制展示*/
.cp { width:711px; margin:20px 0 0 20px;}
.cp_top { background:url(Img/Index/cp_top.gif) no-repeat; width:711px; height:35px; line-height:35px;}
.cp_top span { float:right;}
.cp_top h3 { padding-left:40px;}
.cp_top h3 a { font-family:"Microsoft YaHei"; font-size:18px; color:#dda55e; font-weight:normal;}

.cp_con { padding-top:16px; display:inline-block;}
.cp_con dl { float:left; padding:0 30px 0 0; height:211px; overflow:hidden;}
.cp_con .nobor { padding:0;}
.cp_con dl dt img { border:solid 1px #d5d5d5; width:214px; height:169px;}
.cp_con dl dd p { width:122px; height:35px; line-height:35px; float:left; text-align:center;}
.cp_con dl dd span { float:left; display:block; margin-top:10px;}
.cp_con dl dd span a { background:url(Img/Index/cp_but01.gif) no-repeat; width:78px; height:21px; display:block;}
.cp_con dl dd span a:hover { background:url(Img/Index/cp_but02.gif) no-repeat; width:78px; height:21px; display:block;}

/*裕昌包装应用解决方案*/
.fa { width:958px; margin-top:10px;}
.fa_top { background:url(Img/Index/fa_top.gif) no-repeat; width:956px; height:40px; line-height:40px; border-left:solid 1px #d3d3d3; border-right:solid 1px #d3d3d3;} 
.fa_top span { float:right; padding-right:10px;}
.fa_top h3 { padding-left:40px;}
.fa_top h3 a { font-family:"Microsoft YaHei"; font-size:14px; color:#dda55e; font-weight:normal;}

.fa_con { width:935px; padding:17px 0 0 21px;}
.fa_con dl { float:left;width: 176px;height:200px; margin:0 25px; display:inline;}
.fa_con dt img { padding:2px; border:solid 1px #c8c8c8; width:170px; height:151px;}
.fa_con dd { height:20px;padding-top:5px;line-height:20px;text-align:center;overflow:hidden;}
.fa_con dd h3 { line-height:20px; font-size:12px; overflow:hidden}
.fa_con dd h3 a { font-size:12px; color:#2c2c2c;}
.fa_con dd p { line-height:23px; color:#646464}
.fa_con dd p a { color:#dda55e; font-weight:bold;}
.fa_con dd span { line-height:30px; display:block;}
.fa_con dd span a { color:#dda55e; font-weight:bold;}

/*裕昌包装合作流程*/
.lc_bg { background:url(Img/Index/lc_bg.gif) repeat-x 0 0; height:253px; margin-top:15px;}
.lc { width:960px; margin:0 auto;}

.lc h3 { background:url(Img/Index/lc_bt.gif) no-repeat; width:178px; height:34px; line-height:34px; text-align:center;}
.lc h3 a { font-family:"Microsoft YaHei"; font-size:18px; color:#fff; font-weight:normal;}

.lc_con { background:url(Img/Index/lc_xx.gif) repeat-x 0 55px; height:115px;}
.lc_con dl dt { padding-top:18px; height:40px; overflow:hidden;}
.lc_con dl dt ul li { float:left; padding-right:121px;}
.lc_con dl dt ul li a { background:url(Img/Index/lc_libg01.gif) no-repeat center bottom; height:40px; display: inline-block; font-family:"Microsoft YaHei"}
.lc_con dl dt ul li a:hover { background:url(Img/Index/lc_libg02.gif) no-repeat center bottom; color:#ce0001; text-decoration:none;}

.lc_con dl dd { height:40px; overflow:hidden; margin:-3px 0 0; }
.lc_con dl dd ul li { float:left; padding-left:121px;}
.lc_con dl dd ul li a { background:url(Img/Index/lc_libg03.gif) no-repeat center 0; height:20px; padding-top:20px; display: inline-block; font-family:"Microsoft YaHei"}
.lc_con dl dd ul li a:hover { background:url(Img/Index/lc_libg04.gif) no-repeat center 0; color:#ce0001; text-decoration:none;}


/*选择裕昌包装的6大理由*/
.ys_bg { background:url(Img/Index/ys_bg.gif) repeat-x; height:1353px;}
.ys { padding-top:2px; width:960px; margin:0 auto;}
.ys01 { background:url(Img/Index/ys01.jpg) no-repeat; height:392px;}
.ys01 dl dt { border-bottom:solid 1px #c8c8c8; height:50px; width:454px;}
.ys01 dl dt img { float:left;}
.ys01 dl dt p { float:left; padding-left:10px;}
.ys01 dl dt p a { font-family:"Microsoft YaHei"; font-size:22px; color:#dda55e;}
.ys01 dl dt p a:hover,.ys01 dl dt img:hover{ text-decoration:none; cursor:default;}
.ys01 dl dt p q { display:block; font-family:Arial; font-size:14px; text-transform:uppercase;}
.ys01 dl dd { clear:both; padding:10px 0 30px; display:inline-block;}
.ys01 dl dd ul li { font-family:"Microsoft YaHei"; font-size:14px; color:#393939; line-height:30px; background:url(Img/Index/ys_ico01.gif) no-repeat 0 12px; padding-left:15px;}
.ys01 dl dd ul li span { color:#dda55e;}

.ys02 { background:url(Img/Index/ys02.jpg) no-repeat; height:392px; padding-left:465px;}
.ys03 { background:url(Img/Index/ys03.jpg) no-repeat; height:402px;}

/*广告*/
.pic { margin:15px 0;}
.p_but { top:90px; left:570px;}
.p_dh { font-family:"Microsoft YaHei"; font-size:15px; color:#fff; top:45px; right:0;}
.p_dh span { display:block; font-size:30px;}

.p_inp { top:66px; left:588px;}
.p_inp p { width:165px; float:left}
.p_inp p span { display:block; width:50px; text-align:center; height:22px; line-height:22px; font-family:"Microsoft YaHei"; font-size:14px; color:#fff; float:left;}
.p_inp01 { background:url(Img/Index/p_inp01.gif) no-repeat; width:100px; height:22px; line-height:22px; padding:0 2px; border:none;}
.p_but01 { top:100px; left:665px;}

.p_inp02 { top:55px; left:766px;}
.p_inp02 p { clear:both; padding-bottom:10px;}
.p_but02 { top:125px; left:766px;}

.p_inp03 { left:630px;}
.p_but03 { top:123px; left:703px;}

.p_inp04 { top:15px;}
.p_but04 { top:80px; left:765px;}

.p_inp05 { top:95px; left:523px;}
.p_inp05 p span { color:#4a281c}
.p_but05 { top:128px; left:620px;}
.p_dh05 { font-family:"Microsoft YaHei"; font-size:20px; color:#fff; top:35px; left:530px;}

.p_dh06 { font-family:"Microsoft YaHei"; font-size:20px; color:#343434; top:65px; left:280px;}
.p_dh06 span { font-size:24px; color:#cc0100; font-weight:bold;}
.p_inp06 { top:105px; left:280px;}
.p_inp06 p span { color:#46291b;}
.p_but06 { top:140px; left:375px;}

/*裕昌的客户见证*/
.jz_con dl { padding-right:18px; width:449px;}
.jz_con dl dt img { width:198px; height:151px;}
.jz_con dl dd { width:235px;}
.jz_con dl dd h3 { line-height:30px}
.jz_con dl dd p { line-height:25px;}

.jz_con01 { padding:20px 0 0 20px;}
.jz_con01 dl { float:left; height:180px; padding-right:3px;}
.jz_con01 dt { float:left; padding-right:10px;}
.jz_con01 dt img { padding:2px; border:solid 1px #c8c8c8; width:198px; height:151px;}
.jz_con01 dd { float:left; width:250px}
.jz_con01 dd h3 { line-height:20px; font-size:12px; overflow:hidden}
.jz_con01 dd h3 a { font-size:12px; color:#2c2c2c;}
.jz_con01 dd p { line-height:23px; color:#646464}
.jz_con01 dd p a { color:#dda55e; font-weight:bold;}
.jz_con01 dd span { line-height:30px; display:block;}
.jz_con01 dd span a { color:#dda55e; font-weight:bold;}


/*裕昌企业相册展示*/
.zs { width:958px;}
.zs_con { width:946px;}

.zs_con { padding:20px 0 0 10px;}
.zs_con ul li { float:left; width:144px; padding:0 4px; overflow:hidden;}
.zs_con ul li img { border:solid 1px #d4d4d4; width:142px; height:71px;}
.zs_con ul li span { display:block; height:25px; line-height:25px; overflow:hidden; text-align:center;}
.zs_con .kc02 ul li { width:208px;}
.zs_con .kc02 ul li img { width:202px; height:138px; padding:2px;}
.zs_con .kc01,.zs_con .kc03 { padding:50px 10px 0}

/*走进裕昌*/
.zj { width:717px; margin:15px 0 0 0; overflow:hidden; }
.zj_top { width:715px;}

.zj_con { padding:18px 0 0 14px; height:326px; overflow:hidden}
.zj_con dl { height:315px;}
.zj_con dt { float:left; padding-right:15px;}
.zj_con dt img { }
.zj_con dd { float:left; width:320px;}
.zj_con dd h3 { height:30px; line-height:30px;}
.zj_con dd h3 a { font-size: 12px; color:#000;}
.zj_con dd p { line-height:25px; padding-bottom:20px;}
.zj_con dd span a { color:#dda55e;}

/*裕昌荣誉资质*/
.zz { width:228px; height:331px; margin-top:15px;}
.zz_top { background:url(Img/Index/zz_top.gif) no-repeat; width:229px; height:40px; line-height:40px;}
.zz_top span { float:right; padding-right:10px;}
.zz_top span a { color:#fff;}
.zz_top h3 { padding-left:10px;} 
.zz_top h3 a { font-family:"Microsoft YaHei"; font-size:14px; color:#fff;}

.zz_con { padding:14px 0 0 22px; height:330px; overflow:hidden}
.zz_con ul li { width:180px;}
.zz_con ul li img { width:170px; height:119px; border:solid 5px #e0e0e0;}
.zz_con ul li span { display:block; height:30px; line-height:30px; text-align:center;}

/*裕昌快讯*/
.dt { width:717px; margin:15px 0px 0 0; overflow:hidden} 
.dt_top { background:url(Img/Index/dt_top.gif) repeat-x; height:40px; line-height:40px; border-right:solid 1px #d3d3d3; border-left:solid 1px #d3d3d3;}
.dt_top span { float:right; padding-right:5px;}
.dt_top ul { padding:7px 0 0 7px;}
.dt_top ul li { float:left;}
.dt_top ul li a {  width:86px; text-align:center; line-height:32px; height:32px; display:block; font-family:"Microsoft YaHei"; font-size:14px;}
.dt_top ul li a:hover,.dt_top ul .cur a { background:url(Img/Index/dt_libg.gif) no-repeat; color:#fff; text-decoration:none;}

.dt_con { padding:15px 0 0 18px;overflow:hidden; display:inline-block; height:285px; overflow:hidden;}
.dt_con dl { height:132px;}
.dt_con dl dt { float:left; padding-right:10px;}
.dt_con dl dt img { width:205px; height:117px; padding:2px; border:solid 1px #d5d5d5}
.dt_con dl dd { float:left; width:425px;}
.dt_con dl dd h3 { height:30px; line-height:30px;}
.dt_con dl dd h3 a { font-size:12px; color:#2c2c2c; font-weight:bold;}
.dt_con dl dd p { line-height:22px; padding-bottom:10px;}
.dt_con dl dd span a { font-weight:bold; color:#dda55e;}

.dt_list ul li { height:28px; line-height:28px; padding: 0 28px 0 15px;  overflow:hidden; background:url(Img/Index/ico03.gif) no-repeat left 11px; float:left; width:305px;}
.dt_list ul li span { float:right;}

/*常见问题*/
.wd_con { height:290px; padding-top:10px; overflow:hidden;}
.wd_con dl { padding:5px;}
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url(Img/Index/wd_w.gif) no-repeat left 8px; height:30px; line-height:30px; padding-left:30px; overflow:hidden;}
.wd_con dl dt a { color:#343231;}
.wd_con dd { background:url(Img/Index/wd_d.gif) no-repeat left 6px; width:185px;  line-height:25px; padding-left:30px;color:#343231;}

/*裕昌包装产品直通车*/
.zt { margin:20px 0; }
.zt_top { background:url(Img/Index/zt_top.gif) no-repeat; width:958px; height:40px; line-height:40px;}
.zt_top span { float:right;}
.zt_top span a { font-family:Arial; color:#000; padding-right:10px; font-weight:bold;}
.zt_top h3 { padding-left:50px;}
.zt_top h3 a { font-family:"Microsoft YaHei"; font-size:14px; color:#dda55e; font-weight:normal;}
.zt_con { padding:15px 0 0 20px; display:inline-block;}
.zt_con p { clear:both; padding-top:5px;}
.zt_con p span { float:left; display:block; width:120px; line-height:25px;}
.zt_con p span a { font-weight:bold; color:#4b4b4b;}
.zt_con p q { float:left; display:block; width:745px; color:#4b4b4b; line-height:25px;}
.zt_con p q a { padding:0 5px; color:#4b4b4b;}
.zt_dl { padding-top:15px;}
.zt_dl dl { width:172px; background:url(Img/Index/zt_xx.gif) no-repeat right center; padding-right:20px; float:left;}
.zt_dl .nobor { background:none; padding:0;}
.zt_dl dl dt { text-align:center;}
.zt_dl dl dd p { font-family:"Microsoft YaHei"; color:#333; line-height:22px; padding-left:25px; padding-bottom:10px;}
.zt_dl dl dd span { text-align:center; display:block;}

/*友情链接*/
.yq_bg  { background:url(Img/Index/yq_bg.gif) no-repeat center 0; height:126px;}
.yq { margin:0 auto; width:960px;}
.yq_top { height:40px; line-height:40px;}
.yq_top span { float:right; display:block; padding:10px 10px 0 0;}
.yq_top span a { color:#fff;}
.yq_top h3 { padding:10px 0 0 20px;}
.yq_top h3 a { font-size:14px; color:#fff;}
.yq_con { padding:10px; line-height:25px;}
.yq_con a { color:#ed9999; padding:0 10px;}


/*全屏flash切换*/
#flashs { position:relative;}
#flashs .bgitem {  }
#flashs .btn{ position:absolute; z-index:7; bottom:22px; right:50%; margin-right:-470px; padding:5px 6px;}
#flashs .btn span{ color:#dda55e;  background:#efefef; border:1px solid #dda55e; cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;}
#flashs .btn span.cur{ background:#dda55e; color:#fff;}



/*这个代码必须放在最后面*/
.cg { width:960px; margin:0 auto;}
.cp_but { top:40px; right:160px;}
.cg_inp { top:45px; left:320px;}
.cg_inp p span { color:#aa0000; font-size:14px;}

.cp_inp { top:15px; left:390px;}
.cp_inp p { display:block; height:35px; width:180px;}
.cp_inp p span { font-family:"Microsoft YaHei"; font-size:14px; color:#aa0000; display:block; float:left; width:45px; line-height:27px;}
.cp_inp01 {width:111px; height:25px; line-height:25px; border:solid 1px #b9b9b9; padding:0 2px;}
.cp_but01 { top:25px; right:50px;}

.jj_con { top:23px; left:390px;}
.jj_con p { width:175px; float:left;}