@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(../images/banner.jpg) no-repeat center 0; height:496px; display:block}

/**/
.gj_bg { background:url(../images/gj_xx.gif) repeat-x 0 145px; margin-top:62px;}
.gj_top { text-align:center; height:146px;}
.gj_top a em { display:block; font-size:18px; color:#717171; padding-top:25px;}

.gj01 dl dt img { width:337px; height:86px;}
.gj01 dl dt a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.gj01 dl dd { width:335px; border:solid 1px #e5e5e5; height:344px;}
.gj01 dl dd b { display:block; padding:30px 0 0 26px;}
.gj01 dl dd b a { font-size:18px; color:#323232;}
.gj01 dl dd b a:hover{ color:#0066ca; text-decoration:underline;}
.gj01 dl dd p { padding:10px 20px 25px 26px; font-size:14px; color:#7f7f7f; line-height:25px;}
.gj01 dl dd span em { background:#ff9932; color:#fff; padding:2px; display:inline-block; float:left; margin:3px 5px 0 0;}
.gj01 dl dd span i { font-weight:bold; font-size: 22px; font-family:Arial; color:#323232; float:left;}

.gj02 { background:url(../images/gj_bg01.gif) no-repeat; width:863px; height:461px;}
.gj02 p { position:absolute; top:190px; left:250px; font-size:24px; color:#000}
.gj02 p b { display:block; font-size:18px; color:#ff9932; padding-left:58px;}
.gj02 span { display:block; position:absolute;}
.gj02 span a em { display:block; text-align:center; padding-top:63px; color:#fff; font-size:16px;}
.gj02 .gj_sp01 { top:30px; left:208px;}
.gj02 .gj_sp01 a { background:url(../images/gj_libg01.png) no-repeat -169px 0; width:111px; height:111px; display:block;}
.gj02 .gj_sp01 a:hover { background:url(../images/gj_libg02.png) no-repeat -169px 0;}
.gj02 .gj_sp02 { top:46px; left:535px;}
.gj02 .gj_sp02 a { background:url(../images/gj_libg01.png) no-repeat -494px -17px; width:124px; height:124px; display:block;}
.gj02 .gj_sp02 a:hover { background:url(../images/gj_libg02.png) no-repeat -494px -17px;}
.gj02 .gj_sp03 { top:156px; left:735px;}
.gj02 .gj_sp03 a { background:url(../images/gj_libg01.png) no-repeat -696px -126px; width:111px; height:111px; display:block;}
.gj02 .gj_sp03 a:hover { background:url(../images/gj_libg02.png) no-repeat -696px -126px;}
.gj02 .gj_sp04 { top:287px; left:587px;}
.gj02 .gj_sp04 a { background:url(../images/gj_libg01.png) no-repeat -547px -257px; width:111px; height:111px; display:block;}
.gj02 .gj_sp04 a:hover { background:url(../images/gj_libg02.png) no-repeat -547px -257px;}
.gj02 .gj_sp05 { top:265px; left:380px;}
.gj02 .gj_sp05 a { background:url(../images/gj_libg01.png) no-repeat -341px -234px; width:154px; height:154px; display:block;}
.gj02 .gj_sp05 a:hover { background:url(../images/gj_libg02.png) no-repeat -341px -234px;}
.gj02 .gj_sp05 a em {padding-top:89px;}
.gj02 .gj_sp06 { top:266px; left:188px;}
.gj02 .gj_sp06 a { background:url(../images/gj_libg01.png) no-repeat -149px -236px; width:131px; height:131px; display:block;}
.gj02 .gj_sp06 a:hover { background:url(../images/gj_libg02.png) no-repeat -149px -236px;}
.gj02 .gj_sp06 a em,.gj02 .gj_sp07 a em {padding-top:73px;}
.gj02 .gj_sp07 { top:154px; left:38px;}
.gj02 .gj_sp07 a { background:url(../images/gj_libg01.png) no-repeat 0 -123px; width:131px; height:131px; display:block;}
.gj02 .gj_sp07 a:hover { background:url(../images/gj_libg02.png) no-repeat 0 -123px;}

/*专注各类外贸代理业务*/
.zx_bg { background:url(../images/jk_bg.jpg) no-repeat center 0; margin-top:25px;}
.jk_top { text-align:center; padding-top:55px; height:108px;} 
.jk_top a { font-size:30px; color:#fff;}
.jk_top a b { color:#ffaf32}
.jk_top p { padding-top:10px;}
.jk_top p a { font-size:18px; padding:0 20px;}

/*外贸代理*/
.zx { width:337px; overflow:hidden;}
.zx_top { background:#fff; height:79px; line-height:79px;}
.zx_top a { font-size:24px; color:#323232; font-weight:bold; background:url(../images/zx_ico01.gif) no-repeat 35px 22px; padding-left:84px; display:block;}
.zx_top a:hover{ text-decoration:underline;}
.zx_top a em { color:#0066ca;}
.zx_con { background:#eaeaea;  width:337px; padding:42px 0 0 30px}
.zx_con h3 { background: url(../images/zx_h3bg.gif) no-repeat; width:278px; height:52px; line-height:52px; clear:both; margin-bottom:15px;}
.zx_con h3 a { font-size:16px; color:#323232; padding-left:83px;}
.zx_con h3 a:hover { color:#0066cc;}
.zx_con ul { padding-bottom:15px;}
.zx_con ul li { height:39px; line-height:39px; background: url(../images/zx_ico02.gif) no-repeat 0 18px; padding-left:18px; border-bottom:dashed 1px #d2d2d2; float:left; width:72px;}
.zx_con .zx_ul02 li { width:136px;}
.zx_con ul li a { font-size:14px; color:#000;}
.zx_con ul li a:hover { color:#0066cc;}
.zx_con ul .nobor01 { border:none; margin-bottom:15px;}

/**/
.jk { padding:110px 0 0 36px; width:825px;}

.jk01 { clear:both;}
.jk_bt { background:url(../images/jk_xx.gif) no-repeat right center; height:67px; margin-bottom:25px;}
.jk_bt em { display:block; background:url(../images/jk_icobg.gif) no-repeat; width:67px; height:67px; line-height:67px; text-align:center; font-size:14px; color:#fff; font-weight:bold; float:left;}
.jk_bt b { display:block; float:left; line-height:67px; padding-left:10px;}
.jk_bt b a { font-size:24px; color:#333; font-weight:normal;}
.jk_bt b a:hover{ color:#0066ca; text-decoration:underline;}

.jk_con { height:160px; overflow:hidden;}
.jk_con dl { float:left;}
.jk_con dt { float:left;  position:relative; width:250px;}
.jk_con dt a img { width:220px; height:150px;}
.jk_con dd { float:left; width:570px; line-height:30px; font-size:14px}
.jk_con .jk_dd02 { width:464px;} 
.jk_con dd p { height:100px; overflow:hidden;}
.jk_con dd b { height:25px; display:block}
.jk_con dd b a,.jk_con dd b { font-size:16px; color:#323232;}
.jk_con dd p em { color:#717171; font-size:14px; overflow:hidden; line-height:24px; padding-bottom:10px; display:block;} 
.jk_con dd span { display:block; padding-top:10px;}
.jk_con dd .jk_sp { margin-left:-12px; display:inline-block}
.jk_con ul { float:left; padding-left:30px;}
.jk_con ul li { background:url(../images/jk_but.gif) no-repeat; width:105px; height:33px; line-height:33px; text-align: center; margin-bottom:20px;}
.jk_con ul li a { font-size:14px; color:#323232;}
.jk_con ul li a:hover {  color:#0066cc;}
.jk_con dd span a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.jk_con dl dt a{width:250px; height:150px; display:block;}
.jk_con dl dt a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
/*广告*/
.pic01 { background:url(../images/pic01.jpg) no-repeat center 0; height:138px; margin-top:40px;}
.pic { width:1200px; margin: 0 auto;}
.pic01 p { position:absolute; top:55px; left:800px;}
.pic01 p img { float:left; display:block;}
.pic01 p span { display:block; font-size:14px; color:#fff; float:left; padding-left:15px; text-shadow:1px 1px #000}
.pic01 p span em { display:block; font-size:24px; margin-bottom:10px; font-family:Arial;}
.pic01 p a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}

.pic02 { background:url(../images/pic02.jpg) no-repeat center 0; height:266px;}
.pic02 .pic { width:1200px; margin: 0 auto;}
.pic02 p { position:absolute; top:35px; right:0; width:330px;}
.pic02 p span { display:block; height:38px;} 
.pic02 p .p_sp02 { height:80px;}
.pic02 p span em { display:block; float:left; font-size:14px; color:#fff; line-height:28px; padding-right:5px; font-weight:bold;}
.pic02 p span .p_inp { display:block; float:left; width:260px; height:28px; line-height:28px; padding:0 5px; border: solid 1px #afb2b7; background: none; outline:none; color:#fff;}
.pic02 p span .p_inp02 { display:block; float:left; width:260px; height:58px; line-height:28px; padding:5px; border: solid 1px #afb2b7; background: none; outline:none; color:#fff; overflow:auto}
.pic02 p i { display:block; padding:10px 0 0 48px;}
.pic02 p i .p_but { margin-left:10px;}

.pic03 { background:url(../images/pic03.jpg) no-repeat center 0; height:138px; margin-top:1px;}

/*优势*/
.ys_bg { background:#eaeaea; padding:65px 0;}
.ys_top { text-align:center;}
.ys_top a { font-size:30px; color:#323232;}
.ys_top a:hover{ text-decoration:underlien;}
.ys_top a b { color:#ff9932}
.ys_top span { font-size:18px; color:#838383; display:block; padding:10px 0 30px;}
.ys_top span em { padding:0 20px;}

.ys_con dl { float:left; width:285px; margin-right:20px; background:#fff; height:505px;}
.ys_con .nobor01 { margin:0;}
.ys_con dl dt { text-align:center; padding-top:25px;}
.ys_con dl dt img { width:188px; height:188px;}
.ys_con dl dt a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.ys_con dl dd { padding-top:10px;}
.ys_con dl dd b{ line-height:45px; height:45px; overflow:hidden; display: block; background:url(../images/ys_xx.gif) no-repeat center bottom; text-align:center; margin-bottom:10px;}
.ys_con dl dd b a { font-size:18px; color:#323232;}
.ys_con dl dd b a:hover{ color:#0066ca;}
.ys_con dl dd p { font-size:14px; line-height:30px; background:url(../images/ys_ico01.gif) no-repeat 0 10px; padding-left:15px; margin:0 22px;}
.ys_con dl dd p em { color:#ff9932}

/*全球客户*/
.dz_bg { background:url(../images/dz_xx.gif) no-repeat 0 70px; margin:60px 0 40px;}
.dz_top { padding-bottom:35px;}
.dz_top a { font-size:30px; color:#323232;}
.dz_top a:hover{ text-decoration:underline;}
.dz_top a i { font-size:48px;}
.dz_top a em { font-size:48px; color:#a6a6a6; padding:0 10px;}
.dz_top a .dz_sp01 { color:#666}
.dz_top a .dz_sp02 { color:#ff9932}
.dz_top p { font-size:18px; padding-top:35px;}

.dz01 ul li { padding-bottom:22px;}
.dz01 ul li a { background:url(../images/dz_libg01.gif) no-repeat; width:350px; height:64px; line-height:64px; display:block; font-size:18px; color:#323232;}
.dz01 ul li a:hover,.dz01 ul .cur a { background:url(../images/dz_libg02.gif) no-repeat; color:#fff;}
.dz01 ul li a i { background:url(../images/dz_ico01.png) no-repeat; width:30px; height:30px; display: inline-block; float:left; margin:17px  62px 0 17px;}
.dz01 ul li a:hover i,.dz01 ul .cur a i { background:url(../images/dz_ico02.png) no-repeat;}

.dz01 ul .dz_li02 a i { background:url(../images/dz_ico01.png) no-repeat 0 -85px;}
.dz01 ul .dz_li02 a:hover i { background:url(../images/dz_ico02.png) no-repeat 0 -85px;}
.dz01 ul .dz_li03 a i { background:url(../images/dz_ico01.png) no-repeat 0 -171px;}
.dz01 ul .dz_li03 a:hover i { background:url(../images/dz_ico02.png) no-repeat 0 -171px;}
.dz01 p { padding-top:50px;}
.dz01 p i { display:block; width:145px; height:1px; background:#ddd; line-height:0; font-size:0; margin-bottom:15px;}
.dz01 p span { display:block; font-size:18px; color:#2e2e2e;}
.dz01 p span b { font-size:30px;}
.dz02 { padding-left:100px;}
.dz02 img { width:698px; height:417px;}
.dz02 a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}

/**/
.sj_top { text-align:center; padding-top:65px;}
.sj_top p { text-align:center; font-size:18px; color:#717171; padding-top:25px;}

.sj_con { background:url(../images/sj_bg.gif) no-repeat; height:375px; margin-top:35px;}
.sj01 { padding-top:39px; display:inline-block}
.sj01 ul li {  margin:0 0 2px;}
.sj01 ul li a { background: url(../images/sj_libg01.gif) no-repeat; width:180px; height:49px; line-height:49px; display:block;  font-size:14px; color:#323232; padding-left:45px;}
.sj01 ul li a:hover,.sj01 ul .cur a { background:url(../images/sj_libg02.gif) no-repeat; color:#fff; font-weight:bold;}
.sj01 span a { background: url(../images/sj_libg01.gif) no-repeat; width:180px; height:49px; line-height:49px; display:block;  font-size:14px; color:#323232; padding-left:45px;}
.sj02 { padding:39px 0 0 37px; display:inline-block;} 
.sj02 dl dt { float: left}
.sj02 dl dt img { width:448px; height:298px;}
.sj02 dl dd { float: left; width:445px; padding-left:28px;}
.sj02 dl dd p { color:#717171; line-height:28px; font-size:14px;}
.sj02 dl dd p b { color:#323232}
.sj02 dl dd span { display:block; padding-top:30px;}
.sj02 dl dd .jk_sp { margin-left:-12px; display:inline-block}
.sj02 dl dd span a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.sj02 dl dt a{width:448px; height:298px; display:block;}
.sj02 dl dt a:hover{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
/*服务让客户一致认可*/
.jz_bg { background:#eaeaea; height:413px; margin-top:50px;}
.jz { padding:42px 0 0; width:684px;}
.jz_top { background:url(../images/jz_ico01.gif) no-repeat; padding:0 0 10px 50px;}
.jz_top a { font-size:24px; color:#323232;}
.jz_top a em { color:#0066cc}
.jz_top a:hover{ text-decoration:underline;}

.jz_con { padding-top:23px; display:inline-block;} 
.jz_con dl { height:145px;}
.jz_con dl dt { float: left}
.jz_con dl dt a{width:112px; height:112px; display:block;}
.jz_con dl dt a:hover{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.jz_con dl dt img { width:112px; height:112px;}
.jz_con dl dd { float: left; width:543px; padding-left:18px; font-size:14px}
.jz_con dl dd b { line-height:30px; height:30px; overflow:hidden; display:block}
.jz_con dl dd b a { color:#323232;}
.jz_con dl dd b a:hover{ color:#0066cc; text-decoration:underline;}
.jz_con dl dd p {line-height:25px;}
.jz_con dl dd span { display:block; padding-top:10px;}
.jz_con dd em { display:block; line-height:30px;}

/**/
.tz { width:480px; height:380px; margin:15px 0 0 35px;}
.tz_top { padding:26px 0 0; margin-left:30px; width:416px; height:42px; border-bottom:solid 1px #eaeaea;}
.tz_top a { width:175px; height:42px; line-height:42px; background:#eaeaea; display: block; font-size:18px; color:#666; font-weight:bold;}
.tz_top a img { float:left; padding:11px 10px 0 18px;}
.tz_con { padding:10px 35px 0}
.tz_con ul li { height:36px; line-height:36px; padding: 0 0 0 15px;  overflow:hidden; background: url(../images/ys_ico01.gif) no-repeat 0 13px; font-size:14px;}
.tz_con ul li span { float:right; color:#acacac;}
.tz_con ul li a { color:#666;}
.tz_con ul li a:hover { color:#acacac;}

.tz_inp {  margin:19px 0 0 30px;}
.inp02 { background: none; width:295px; height:30px; line-height:30px; border: solid 1px #d8d8d8; border-right:none; padding:0 10px; float:left; font-size:12px; color:#333; outline:none;}


/*走进瀚而普*/
.zj_con { background:url(../images/zj_bg.gif) no-repeat; height:340px; margin-top:66px;}
.zj_con dl { float:left; padding:25px 0 0 30px; }
.zj_con dt { float:left; line-height:0; font-size:0; width:445px;}
.zj_con dt img { width:445px; height:288px;}
.zj_con dd { float:left; width:630px; padding-left:35px;}
.zj_con dd span { display:block; margin-bottom:10px;}
.zj_con dd span a { font-size:24px; color:#323232;}
.zj_con dd span a:hover{ text-decoration:underline; color:#0066ca;}
.zj_con dd p { line-height:26px; font-size:14px; color:#717171; overflow:hidden; border-bottom:dashed 1px #eaeaea; padding-bottom:10px;}
.zj_con dd p a { color:#323232}
.zj_con dd ul li { background:url(../images/zj_ico01.gif) no-repeat 0 10px; height:30px; line-height:30px; padding-left:20px;}
.zj_con dd ul li a { font-size:14px; color:#323232;}
.zj_con dd ul li a:hover { color:#0066cc;}
.zj_nav { width:220px; overflow:hidden; padding-top:66px;}
.zj_nav ul li { margin-bottom:8px;}
.zj_nav ul li a { background: url(../images/zj_libg01.gif) no-repeat; width:220px; height:55px; line-height:55px; text-align:center; color:#323232; font-size:16px; display:block;}
.zj_nav ul li a:hover,.zj_con ul .cur a { background:url(../images/zj_libg02.gif) no-repeat; color:#fff }


/**/
.fc { padding-top:60px;}
.fc_top { text-align:center;}
.fc_top a { display:block; font-size:30px; color:#323232;}
.fc_top a:hover { text-decoration:underline;}
.fc_top a em { color:#0066ca;}
.fc_top span { display:block; font-size:10px; text-transform:uppercase; color:#565656; padding:5px;}
.fc_top i { display:block; width:82px; height:1px; background:#ff9932; margin:10px auto;}
.fc_top p { font-size:18px;}

.fc_nav { background:#eaeaea; height:53px; line-height:53px; margin-top:38px;}
.fc_nav ul li { float:left; border-right:solid 1px #fff}
.fc_nav ul .nobor01 { border:none;}
.fc_nav ul li a { color:#323232; font-size:18px; padding:0 113px; display:block;}
.fc_nav ul .nobor01 a { padding:0 115px;}
.fc_nav ul li a:hover,.fc_nav ul .cur a { background:#ff9932; font-weight:bold; color:#fff;}

.fc_con { padding:34px 0 65px; display:inline-block}
.fc_con ul li { float:left; width:278px; padding:0 29px 0 0;}
.fc_con ul .nobor { padding:0;}
.fc_con ul li a{width:278px; height:280px; display:block;}
.fc_con ul li a img { width:278px; height:280px;}
.fc_con ul li span a { display:block; height:41px; line-height:41px; text-align:center; color:#323232; font-size:14px; border-bottom:solid 1px #dcdcdc}
.fc_con ul li a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
/**/
.dt_bg { background:#fff; padding-top:63px; height:515px;}

.dt { width:720px; overflow:hidden; display:inline}
.dt_top { height:48px; background:url(../images/dt_xx.gif) repeat-x 0 bottom;}
.dt_top span { float:right;}
.dt_top span a { font-size:14px; color:#333; text-transform:uppercase;}
.dt_top ul li { float:left; padding:0 68px 0 0;}
.dt_top ul li a { font-size:20px; color:#000; height:48px; display:inline-block;}
.dt_top ul li a:hover,.dt_top ul .cur a { background:url(../images/dt_xx01.gif) repeat-x 0 bottom; font-weight:bold;}

.dt_con { padding-top:30px;}
.dt_con p a { font-size:16px; color:#424242; font-weight:bold; display:block; height:30px;}
.dt_con p a:hover{ text-decoration:underline; color:#0066ca;}
.dt_con p em { display:block; line-height:25px; color:#717171; font-size:14px; height:86px;}
.dt_con i { display:block; float:left;}
.dt_con i a{ width:300px; height:254px; display:block;}
.dt_con i img { width:300px; height:254px;}
.dt_con i a:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}

.dt01 { width:400px; padding-left:20px;}
.dt01 dl { height:75px; border-bottom:solid 1px #ddd; margin-bottom:15px;}
.dt01 dl dt { float:left; font-family:Arial;}
.dt01 dl dt b { display:block; font-size:40px; color:#333; line-height:40px;}
.dt01 dl dt em { display:block; font-size:14px; color:#333;}
.dt01 dl dd { float:none; width:320px; padding:5px 0 0 25px;}
.dt01 dl dd a { font-size:14px; color:#323232; height:20px; overflow:hidden;}
.dt01 dl dd a:hover { color:#0066cc; }
.dt01 dl dd p { font-size:14px; color:#717171; line-height:25px; height:25px; overflow:hidden;} 

/*外贸服务常见问答*/
.wd { width:400px; height:465px; border-left:solid 1px #e4e4e4; padding-left:38px; margin-left:40px; overflow:hidden; display:inline} 
.wd_top em { display:block; float:right;}
.wd_top em a { font-size:14px; color:#717171; text-transform:uppercase;}
.wd_top span i { display:block; text-transform:uppercase; color:#d7d7d7; font-size:30px; font-weight:bold;}
.wd_top span a { font-size:16px; font-weight:bold; color:#333;}

.wd_con { padding-top:20px;}
.wd_con dl { padding:15px 0; width:400px;}
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url(../images/wd_w.gif) no-repeat 21px 9px #fff; height:30px; line-height:30px; padding-left:45px; overflow:hidden;}
.wd_con dl dt a { color:#343231; font-weight:bold;}
.wd_con dd { background:url(../images/wd_d.gif) no-repeat 21px 6px; width:420px; width:355px;  line-height:25px; padding-left:45px; color:#717171; white-space:normal; word-break:normal; margin-top:5px;}
.wd_con dl dt a:hover{text-decoration:underline; color:#0066ca;}