﻿@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(Img/Index/banner.jpg) no-repeat center 0; height:504px; display:block}
.ban_bot { background:url(Img/Index/ban_list.gif) no-repeat center 0; height:115px;}
.h_ser { width:700px; padding:20px 0 0 197px;}

.h_ser p { text-align:center; font-size:14px; color:#434343; height:30px; line-height:30px; overflow:hidden; padding-bottom:10px;}
.h_ser p a { padding:0 3px; color:#434343;}
.inp01 { background:url(Img/Common/s_inp.gif) no-repeat; width:572px; height:41px; line-height:41px; padding:0 15px; border:none; float:left; font-size:12px; color:#666; font-family:"Microsoft YaHei"; outline:none; font-size:14px;}

.ban_list { padding:35px 0 0 88px;}
.ban_list img { margin-right:52px;}
.ban_sz { padding:40px 0 0 5px; font-family:Arial; font-size:16px; color:#1d1d1d}
.ban_sz em { font-size:30px; color:#ffad1e;}

/*源于美国，品质卓越，乔伟服务中国市场*/
.sp_top { padding:44px 0 50px; text-align:center;}
.sp_top a { display:block;}
.sp_top a b { display:block; font-size:32px; color:#000;}
.sp_top a i { display:block; line-height:0; font-size:0; padding:10px 0;}
.sp_top a em { display:block; font-size:20px; color:#434343;}

.sp01 { width:561px;}
.sp01 img { width:561px; height:330px;}
.sp02 { width:619px; padding-left:20px;}
.sp02 dl { height:175px;}
.sp02 dl dt { float:left;}
.sp02 dl dt img { width:156px; height:156px;}
.sp02 dl dd { float:left; width:444px; padding-left:18px;}
.sp02 dl dd b { display:block; display:block; background:url(Img/Index/sp_xx06.gif) no-repeat 0 bottom; height:37px; margin-bottom:14px;}
.sp02 dl dd b a { font-size:20px; color:#434343;}
.sp02 dl dd p { font-size:15px; color:#434343; line-height:25px; padding-bottom:25px;}

/*广告*/
.pic01 { background:url(Img/Index/pic01.jpg) no-repeat center 0; height:293px; margin-top:35px;}
.pic { width:1200px; margin: 0 auto;}
.pic01 p { position:absolute; top:210px; left:100px;}
.pic01 p span { display:block; font-size:18px; color:#434343; float:left; padding-right:20px;}
.pic01 p span em { font-size:30px; padding-left:5px;}
.pic02 { background:url(Img/Index/pic02.jpg) no-repeat center 0; height:332px; margin-top:0;}
.pic02 p span { color:#313131}

/*定制中心*/
.zx { width:274px; overflow:hidden; background:#464646; padding-bottom:15px; border-bottom:solid 7px #f0a816; margin:27px 0 0 3px; position:relative; z-index:999; overflow:hidden;}
.zx_top { background:#ffad1e;  height:110px; text-align:center;}
.zx_top a b { font-size:30px; color:#fff; display:block; padding-top:20px;}
.zx_top a em { display:block; text-transform:uppercase; font-family:Arial; font-size:28px; text-transform:uppercase; color:#ffc36e}
.zx_con { padding:5px 0 0 13px;}
.zx_con b { display:block; height:42px; line-height:42px; clear:both;}
.zx_con b a { font-size:20px; color:#fff;}
.zx_con h3 { background: url(Img/Index/zx_ico01.gif) no-repeat 223px 10px #1a1a1a; width:248px; height:36px; line-height:36px; clear:both; margin-bottom:6px;}
.zx_con h3 a { font-size:16px; color:#fff; padding-left:15px; font-weight:normal;}
.zx_con h3.h3_t{background: url(Img/Index/zx_ico02.gif) no-repeat 223px 10px #1a1a1a;margin-bottom:6px;}
.zx_con ul { padding-bottom:15px; overflow:hidden;}
.zx_con ul li { float:left; margin:0 4px 4px 0;}
.zx_con ul li a { width:122px; height:30px; line-height:30px; color:#fff; font-size:16px; text-align:center; display:block; background:#777}
.zx_con ul li a:hover { background:#f0a816}
.zx_con ul .nobor01 { border:none; margin-bottom:16px;}
.zx_con .zx_ul01 li a { background: url(Img/Index/zx_ico02.gif) no-repeat 223px 10px #1a1a1a; width:232px; height:36px; line-height:36px; clear:both; margin-bottom:4px; text-align:left; padding-left:16px;}
.zx_con .zx_ul01 li a:hover { background: url(Img/Index/zx_ico02.gif) no-repeat 223px 10px #1a1a1a;}

/*产品展示*/
.rx { width:896px; padding:28px 0 0 25px; _padding:28px 0 0 20px; overflow:hidden; display:inline}
.rx_top { background:#464646; height:44px; line-height:44px; }
.rx_top ul li { float:left;}
.rx_top ul li a { color:#fff; font-size:18px; width:448px; text-align:center; display:block;}
.rx_top ul li a:hover,.rx_top ul .cur a { background:#ffad1e}
.rx_top02 { background:#f1f1f1; margin-top:10px;}
.rx_top02 ul li a {  width:179px; font-size:14px; color:#353535;}
.rx_top02 ul li a:hover,.rx_top02 ul .cur a { color:#fff;}

.rx_con { margin-top:13px;}
.but_le { top:150px; left:10px;}
.but_ri { top:150px; right:10px;}
.rx_con dl { background:#f1f1f1; height:346px; overflow:hidden; float:left; width:896px;}
.rx_con dl dt { float:left; width:495px;}
.rx_con dl dt img { width:495px; height:344px; padding:1px 0 0 1px;}
.rx_con dl dd { float:left; width:350px; padding:30px 0 0 40px}
.rx_con dl dd b { display:block; font-size:20px; color:#464646; margin-bottom:10px;} 
.rx_con dl dd p { font-size:14px; color:#464646; line-height:24px;}
.rx_con dl dd em { display:block; font-size:16px; padding:10px 0 20px}

.rx_con02 { }
.rx_con02 ul li { width:291px; height:201px; overflow:hidden; float:left; margin:0 8px 0 0; position:relative; border:solid 1px #dbdbdb;margin-top:14px;}
.rx_con02 ul .nobor { margin-right:0;}
.rx_con02 ul li img { width:291px; height:201px;}
.rx_con02 ul li span { position:absolute; background: url(Img/Index/btm06.png) repeat; width:291px; height:30px; line-height:30px; left:0; top:171px;  text-align:center;}
.rx_con02 ul li span a { color:#FFF; font-size:14px; }

/**/
.ys_bg { background:url(Img/Index/ys_bg.gif) repeat; margin-top:60px; height:2000px;}
.ys_top { background:url(Img/Index/ys_top.jpg) no-repeat center 0; height:254px; text-align:center;}
.ys_top a { display:block; padding-top:28px;}
.ys_top a b { display:block; font-size:35px; color:#fff;}
.ys01 { background:#fff; margin-top:18px; height:401px}
.ys01 dl dt { float:left;}
.ys01 dl dt img { width:700px; height:401px;}
.ys01 dl dd { float:left; width:465px; padding:66px 0 0 35px;}
.ys01 dl dd span { display:block; background:url(Img/Index/ys_sz01.gif) no-repeat; padding:40px 0 40px 100px;}
.ys01 dl dd span a { display:block; font-size:24px; color:#060606;}
.ys01 dl dd p { background:url(Img/Index/ys_ico01.gif) no-repeat 0 8px; padding-left:26px; font-size:17px; color:#060606; width:412px; margin-bottom:10px; line-height:25px;}
.ys01 dl dd i { display:block; margin-top:40px;}

.ys02 dl dd { padding-top:15px;}
.ys02 dl dd span { background:url(Img/Index/ys_sz02.gif) no-repeat;}
.ys02 dl dd em { display:block; float:left; font-size:14px; color:#2a2a2a; padding:20px 10px 0 0 ;}
.ys02 dl dd em b { font-weight:normal; font-size:20px; display:block;}
.ys03 dl dd span { background:url(Img/Index/ys_sz03.gif) no-repeat;}
.ys03 .ys_p01 { background:none; padding:20px 0 0 20px; display:inline-block; width:432px;}
.ys03 .ys_p01 em { display:block; float:left; background:url(Img/Index/ys_ico02.gif) no-repeat 0 10px; padding-left:20px; width:196px; font-size:16px; color:#060606; height:27px;}
.ys04 dl dd { padding-top:50px} 
.ys04 dl dd span { background:url(Img/Index/ys_sz04.gif) no-repeat;}

/**/
.lc_bg { background:url(Img/Index/lc_bg.gif) no-repeat center 0; height:444px;}
.lc01 { width:844px; overflow:hidden;}
.lc_top { height:85px;}
.lc_top p { float:right; font-size:14px; color:#fff; padding:20px 35px 0 0;}
.lc_top p em { display:block; float:left; padding-right:10px;}
.lc_top p em b { display:block; font-size:22px;}
.lc_top p img { display:block; float:left; padding:5px 0 0 5px;}
.lc_top span { display:block; line-height:85px;}
.lc_top span a { font-size:20px; color:#fff; font-weight:bold;}
.lc_top span em { font-family:Arial; font-size:20px; font-family:Arial; text-transform:uppercase; color:#757575;}
.lc_con { padding-top:14px;}
.lc_con ul li { background:url(Img/Index/lc_picbg.gif) no-repeat; width:199px; height:279px; float:left; margin-right:11px;}
.lc_con ul li a { display:block; padding-top:18px;}
.lc_con ul li a i { background:url(Img/Index/lc_pic01.gif) no-repeat; width:118px; height:118px; display:block; margin:0 auto;}
.lc_con ul li a:hover i { background:url(Img/Index/lc_pic0102.gif) no-repeat;}
.lc_con ul li a span { display:block; text-align:center; padding:15px 0;}
.lc_con ul li a em { font-size:15px; color:#292929; line-height:22px; width:130px; margin:0 auto; display:block; text-align:center;}

.lc_con ul .lc_li02 a i { background:url(Img/Index/lc_pic02.gif) no-repeat;}
.lc_con ul .lc_li02 a:hover i { background:url(Img/Index/lc_pic0202.gif) no-repeat;}
.lc_con ul .lc_li03 a i { background:url(Img/Index/lc_pic03.gif) no-repeat;}
.lc_con ul .lc_li03 a:hover i { background:url(Img/Index/lc_pic0302.gif) no-repeat;}
.lc_con ul .lc_li04 a i { background:url(Img/Index/lc_pic04.gif) no-repeat;}
.lc_con ul .lc_li04 a:hover i { background:url(Img/Index/lc_pic0402.gif) no-repeat;}

.lc02 { width:356px; overflow:hidden;}
.lc02 b { display:block; text-align:center; padding:25px 0;}
.lc02 b a { font-size:20px; color:#292929;}
.lc02 ul { padding-left:20px;}
.lc02 ul li { height:33px; line-height:33px;  padding-left:20px; overflow:hidden;}
.lc02 ul li a { font-size:15px; color:#292929;}
.li02 { background:url(Img/Index/md_ico01.gif) no-repeat 0 10px;}

/*乔伟合作客户*/
.hz_bg { background:url(Img/Index/hz_bg.jpg) no-repeat center 0; height:420px;}
.hz_bg .sp_top a b,.hz_bg .sp_top a em { color:#292929;}
.hz_con { padding:5px 0 0; display:inline-block}
.hz_con ul li { float:left; width:230px; padding:0 12px 0 0;}
.hz_con ul .nobor { padding:0;}
.hz_con ul li a img { border:solid 1px #ccc; width:228px; height:127px;}
.hz_con ul li span a { display:block; height:30px; line-height:30px; text-align:center; color:#292929; font-size:14px; padding-top:5px;}

/*乔伟成功案例*/
.al { padding-top:20px;}
.al01 { width:277px; overflow:hidden;}
.al01 ul li { margin-bottom:2px}
.al01 ul li a { background:url(Img/Index/al_libg01.gif) no-repeat; color:#787878; font-size:16px; display:block; width:277px; height:94px; line-height:74px; text-align:center}
.al01 ul li a:hover,.al01 ul .cur a { background:url(Img/Index/al_libg02.gif) no-repeat; color:#fff;}
.al01 span a { background:url(Img/Index/al_libg01.gif) no-repeat; color:#787878; font-size:16px; display:block; width:277px; height:94px; line-height:74px; text-align:center}
.al02 { width:923px;}
.al02 dl dt { float:left; width:614px; height:478px; position:relative; margin:0 3px; overflow:hidden; display:inline}
.al02 dl dt img { width:612px; height:476px; border:solid 1px #bfbfbf;}
.al02 dl dt span { display:block; position:absolute; top:384px; left:1px; width:612px; height:93px; background:url(Img/Index/btm08.png) repeat;}
.al02 dl dt span a { display: inline-block; font-size:16px; color:#fff; background:url(Img/Index/al_ico01.png) no-repeat right 0; padding-right:30px; margin:10px 0 0 20px; line-height:25px;}
.al02 dl dt span em { display:block; color:#fff; font-size:14px; padding:0 20px; line-height:25px; height:50px; overflow:hidden;}
.al02 dl dd { float:left;}
.al02 dl dd a { width:302px; height:237px; display:block; position:relative; margin-bottom:4px;}
.al02 dl dd a em { display:block; position:absolute; top:207px; left:0; width:302px; height:30px; line-height:30px; text-align:center; background:url(Img/Index/btm06.png) repeat; color:#fff; font-size:14px;}

/*有口皆碑*/
.jz { padding-top:40px; margin-bottom:40px;}
.jz_con ul li { float:left; width:271px; margin:0 38px 0 0; position:relative; display:inline}
.jz_con ul .nobor { margin:0;}
.jz_con ul li a { display:block;}
.jz_con ul li a img { width:271px; height:345px;}
.jz_con ul li span { background:url(Img/Index/btm08.png) repeat; display:block; width:240px; height:65px; font-size:14px; color:#fff; position:absolute; top:258px; left:0; padding:22px 0 0 31px;}
.jz_con ul li span em { display:block; padding-top:5px;}
.jz_con ul li:hover span { display: none}

.jz_con ul li .rx_p { position:absolute; top:0; left:0; display: none;}
.jz_con ul li .rx_p a { display:block; background:url(Img/Index/btm07.png) repeat; width:271px; height:338px; border-bottom:solid 7px #ffad1e}
.jz_con ul li .rx_p a em { display:block; width:200px; margin:0 auto; line-height:25px; padding-top:80px; color:#fff;}
.jz_con ul li .rx_p a i { width:115px; height:35px; line-height:35px; border:solid 1px #fff; text-align:center; font-size:14px; color:#fff; display:block; margin:20px auto 0;}

.jz_list { padding:38px 0 0 560px; height:78px;}
.jz_list a { background:url(Img/Index/jz_ico01.gif) no-repeat; width:14px; height:14px; display:block; float:left; margin-right:15px;}
.jz_list a:hover,.jz_list .cur { background:url(Img/Index/jz_ico02.gif) no-repeat;}

/*走进*/
.zj_con ul li { float:left; width:306px; margin:0 0 1px; position:relative; display:inline}
.zj_con ul .zj_li02 { margin-left:587px;}
.zj_con ul li a { display:block;}
.zj_con ul li a img { width:306px; height:189px;}

.zj_con ul li .rx_p { position:absolute; top:0; left:0; display: none;}
.zj_con ul li .rx_p a { display:block; background:url(Img/Index/btm06.png) repeat; width:306px; height:181px; border-bottom:solid 8px #ffad1e; color:#fff; text-align:center;}
.zj_con ul li .rx_p a b { display:block; font-size:17px; padding-top:40px;}
.zj_con ul li .rx_p a em { display:block; font-size:15px; padding:15px 0;} 
.zj_con ul li .rx_p a i img { width:40px; height:40px;}
.zj_con dl { position:absolute; top:0; left:307px;}
.zj_con dl dt img { width:585px; height:189px;}
.zj_con dl dd { background:url(Img/Index/zj_bg.gif) no-repeat; width:585px; height:300px; text-align:center; padding-top:79px; margin-bottom:1px;}
.zj_con dl dd a { display:block; font-size:20px; color:#000; padding-bottom:20px;}
.zj_con dl dd span { display:block; width:500px; line-height:31px; color:#6a6565; font-size:16px; margin:0 auto 30px;}

/*乔伟风采*/
.fc_bg { background:url(Img/Index/fc_bg.gif) repeat; height:525px; margin:70px 0;}
.fc_con { padding-top:38px;}
.pz01,.pz03 { padding:128px 0 0;}
.pz01 a { display:block; background:url(Img/Index/fc_le01.png) no-repeat; width:43px; height:43px;}
.pz01 a:hover { display:block; background:url(Img/Index/fc_le02.png) no-repeat;}
.pz03 a { display:block; background:url(Img/Index/fc_ri01.png) no-repeat; width:43px; height:43px;}
.pz03 a:hover { display:block; background:url(Img/Index/fc_ri02.png) no-repeat;}

.pz02 { width:1110px; height:276px; margin:0 auto;}
.pz02 ul{width:900px; height:276px; margin:0 auto; position: relative;}
.pz02 ul li { width:349px; height:274px; border:solid 1px #b8b8b8;}
.pz02 ul li a{display:block; overflow:hidden;}
.pz02 ul li a img{ width:100%}
.pz02 ul li span{ display:block; text-align:center; width:100%; height:32px; line-height:32px; position:absolute; left:0; bottom:0;background:url(Img/Index/btm06.png) repeat;}
.pz02 ul li span a{ font-size:14px; color:#fff;}


/*乔伟动态*/
.dt { width:780px;}
.dt_top { height:35px; background: url(Img/Index/dt_xx.gif) repeat-x 0 bottom; margin-bottom:35px;}
.dt_top span { float:right; display:block; padding-top:5px;}
.dt_top ul li { float:left; padding:0 38px 0 0;}
.dt_top ul li a { font-size:16px; color:#111; height:35px; display:inline-block;}
.dt_top ul li a:hover,.dt_top ul .cur a { background: url(Img/Index/dt_libg.gif) repeat-x 0 bottom; font-weight:bold;}

.dt_con dl { height:225px;}
.dt_con dt { float:left; padding-right:40px;}
.dt_con dt img { width:360px; height:200px;}
.dt_con dd { float:left; width:370px}
.dt_con dd b { height:30px; display:block}
.dt_con dd b a { font-size:16px; color:#333; font-weight:normal;}
.dt_con dd p { line-height:25px; color:#333; font-size:13px; height:140px;}
.dt_con ul li { float:left; width:350px; padding-right:40px;}
.dt_con ul li i { display:block; background:url(Img/Index/dt_icobg.gif) no-repeat; width:80px; height:80px; float:left; text-align:center; font-family:Arial; color:#333; font-size:18px; margin-right:10px;}
.dt_con ul li i b { display:block; font-size:24px; padding-top:18px;}
.dt_con ul li span { display:block;  width:260px; height:80px; float:left; font-size:14px; line-height:22px;}
.dt_con ul li span a { display:block; margin-bottom:10px;}

/*问答*/
.wd { width:355px; padding:0 0 0 35px; overflow:hidden; margin-left:30px; background:url(Img/Index/wd_xx02.gif) no-repeat 0 0; height:395px; overflow:hidden}
.wd_top { height:35px; background: url(Img/Index/wd_xx.gif) no-repeat 0 bottom;}
.wd_top span { float:right; display:block; padding-top:5px;}
.wd_top h3 a { font-size:16px; color:#111; font-weight:normal;}

.wd_con dl { padding:18px 0; border-bottom:dashed 1px #e5e5e5;}
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url(Img/Index/wd_w.gif) no-repeat left 6px; height:30px; line-height:30px; padding-left:30px; overflow:hidden;}
.wd_con dl dt a { color:#555; font-size:14px;}
.wd_con dd { background:url(Img/Index/wd_d.gif) no-repeat left 4px; width:325px;  line-height:25px; padding-left:30px; color:#555; font-size:14px; white-space:normal; word-break:normal;}

.yq_bg { background:#efefef; padding-top:35px; line-height:30px; margin-top:50px; height:60px; overflow:hidden;}
.yq_bg a { padding-right:40px; font-size:13px; color:#1d1d1d}
.yq_bg a.yq_sq{ float:right;}
.yq_bg a:hover { font-weight:bold;}


