/*导航样式*/
.g-nav { position:relative; display:inline-block; margin-bottom:1.8%;}
.g-nav:before{ position:absolute; content:""; width:100%; height:1px; background:#11161e; top:50%; left:0; z-index:1;}
.g-nav:after{ position:absolute; content:""; width:100%; height:1px; background:#60788f; top:51%; left:0;}
.g-nav a { float:left; padding:2.5% 0; width:25%; text-align:center; display:block; font-size:1em; color:#fff; position:relative; 
background-image: -webkit-linear-gradient(top, #3c4d60, #324357 50%);
background-image: -moz-linear-gradient(top, #3c4d60 50%, #324357 50%);
background-image: -o-linear-gradient(top, #3c4d60 50%, #324357 50%);
background-image: -ms-linear-gradient(top, #3c4d60 50%, #324357 50%);
background-image: linear-gradient(top, #3c4d60 50%, #324357 50%);}
.g-nav a:before { position:absolute; content:""; width:1px; height:100%; background:#11161e; top:0; right:1px;}
.g-nav a:after { position:absolute; content:""; width:1px; height:100%; background:#60788f; top:0; right:0;}
.g-nav a:nth-child(4):before,.g-nav a:nth-child(4):after,.g-nav a:nth-child(8):before,.g-nav a:nth-child(8):after{ background:none;}
/*通栏广告*/
.g-adv{ width:100%;}
.g-adv .m-box img{ display:block; width:100%; height: auto; }

/*搜索*/
.g-so{ height:auto; overflow:hidden; padding:2% 0;}
.g-so .m-inp{ font-size:1em; color:#c4c3c0; border:#b1b1b1 1px solid; width:74%; float:left; padding:0.4em 0 0.4em 2%; margin:0 2% 0 6%;
border-radius:5px;               
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}
.g-so .m-so{ width:12%; display:block; float:left;}
.g-so .m-so img{ width:100%;}
/*蓝卡物流长期合作客户*/
.g-kh{ height:auto; overflow:hidden; position:relative;
background: #e7e7e7; /* Old browsers */
background: -moz-linear-gradient(top,  #e7e7e7 0%, #f0f0f0 5%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(5%,#f0f0f0), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e7e7e7 0%,#f0f0f0 5%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e7e7e7 0%,#f0f0f0 5%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e7e7e7 0%,#f0f0f0 5%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e7e7e7 0%,#f0f0f0 5%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.g-kh .m-bt{ position:relative; width:100%; display:inline-block;}
.g-kh .m-bt:before{ position:absolute; content:""; width:6%; height:0.1em; background:#7ea1bb; top:68%; left:12%;}
.g-kh .m-bt:after{ position:absolute; content:""; width:6%; height:0.1em; background:#7ea1bb; top:68%; right:10%;}
.g-kh .m-bt i{ display:block; float:left; font-family:Arial, Helvetica, sans-serif; color:#d8d8d8; font-size:4.2em; text-transform:uppercase; padding:3% 0 0 10%;}
.g-kh .m-bt p{ float:left; font-size:1.3em; padding:8% 0 0}
.g-kh .m-bt p a{ color:#324357; font-weight:bold; display:block; line-height:100%;}
.g-kh .m-bt p span{ display:block; color:#bfbfbf; font-family:Arial, Helvetica, sans-serif; font-size:0.44em; text-transform:uppercase;-webkit-text-size-adjust:none;}
.g-kh .prev{ width:12.5%; position:absolute; top:44%; left:3%;}
.g-kh .next{ width:12.5%; position:absolute; top:44%; right:3%;}
.g-kh .prev img,.g-kh .next img{ width:100%;}
.g-kh .nowarp { margin:0 16%;}
.g-kh .m-box .con,.g-zh .m-box .con{ display:inline; float:left;}
.g-kh ul li{ float:left; padding:0 7%; width:34.5%;}
.g-kh ul li em{ width:34.5%;}
.g-kh ul li em img{ width:100%; border:#dddddd 1px solid;}
.g-kh ul li span{ display:block; width:100%; text-align:center;}
.g-kh ul li a{ font-size:1em; color:#666;}
/*综合物流*/
.g-zh{ height:auto; overflow:hidden; background:#e5e5e7;}
.g-zh .m-cnt,.g-jz .m-cnt,.g-about .m-cnt,.g-news .m-cnt{ background:#324357; }
.g-zh .m-cnt li,.g-jz .m-cnt li,.g-about .m-cnt li,.g-news .m-cnt li{ float:left; padding:0.35em 0; width:40%; text-align:center; position:relative; font-size:1.25em; color:#fff; font-weight:bold;}
.g-zh .m-cnt li.z-on,.g-jz .m-cnt li.z-on,.g-about .m-cnt li.z-on,.g-news .m-cnt li.z-on{ background:#f08301;}
.g-zh .m-cnt li:before,.g-jz .m-cnt li:before,.g-about .m-cnt li:before,.g-news .m-cnt li:before { position:absolute; content:""; width:1px; height:100%; background:#11161e; top:0; right:1px;}
.g-zh .m-cnt li:after,.g-jz .m-cnt li:after,.g-about .m-cnt li:after,.g-news .m-cnt li:after { position:absolute; content:""; width:1px; height:100%; background:#60788f; top:0; right:0;}
.g-zh dl{ padding:6% 0 0;}
.g-zh dl dt{ width:35%; float:left; padding:0 3.5%;}
.g-zh dl dt img{ width:100%; border:#fff 0.1em solid;}
.g-zh dl dd{ width:54.4%; float:left;}
.g-zh dl dd b{ font-size:1em; color:#324357;}
.g-zh dl dd p{ font-size:1em; color:#666;}
.g-zh dl dd em{ display:block; padding:1% 0;}
.g-zh dl dd em a{font-size:1em; color:#324357;}
.g-zh .u-xq{ width:36%; background:#324357; text-align:center; display:block; float:left; font-size:1em; color:#fff; padding:0.2em 0; margin-right:2%;border-radius:2px;               
-webkit- border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}
.g-zh .u-zx{ width:36%; background:#f08301; text-align:center; display:block; float:left; font-size:1em; color:#fff; padding:0.2em 0;border-radius:2px;               
-webkit- border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}
/*成功案例*/
.g-al{ height:auto; overflow:hidden; background:#e5e5e7; position:relative;}
.g-al .m-bt{ width:95%; background:#fff; margin:0 1.5% 0 3.5%;}
.g-al .m-bt a{ width:25%; text-align:center; display:block; background:#324357; font-size:1em; color:#fff; font-weight:bold; padding:0.3em 0;}
.g-al .prev{ width:9.4%; position:absolute; top:33%; left:2%;}
.g-al .next{ width:9.4%; position:absolute; top:33%; right:2%;}
.g-al .prev img,.g-al .next img{ width:100%;}
.g-al .nowarp { margin:0 12%;}
.g-al .m-box .con{ display:inline; float:left;}
.g-al ul{ padding:4% 0 0;}
.g-al ul li{ float:left; padding:0 3%; width:43.8%;}
.g-al ul li em{ width:43.8%;}
.g-al ul li em img{ width:100%; border:#dddddd 1px solid; border:#fff 1px solid;}
.g-al ul li span{ display:block; width:100%; text-align:center;}
.g-al ul li a{ font-size:1em; color:#555; font-weight:bold;}

.u-gd{ width:50%; text-align:center; background:#324357; display:block; margin:5% auto 0; padding:0.5em 0; font-size:1.25em; color:#fff; font-weight:bold;border-radius:5px;               
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}

/*分类*/
.g-fl{ height:auto; overflow:hidden;}
.g-fl .m-cnt{ background:#324357; }
.g-fl .m-cnt li{ float:left; padding:0.35em 0; width:50%; text-align:center; position:relative; font-size:1.25em; color:#fff; font-weight:bold;}
.g-fl .m-cnt li.z-on{ background:#f08301;}
.g-fl .m-cnt li:before { position:absolute; content:""; width:1px; height:100%; background:#11161e; top:0; right:1px;}
.g-fl .m-cnt li:after { position:absolute; content:""; width:1px; height:100%; background:#60788f; top:0; right:0;}
.g-fl .m-cnt li:nth-child(2):before,.g-fl .m-cnt li:nth-child(2):after{ background:none;}
.g-fl .m-box .con{ display:inline; float:left;}
.g-fl .m-box .m-bt{ width:49%; margin:7% auto 0; text-align:center; background:#59779a; padding:0.2em 0; position:relative;
border-radius:2px;               
-webkit- border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}
.g-fl .m-box .m-bt2{ margin-top:0;}
.g-fl .m-box .m-bt:before{ position:absolute; content:""; width:0; height:0; top:100%; left:50%;
border-top:0.3em solid #59779a; 
border-left:0.3em solid transparent;
border-right:0.3em solid transparent;}
.g-fl .m-box .m-bt a{ font-size:1.25em; color:#fff;}
.g-fl .m-box .m-fl{ width:100%; padding:3.5% 0; text-align:center;
background: #dbd7d5; /* Old browsers */
background: -moz-linear-gradient(top,  #dbd7d5 0%, #f1efef 6%, #ffffff 11%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbd7d5), color-stop(6%,#f1efef), color-stop(11%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dbd7d5 0%,#f1efef 6%,#ffffff 11%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dbd7d5 0%,#f1efef 6%,#ffffff 11%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dbd7d5 0%,#f1efef 6%,#ffffff 11%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dbd7d5 0%,#f1efef 6%,#ffffff 11%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd7d5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.g-fl .m-box .m-fl li{ color:#6c6964;}
.g-fl .m-box .m-fl  a{ font-size:1.17em; color:#6c6964; width:33.3%; display:inline-block;line-height:180%;}
.g-fl .m-box .u-flgd{ display:block; background:#334458; font-size:1.25em; color:#fff; font-weight:bold; width:54%; margin:2% auto 0; padding:0.5em 0; text-align:center;
border-radius:5px;               
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}


/*免费获取运输方案*/
.g-mf{ height:auto; overflow:hidden; padding:15% 0 16% 19%;
background:url(mf_bg.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.g-mf p{ font-size:1em; color:#bdc0c4; padding:1% 0;}
.g-mf p span{ font-family:"Times New Roman", Times, serif; font-size:1em; color:#fff;}
.g-mf .u-mf{ font-size:1em; color:#fff; width:44%; background:#f08301; text-align:center; display:block; box-shadow:inset 3px 3px 3px #c86d01; padding:0.3em 0 0.3em;border-radius:5px;               
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}

/*优势*/
.g-ys{ height:auto; overflow:hidden;}
.g-ys .m-bt{ font-size:1.25em; font-weight:bold; padding:4em 0 1.3em 6.7%;
background:url(ys_tbg.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.g-ys .m-bt a{ color:#fff;}
.g-ys .m-bt i{ font-size:1em; padding-left:14%;}
.g-ys ul{ width:93.75%; margin:0 auto;}
.g-ys ul li{ font-size:1em; color:#666; border-bottom:#a0a0a0 1px dashed; padding:1em 0 2em;}
.g-ys ul li span{ display:inline-block; padding:0.8em 0 0;}
.g-ys ul li em{ width:11.7%; display:block; float:left; overflow:hidden; padding-right:2%;}
.g-ys ul li em img{ width:100%; vertical-align:middle;}
.g-ys ul li:nth-child(2){ padding-bottom:1.4em;}
.g-ys ul li:nth-child(3){ padding-bottom:0.7em;}
.g-ys .u-cc{ display:block; width:26.6%; text-align:center; padding:0.5em 0; background:#f08301; font-size:1em; color:#fff; margin:6% 2% 7% 21%; float:left;
border-radius:5px;               
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}
.g-ys .u-wl{ display:block; width:26.6%; text-align:center; padding:0.5em 0; background:#324357; font-size:1em; color:#fff; margin:6% 21% 7% 0; float:left;
border-radius:5px;               
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}
.g-ys .u-cc b,.g-ys .u-wl b{ width:13%; display:inline-block; padding-left:5%;}
.g-ys .u-cc b img,.g-ys .u-wl b img{ width:100%; vertical-align:middle;}

/*咨询电话*/
.g-rx{ padding:6em 0 3.7em; margin-bottom:8%;
background:url(rx_bg.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.g-rx p{ color:#fff; font-size:1em; float:left; padding:4% 2%;}
.g-rx .u-zx2,.g-rx2 .u-zx2{ position:relative; font-size:1em; color:#fff; width:22.5%; background:#f08301; text-align:center; display:block; box-shadow:inset 3px 3px 3px #c86d01; margin:3% 0 0; padding:0.3em 0 0.3em; float:left; border-radius:5px;
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}
.g-rx .u-zx2:after.g-rx2 .u-zx2:after{ position:absolute; width:0; height:0; content:""; top:38%; right:6%;
border-left:0.4em solid #fff; 
border-top:0.3em solid transparent;
border-bottom:0.3em solid transparent;}
/*客户见证*/
.g-jz{ height:auto; overflow:hidden; position:relative;}
.g-jz .m-box .page{ display:inline; float:left;}
.g-jz dl{ width:100%; padding:5% 0 0; clear:both;}
.g-jz dl dt{ width:38%; float:left; padding:0 4% 0 2%;}
.g-jz dl dt img{ width:100%;}
.g-jz dl dd{ width:53%; float:left;}
.g-jz dl dd em{ font-size:1em;}
.g-jz dl dd em a{ color:#3c4d60;}
.g-jz dl dd i{ display:block; font-size:1em; color:#a3a3a3;}
.g-jz dl dd p{ font-size:1em; color:#858585;}
.g-jz .u-gdxq,.g-about .u-gdxq{ display:block; width:38.8%; text-align:center; background:#324357; font-size:1em; color:#fff; padding:0.2em 0; margin:1% 0 0;
border-radius:5px;               
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}
.g-jz .m-ry{ position:relative;}
.g-jz .prev{ width:12.5%; position:absolute; top:30%; left:6.25%;}
.g-jz .next{ width:12.5%; position:absolute; top:30%; right:5.5%;}
.g-jz .prev img,.g-jz .next img{ width:100%;}
.g-jz .m-ry .no_ov{ margin:0 18% 0 18.9%;}
.g-jz .m-ry ul{ padding:30% 0 0;}
.g-jz .m-ry ul li{ width:69%; padding-left:15%;}
.g-jz .m-ry ul li em{ width:69%;}
.g-jz .m-ry ul li em img{ width:100%; border:#e0dfe4 1px solid;}
.g-jz .m-ry ul li span{ width:100%; display:block; text-align:center;}
.g-jz .m-ry ul li span a{ font-size:1em; color:#666;}
.g-jz .m-ry .u-gd{ margin-top:25%;}
/*关于蓝卡*/
.g-about{ overflow:hidden;}
.g-about .m-box .con{ display:inline; float:left;}
.g-about dl{ width:100%; padding:5% 0 0; clear:both;}
.g-about dl dt{ width:40%; float:left; padding:0 3.75%;}
.g-about dl dt img{ width:100%; box-shadow:1px 10px 7px #b0b0b0;}
.g-about dl dd{ width:49.4%; float:left;}
.g-about dl dd p{ font-size:1em; color:#324357; padding-bottom:10%;}
.g-about .m-ry{ position:relative;}
.g-about .prev{ width:12.5%; position:absolute; top:20%; left:6.25%;}
.g-about .next{ width:12.5%; position:absolute; top:20%; right:5.5%;}
.g-about .prev img,.g-about .next img{ width:100%;}
.g-about .m-ry .no_ov{ margin:0 18% 0 18.9%;}
.g-about .m-ry ul{ padding:10% 0 0;}
.g-about .m-ry ul li{ width:60%; padding-left:24%;}
.g-about .m-ry ul li em{ width:69%;}
.g-about .m-ry ul li em img{ width:100%; border:#e0dfe4 1px solid;}
.g-about .m-ry ul li span{ width:100%; display:block; text-align:center;}
.g-about .m-ry ul li span a{ font-size:1em; color:#666;}
.g-about .m-ry .u-gd{ margin-top:5%;}
/*咨询电2话*/
.g-rx2{ padding:6em 0 3.7em; margin-bottom:6.5%;
background:url(rx2_bg.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.g-rx2 p{ color:#324357; font-size:1em; float:left; padding:1% 4%;}
.g-rx2 p span{ display:block; font-weight:bold;}
/*行业资讯*/
.g-news{ overflow:hidden;}
.g-news .m-cnt li{ padding:0.35em 0; width:33.3%; text-align:center;}
.g-news .m-cnt li:nth-child(3):before,.g-news .m-cnt li:nth-child(3):after{ background:none;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box .con ul{ width:94%; margin:0 auto; padding:3% 0 0;}
.g-news .m-box .con ul li{ padding:0.35em 0 0.35em 0.8em; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box .con ul li a{ font-size:1em; color:#474747;}
.g-news .m-box .con ul li:before{ position:absolute; content:""; width:0; height:0; top:45%; left:0;
border-left:0.3em solid #474747; 
border-top:0.2em solid transparent;
border-bottom:0.2em solid transparent;}


















@media screen and (min-width:320px) {
body { font-size:75%;}
.g-adv .sclwrap_box{height:223px;}
.g-kh{height:168px;}
.g-kh .sclwrap_box{height:105px;}
.g-zh{height:164px;}
.g-zh .sclwrap_box{height:134px;}
.g-al{height:229px;}
.g-al .sclwrap_box{height:205px;}
.g-fl{height:483px;}
.g-fl .sclwrap_box{height:452px;}
.g-jz{height:323px;}
.g-jz .sclwrap_box{height:292px;}
.g-about{height:232px;}
.g-about .sclwrap_box{height:200px;}
.g-news{height:263px;}
.g-news .sclwrap_box{height:232px;}

}
@media screen and (min-width:360px) {
body { font-size:87%;}
.g-adv .sclwrap_box{height:251px;}
.g-kh{height:189px;}
.g-kh .sclwrap_box{height:118px;}
.g-zh{height:185px;}
.g-zh .sclwrap_box{height:151px;}
.g-al{height:258px;}
.g-al .sclwrap_box{height:231px;}
.g-fl{height:543px;}
.g-fl .sclwrap_box{height:509px;}
.g-jz{height:363px;}
.g-jz .sclwrap_box{height:329px;}
.g-about{height:261px;}
.g-about .sclwrap_box{height:225px;}
.g-news{height:296px;}
.g-news .sclwrap_box{height:261px;}

}
@media screen and (min-width:400px) {
body { font-size:87%;}
.g-adv .sclwrap_box{height:279px;}
.g-kh{height:210px;}
.g-kh .sclwrap_box{height:131px;}
.g-zh{height:205px;}
.g-zh .sclwrap_box{height:168px;}
.g-al{height:286px;}
.g-al .sclwrap_box{height:256px;}
.g-fl{height:604px;}
.g-fl .sclwrap_box{height:565px;}
.g-jz{height:404px;}
.g-jz .sclwrap_box{height:365px;}
.g-about{height:290px;}
.g-about .sclwrap_box{height:250px;}
.g-news{height:329px;}
.g-news .sclwrap_box{height:290px;}

}
@media screen and (min-width:480px) {
body { font-size:112.5%;}
.g-adv .sclwrap_box{height:335px;}
.g-kh{height:252px;}
.g-kh .sclwrap_box{height:158px;}
.g-zh{height:246px;}
.g-zh .sclwrap_box{height:201px;}
.g-al{height:344px;}
.g-al .sclwrap_box{height:308px;}
.g-fl{height:725px;}
.g-fl .sclwrap_box{height:678px;}
.g-jz{height:485px;}
.g-jz .sclwrap_box{height:438px;}
.g-about{height:348px;}
.g-about .sclwrap_box{height:300px;}
.g-news{height:395px;}
.g-news .sclwrap_box{height:348px;}

}
@media screen and (min-width:550px) {
body { font-size:131.25%;}
.g-adv .sclwrap_box{height:385px;}
.g-kh{height:290px;}
.g-kh .sclwrap_box{height:181px;}
.g-zh{height:283px;}
.g-zh .sclwrap_box{height:231px;}
.g-al{height:395px;}
.g-al .sclwrap_box{height:354px;}
.g-fl{height:833px;}
.g-fl .sclwrap_box{height:791px;}
.g-jz{height:557px;}
.g-jz .sclwrap_box{height:504px;}
.g-about{height:400px;}
.g-about .sclwrap_box{height:345px;}
.g-news{height:454px;}
.g-news .sclwrap_box{height:400px;}

}                                                                         
@media screen and (min-width:639px) {
body { font-size:150%;}
.g-adv .sclwrap_box{height:446px;}
.g-kh{height:336px;}
.g-kh .sclwrap_box{height:210px;}
.g-zh{height:328px;}
.g-zh .sclwrap_box{height:268px;}
.g-al{height:458px;}
.g-al .sclwrap_box{height:410px;}
.g-fl{height:966px;}
.g-fl .sclwrap_box{height:904px;}
.g-jz{height:646px;}
.g-jz .sclwrap_box{height:584px;}
.g-about{height:464px;}
.g-about .sclwrap_box{height:400px;}
.g-news{height:526px;}
.g-news .sclwrap_box{height:464px;}

}