﻿@charset "utf-8";

body { font: 14px "微软雅黑",Tahoma,Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Microsoft YaHei',sans-self; margin: 0; padding: 0;  background:#fff; min-width:316px;}
a { text-decoration: none; color: #666; cursor: pointer;transition:all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; /* Firefox 4 */-webkit-transition: all 0.4s ease-in-out; /* Safari 和 Chrome */-o-transition:all 0.4s ease-in-out;  }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; outline:none; }
img { border: 0; }
div { border: 0; margin: 0; padding: 0; }
.container {position:relative;right:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease; }
.clear { clear: both; }
input, textarea { font-family: "微软雅黑"; font-size: 14px; padding: 0; margin: 0;  }
.hide { display: none; }
.show { display: block; }
.fl{ float:left;}
.fr{ float:right;}

ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend, span, a ,form,ol,dl,dt,dd{ padding: 0; margin: 0; border: 0; }
ul, li { list-style-type: none; text-transform: capitalize; }
/********************************header 头部**********************************************/
.topborder{background:url(../images/top-line.png) repeat-x; height:4px;margin-bottom:10px; padding-top:10px; }
.headt{ height:40px; line-height:40px; background:#f7f7f7;}
.headtm{ width:1200px; margin:0 auto; height:40px; font-size:12px; color:#666; text-align:right;}
.headtm a{ padding-left:8px; padding-right:8px;color:#666; white-space:nowrap;}
.headtm a.headta1{padding-right:0px;}
.headtm a:hover{ text-decoration:underline;}
.head{ padding-top:25px; height:75px;}
.headm{ width:1200px; height:75px;margin:0 auto;}
.logo{ width:77px; height:50px; float:left;}

.nav{ width:760px; float:left; padding-left:34px;}
.navli{ width:108px; height:50px; float:left; text-align:center;}
.navli a.nava{ width:100%; padding-top:8px; height:42px; display:block; line-height:18px;}
.navli a.nava span.span1{ font-size:14px; color:#333; display:block;}
.navli a.nava span.span2{ font-size:12px; color:#999; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.navli a.nava:hover{ background:#5dc660;}
.navli a.nava:hover span.span1{ color:#fff;}
.navli a.nava:hover span.span2{ color:#f6f6f6;}
.navli ul{display:none; z-index:50; position:relative; zoom:1;}
.navli ul li{height:40px; line-height:40px; }
.navli ul li a{ display:block; width:100%; height:100%; background:#79d47b; color:#fff;}
.navli ul li a:hover{background:#5dc660;}
.navli:hover a.nava{background:#5dc660;}
.navli:hover a.nava span.span1{ color:#fff;}
.navli:hover a.nava span.span2{ color:#f6f6f6;}
.headr{ width:186px; padding-top:9px; height:40px; float:right;}
.headr a{ width:84px; height:28px; border-radius:20px; line-height:28px; text-align:center; font-size:12px; color:#666; display:block;}
.headr1{ border: solid 1px #61c463; float:left;}
.headr2{ border: solid 1px #ededed; float:right;}
.headr a:hover{border: solid 1px #61c463; background:#61c463; color:#fff;}


/********************************banner 焦点图**********************************************/
.banner{position:relative; z-index:1; zoom:1; overflow:hidden;}
.swiper-container { width: 100%;margin-left: auto; margin-right: auto; position:relative; z-index:2; zoom:1;}
.swiper-slide a{height:400px; display:block; width:100%; }
.swiper-slide img{ max-width:100%; height:400px;}
.bannero{ position:absolute;z-index:6; width:305px; left:50%; top:5px; background:#fff; margin-left:295px; height:390px; background:rgba(255,255,255,0.85);}
.bannerot{ padding:3px 20px 0 20px; height:137px; background:#5dc660;}
.bannerott{ height:47px; line-height:47px; font-size:15px; color:#fff; font-weight:bold;}
.bannerotc{ height:50px; background:#fff;}
.bannerotcin{ outline:none; padding-left:12px; border: none; line-height:50px; background:none; color:#666; font-size:14px; float:left; width:198px;}
.bannerotca{ height:50px; width:46px; float:right; display:block; background:url(../images/banner_02.png) no-repeat center center;}
.bannerotb{ padding-left: 25px; line-height: 40px; font-size: 17px; background: url(../images/sear_01.png) no-repeat left center; }
.bannerotb a{ color:#fff;}
.bannerotb a:hover{ color:#eeeaea;}
.bannerobli{ height:49px; line-height:49px; border-bottom:solid 1px #ccc;}
.bannerobli:nth-of-type(5){ border-bottom: none; height:50px; line-height:50px;}
.banneroblia{ padding-left:35px; width:270px; display:block; height:100%; font-size:15px; color:#444; background:url(../images/banner_04.png) no-repeat 268px center;}
a.banneroblia:hover{ background:#5dc660 url(../images/banner_04h.png) no-repeat 268px center; color:#fff;}

/********************************one 关于我们**********************************************/
.one{ padding:100px 0 100px 0;}
.onem{ width:1200px; margin:0 auto;}
.onel{ width:550px;  float:left;}
.onel img{width:550px; height:340px;}
.oner{ width:590px; float:right;}
.onert{ line-height:27px; text-align:center; font-size:24px; color:#333; font-weight:bold;}
.onerc{ line-height:30px; height:53px;text-align:center; font-size:20px; color:#333; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.onerb{ padding:35px 34px 0 34px; height:223px; border:solid 1px #ddd; position:relative; z-index:1; zoom:1; line-height:28px; font-size:14px; color:#444;}
.onerba{ display:block; position:absolute; z-index:2; bottom:-1px; left:50%; width:160px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-left:-80px; background:#4c4c4c; font-weight:bold;}
a.onerba:hover{ background:#5dc660;}

/********************************two 我们的服务与优势**********************************************/
.two{ padding-bottom:100px;}
.twom{ width:1200px; margin:0 auto;	}
.twol{ width:590px;float:left;}
.twolt{ height: 84px; line-height: 29px; font-size: 24px; font-weight: bold; color: #333; }
.twolt span{ font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.twolc{ line-height:32px;  font-size:13px; color:#444; word-break:break-all;}
.twor{ width:590px; float:right;}
.tworm{ padding-top:90px; line-height:22px; height:45px; font-size:14px; color:#fff; width:23.7288%; text-align:center; }
.twor1{ background:#5dc660 url(../images/two_01.png) no-repeat center 28px;  float: left; margin-bottom:15px;}
.twor2{ background:#5dc660 url(../images/two_02.png) no-repeat center 27px;  float: left;margin-left:1.69%;margin-bottom:15px;}
.twor3{ background:#5dc660 url(../images/two_03.png) no-repeat center 28px;  float: left; margin-left:1.69%;margin-bottom:15px;}
.twor4{ background:#5dc660 url(../images/two_04.png) no-repeat center 28px;  float: right; margin-bottom:15px;}
.twor5{ background:#5dc660 url(../images/two_05.png) no-repeat center 28px; float: left;clear:both;}
.twor6{ background:#5dc660 url(../images/two_06.png) no-repeat center 28px; float: left;margin-left:1.69%;}
.twor7{ background:#5dc660 url(../images/two_07.png) no-repeat center 28px; float: left;margin-left:1.69%;}
.twor8{ background:#5dc660 url(../images/two_08.png) no-repeat center 28px; float: right;}


/********************************three 我们的优势**********************************************/
.three{ padding-top:100px; padding-bottom:100px; background:#f7f7f7;}
.threem{ width:1200px; margin:0 auto;}
.threel{ width: 251px; padding-left: 34px; padding-top: 145px; height: 359px; background: #5dc660 url(../images/three_01.png) no-repeat 35px 46px; float:left;}
.threelt{ line-height:28px; margin-bottom:21px; font-size:24px; color:#fff; font-weight:bold;}
.threelt span{ font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.threelc{ line-height:26px; height:220px; font-size:12px; color:#fff; margin-right:34px; word-break:break-all;}
.threelb{ line-height:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}
.threelb a{ color:#fff;}
.threelb a:hover{ text-decoration:underline;}
.threel1{ width:285px; float:left; margin-left:20px;}
.threel2{ width:285px; float:left; margin-left:20px;}
.threel3{ width:285px; float:right;}
.threero{padding:65px 24px 0 25px;  height:175px; background:#fff; border:solid 1px #ddd;}
.threert{ height:46px; line-height:24px; padding-left:57px; font-size:16px; font-weight:bold; color:#111;}
.threerb{ line-height:22px; font-size:12px; color:#666; word-break:break-all;}
.threer1{ background: #fff url(../images/three_02.png) no-repeat 24px 45px;  margin-bottom:20px;}
.threer2{ background: #fff url(../images/three_03.png) no-repeat 24px 50px;  margin-bottom:20px;}
.threer3{ background: #fff url(../images/three_04.png) no-repeat 24px 45px; margin-bottom:20px;}
.threer4{ background: #fff url(../images/three_05.png) no-repeat 24px 46px;}
.threer5{ background: #fff url(../images/three_06.png) no-repeat 24px 47px;}
.threer6{ background: #fff url(../images/three_07.png) no-repeat 24px 45px; }

/********************************four 海淘流程**********************************************/
.four{ padding:100px 0 100px 0;}
.fourm{ width:1200px; margin:0 auto;}
.fourt{ text-align:center; height:47px; font-size:24px; line-height:26px; color:#333; font-weight:bold;}
.fourtx{ line-height:27px; font-size:18px; color:#666;text-align:center; margin-bottom:49px;}
.fourtxx{ line-height:27px; font-size:18px; color:#666;text-align:center; margin-bottom:9px;}
.fourtc{ margin-bottom:80px;}
.fourtc img{ vertical-align:top;max-width:100%;}
.fourtbo{ width:31.66666%; text-align:center; padding-top:30px; height:110px; background:#f6f6f6;}
.fourtbot{ line-height:28px; height:40px; font-size:16px; color:#333;}
.fourtbo1{ float:left;}
.fourtbo2{ float:left; margin-left:2.5%;}
.fourtbo3{ float:right;}
.fourtbot a{ width:150px; height:36px; line-height:36px; display:block; margin:0 auto; border-radius:3px; background:#4c4c4c; color:#fff; font-size:14px;}
.fourtbot a:hover{ background:#5dc660;}

/********************************jh 集货地址**********************************************/
.jh{ padding-top:100px; height:476px; background:url(../images/jh_img01.jpg) no-repeat center top;}
.jhm{ width:1200px; margin:0 auto;}
.jht{ line-height:26px; margin-bottom:50px; text-align:center; font-size:24px; color:#333; font-weight:bold;}
.jhbo{ background:#f38a45; width:23.75%}
.jhbo1{ float:left;}
.jhbo2{ float:left;margin-left:1.66666%;}
.jhbo3{ float:left;margin-left:1.66666%;}
.jhbo4{ float:right;}
.jhbot{ padding-top:18px; height:56px; padding-left:28px; line-height:22px; font-size:12px; color:#fff; border-bottom:solid 1px #e97e38;}
.jhbot1{ height:74px; line-height:74px;border-bottom:solid 1px #e97e38;padding-left:28px;font-size:14px; color:#fff; }
.jhbot2{height:49px; line-height:49px;border-bottom:solid 1px #e97e38;padding-left:28px;font-size:12px; color:#fff; }
.jhbots{ color:#fdddc8;}

/********************************five 关注公众号**********************************************/
.five{ background: url(../images/five_img01.jpg) no-repeat center bottom; padding-top:100px; }
.fivem{ width:1200px; margin:0 auto;}
.fivel{ padding-top:60px; width:460px; float:left;}
.fivelt{ line-height:33px; height:66px; font-size:28px; color:333;}
.fivelc{ line-height:25px; height:105px; font-size:22px; color:#999;}
.fivelb{}
.fivelb a{ width:160px; height:44px; line-height:44px; font-size:15px; color:#fff; text-align:center; border-radius:4px; display:block; }
a.fivelba1{ background:#5dc660;float:left;}
a.fivelba2{ background:#304559; margin-left:20px;float:left;}
.fivelb a:hover{background:#5dc660;}
.fiver{ width:272px; height:380px; float:right;}
.fiver img{ max-width:100%; vertical-align:top;}
.fivec{ width:178px; float:right; margin-right:90px;}
.fivect{ margin-bottom:13px; padding-top:6px; margin-top:60px; border: solid 1px #7ad07c; text-align:center; height:170px; background:#5dc660;}
.fivect img{ width:164px; height:164px;}
.fivecb{ line-height:20px; text-align:center; font-size:14px; color:#333;}
.fivectl{ margin-bottom:13px; padding-top:18px; margin-top:40px; border: solid 1px #7ad07c; text-align:center;  height:70px; background:#5dc660; font-size:22px;}
.fivectl img{ width:40px; height:40px; }
/********************************six 商家链接**********************************************/
.six{ padding-top: 100px; padding-bottom:100px; }
.sixm{ width:1200px; margin:0 auto;}
.sixmm{ border-left:solid 1px #e1e1e1;border-top:solid 1px #e1e1e1;}
.sixli{ border-right:solid 1px #e1e1e1;border-bottom:solid 1px #e1e1e1; float:left;}
.sixli img{ width:132px; height:69px; vertical-align:text-top;}
.sixli:nth-of-type(9n-8) img,.sixli:nth-of-type(9n) img{ width:133px;}
five
/********************************seven 新闻**********************************************/
.seven{ padding-top:9px;}
.sevenm{ width:1200px; margin:0 auto; position:relative; z-index:1; zoom:1;}
.seveno{ width:380px;}
.sevenot{ line-height:20px; height:52px; font-size:16px; color:#111;}
.sevenots1{ font-size:14px; color:#333; font-family:Arial, Helvetica, sans-serif;}
.sevenoc img{ vertical-align:top; max-width:100%;}
.sevenob{ border:solid 1px #eee; padding:18px 28px 33px 28px;}
.sevenob ul li{ height:35px; line-height:35px; border-bottom:dashed 1px #ccc; font-size:12px; color:#666;}
.sevenobl{ height:100%; width:314px; float:left; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.sevenobr{ width:80px; white-space:nowrap; text-align:right; float:right;}
.sevenobl a{color:#666;}
.sevenobl a:hover{color:#5dc660; }
.seven1{ float:left;}
.seven2{ float:left; margin-left:30px;}
.seven3{ float:right;}

/********************************eight 合作伙伴**********************************************/
.eight{ padding-top:38px;}
.eightt{ height:50px; line-height:20px;font-size:16px; }
.eighttm{ width:1200px; margin:0 auto; color:#111;}
.eightt span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}
.eightb{ padding-top:40px; padding-bottom:40px; background:#f6f6f6;}
.eightbm{ width:1228px; margin:0 auto;}
.eightb a{ width:148px; height:58px; display:block; float:left;margin-left:14px; margin-right:13px;}
.eightb a img{ max-width:100%;}

/********************************footer 底部**********************************************/
.foot{ padding-top:48px; background:#393939;}
.footm{ width:1200px; margin:0 auto;}
.footl{ width:31.6666666%; float:left;}
.footlt{ height: 69px;white-space:nowrap; line-height: 20px; background: url(../images/foot_01.png) no-repeat left 39px; font-size:16px; color:#fff;}
.footlph{ line-height:36px; white-space:nowrap; padding-top:6px; font-size:30px; font-family:Impact; color:#f6f6f6; white-space:nowrap;}
.footlc{ line-height:18px; margin-bottom:19px; font-size:14px; color:#999;}
.footlb{ font-size:12px; color:#999; line-height:14px; margin-bottom:40px;}
.footlbl{ padding-left: 30px; width: 146px; height: 14px; float: left; background: url(../images/foot_02.png) no-repeat left center; }
.footlbr{ padding-left: 23px; width:56px;  height: 14px; float: left;background: url(../images/foot_03.png) no-repeat left center; }
.footlbr a{ color:#999;}
.footlbr a:hover{ color:#fff; }
.footl1{ width:14.5%; float:left;}
.footb{ margin-bottom:47px;}
.footb ul li{ padding-left: 11px; line-height: 34px; font-size: 14px; color: #8296ae; background: url(../images/foot_04.png) no-repeat left center; white-space:nowrap; }
.footb ul li a{color:#999;white-space:nowrap;}
.footb ul li a:hover{color:#fff;}
.footl2{width:14.5%; float:left;}
.footl3{width:14.5%; float:left;}
.footl4{width:14.5%; float:left;}
.footl5{width:10.25%; float:right;}
.footcp{ padding-top:20px; line-height:21px; padding-bottom:19px; background:#333; text-align:center; font-size:12px; color:#999;}

.fourn{ padding:60px 0 30px 0; }
.fourmn{ width:1200px; margin:0 auto;}

.sear{ padding-top:50px; height:110px; background:#f7f7f7;}
.searm{ width:1200px; margin:0 auto; position:relative; z-index:1; zoom:1;}
.searl{ margin-right: 180px; background: #fff url(../images/sear_01.png) no-repeat 19px center; height: 58px; border-bottom: solid 1px #5DC660; border-left: solid 1px #5DC660; border-top: solid 1px #5DC660; padding-left: 69px; }
.searr{ width:180px; height:60px; position:absolute; z-index:2; right:0; top:0;}
.searlin{ outline:none; border:0; height:58px; line-height:58px; font-size:16px; color:#999; width:96%;}
.searlin:focus{ color:#333;}
.searrin{ text-align:center; width:100%; height:100%; line-height:60px; background:#5dc660; outline:none; border:0; font-size:18px; color:#f6f6f6; cursor:pointer;}
.searrin:hover{ background:#479d4a;}





.titlc{ font-size:18px; font-weight:bold;font-family:'微软雅黑',Arial, Helvetica, sans-serif;}
.infodatec{ font-size:12px;color:#CCC;}
.closec{ font-size:12px; color:#CCC}
.AdviceText{ border:1px solid #999;}
 input,select{ border:1px solid #cfcfcf;font-family:'微软雅黑',Arial, Helvetica, sans-serif; line-height:24px}
 textarea{ border:1px solid #999;}
.trackHead{text-align:left;}
.trackListTitle{border:1px solid #999;}
.priceListTitle{border:1px solid #999;text-align:center; vertical-align:middle}
.priceListOdd{border:1px solid #999;text-align:center; vertical-align:middle}
.priceListEven{border:1px solid #999; text-align:center; vertical-align:middle}
.trackListTitle { background-color: #F0F0F0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; border-right-width: 1px; border-right-style: solid; border-right-color: #999999; }
.trackContentTable { font-size: 12px; background-color: #999999; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; }
.trackListTable { font-size: 12px; background-color: #FCFCFC; }
.trackListOdd { font-size: 12px; height: 28px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #999999; border-bottom-color: #999999; }
.trackListEven { font-size: 12px; height: 28px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #999999; border-bottom-color: #999999; }
.trackHead { font-size: 12px; text-align: left; }
.trackIntroTable { font-size: 12px; text-align: left; }
.kindc{text-align:left; font-weight:bold;font-family:'微软雅黑',Arial, Helvetica, sans-serif; color:#000}
.indxc{ font-family:'微软雅黑',Arial, Helvetica, sans-serif; font-size:14px; line-height:25px}
.datec{ color:#999; font-size:12px; font-family:Verdana, Geneva, sans-serif; padding-left:10px}
.contc{ font-size:14px;font-family:'微软雅黑',Arial, Helvetica, sans-serif; line-height:22px}