@charset "utf-8";

/********************************响应式更改**********************************************/

/****header头部***/
@media(max-width:1250px) {
.headtm{width: auto; padding-right:15px; padding-left:15px;}
.headm{width: auto; padding-right:15px; padding-left:15px;}
.logo{ width:147px; height:40px; padding-top:5px;}
.nav{ padding-left:16px; width:703px;}
.navli{ width:100px;}
.headr{ width:200px;}
.headr a{ width:167px;}
.navli ul li{height:36px; line-height:36px; }
}
@media(max-width:1060px) {
.headtm{ padding-right:10px; padding-left:10px;}
.headm{ padding-right:10px; padding-left:10px;}
.logo{ width:110px; height:30px; padding-top:10px;}
.nav{ padding-left:12px; width:660px;}
.navli{ width:94px;}
.headr{ width:175px;}
.headr a{ width:64px;}
}
@media(max-width:965px) {
.headt{ height:30px; line-height:30px; position:fixed; left:0; top:0; z-index:199; width:100%}
.headtm{height:30px; }
.nav{ width:100%;  position:absolute; display:none; top:50px; left:-12px; z-index:99;}
.navbtn{ width: 40px; height: 36px; background: url(../images/head_01.png) no-repeat center center; float:right; margin-left:15px; margin-top:5px;}  
.head{ padding-top:0px; height:50px; position:fixed; left:0; top:30px; z-index:199;width:100%; background:#fff; border-bottom: solid 1px #ccc;}  
.headm{ position:relative; z-index:10; zoom:1;}    
.logo{}
.navli{ width:auto; float:none;background:#5dc660; height:auto; clear:both; border-bottom:solid 1px #70cf73;}
.navli a.nava{ padding-top:0; height:40px; line-height:40px;}
.navli a.nava span.span1{ color:#fff;}
.navli a.nava span.span2{ display:none;}
.navli ul{z-index:11;}
.navli ul li{ position:relative; z-index:11; zoom:1; border-bottom: solid 1px #82e184;}
.navli ul li a:hover{background:#70cf73;}
}
@media(max-width:450px) {
.head{ height:40px;}
.navbtn{ width: 34px; height: 30px; background: url(../images/head_01.png) no-repeat center center; background-size:34px 30px;margin-top:5px;}   
.headr{ width:180px; height:30px; padding-top:7px; }  
.headr a{ line-height:24px; height:24px; width:54px;}  
.logo{ width:82px; height:23px; padding-top:9px;}  
.nav{top:40px;}
.navli a.nava{ height:36px; line-height:36px;}
}
@media(max-width:360px) {
.logo{left:40%; }  
}
/********************************banner 焦点图**********************************************/
@media(max-width:1250px) {
.swiper-slide a{height:700px; display:block; width:100%; }
.swiper-slide img{ max-width:100%; height:600px;}
.bannero{ left: auto; right:15px; top:150px; margin-left:0;}


}
@media(max-width:1060px) {
.swiper-slide a{height:600px; display:block; width:100%; }
.swiper-slide img{ max-width:100%; height:500px;}
.bannero{ left: auto; right:15px; top:100px; margin-left:0;}
}
@media(max-width:965px) {
.banner{ padding-top:50px;}
.swiper-slide a{height:550px;}
.swiper-slide img{ max-width:100%; height:420px;}
.bannero{ left: auto; width:270px;top:158px; margin-left:0; height:342px;}
.bannerot{ padding:3px 16px 0 16px; height:120px;}
.bannerott{ height:38px; line-height:38px; font-size:14px; }
.bannerotc{ height:42px; background:#fff;}
.bannerotcin{ outline:none; padding-left:10px; border: none; line-height:42px; font-size:13px; width:180px;}
.bannerotca{ height:42px; width:46px;background:url(../images/banner_02.png) no-repeat center center;}
.bannerotb{ padding-left: 25px; line-height: 38px; font-size: 15px; }
.bannerobli{ height:43px; line-height:43px;}
.bannerobli:nth-of-type(5){ border-bottom: none; height:43px; line-height:43px;}
.banneroblia{ padding-left:28px; width:242px;font-size:13px; background:url(../images/banner_04.png) no-repeat 238px center;}
a.banneroblia:hover{ background:#5dc660 url(../images/banner_04h.png) no-repeat 238px center; color:#fff;}
}
@media(max-width:640px) {
.swiper-slide a{height:420px;}
.swiper-slide img{ max-width:100%; height:420px;}
.bannero{ left: auto; width:270px;top:89px; margin-left:0; height:342px;}
}
@media(max-width:450px) {
.swiper-slide a{height:360px;}
.swiper-slide img{  height:360px;} 
.bannero{ top:158px;}
.banner{ padding-top:40px;}   
.bannero{ left: auto; width:250px;top:80px; margin-left:0; height:307px;}
.bannerot{ padding:2px 16px 0 16px; height:111px;}
.bannerott{ height:36px; line-height:36px; font-size:13px; }
.bannerotc{ height:38px; background:#fff;}
.bannerotcin{ outline:none; padding-left:8px; border: none; line-height:38px; font-size:12px; width:160px;}
.bannerotca{ height:38px; width:42px;background:url(../images/banner_02.png) no-repeat center center;}
.bannerotb{ padding-left: 25px; line-height: 36px; font-size: 13px; }
.bannerobli{ height:38px; line-height:38px;}
.bannerobli:nth-of-type(5){ border-bottom: none; height:38px; line-height:38px;}
.banneroblia{ padding-left:26px; width:224px;font-size:12px; background:url(../images/banner_04.png) no-repeat 220px center;}
a.banneroblia:hover{ background:#5dc660 url(../images/banner_04h.png) no-repeat 220px center; color:#fff;}
}

/********************************one 关于我们**********************************************/
@media(max-width:1250px) {
.onem{ width:auto; padding-left:15px; padding-right:15px;} 
.onel{ width:45.8333%;}
.onel img{ width:auto; max-width:100%; height:auto;}
.oner{ width:50%;}
}
@media(max-width:965px) {
.onem{ width:auto; padding-left:10px; padding-right:10px;} 
.one{ padding:90px 0 90px 0;}
.onel img{height:318px;}
.onert{ font-size:22px;}
.onerc{ font-size:18px; height:50px;}
 .onerb{ padding:16px 25px 0 28px; height:223px;  line-height:26px; font-size:13px;} 
.onerba{width:122px; height:40px; line-height:40px; font-size:13px; margin-left:-61px; }
}
@media(max-width:769px) {
.one{ padding:60px 0 70px 0;}
.onel{ display:none;}   
.oner{ width:90%; margin:0 auto; float:none;}    
.onerb{ height:auto; padding-bottom:50px;}    
}
@media(max-width:450px) {
.one{ padding:50px 0 60px 0;}
.onert{ font-size:18px; line-height:24px;} 
.onerc{ font-size:16px; height:40px;}
.oner{ width:96%; margin:0 auto; float:none;}    
.onerb{ height:auto;  padding:13px 18px 50px 22px;}   
}
/********************************two 我们的服务与优势**********************************************/
@media(max-width:1250px) {
.twom{ width:auto; padding-left:15px; padding-right:15px;}    
.twol{ width:45.726%;}    
.twor{ width:50%;} 
}
@media(max-width:965px) {
 .two{ padding-bottom:80px;}
.twom{ width:auto; padding-left:10px; padding-right:10px;} 
.twor{ width:51%;} 
.twolt{ font-size:22px; height:100px;background: url(../images/two_01.png) no-repeat left 72px;}    
.twolt span{ font-size:18px;}  
.twolc{ font-size:14px;  height:auto; min-height:0;} 
.tworm{ font-size:12px; height:37px; padding-top:72px; line-height:16px;}
.twor1,.twor2,.twor3,.twor4,.twor5,.twor6,.twor7,.twor8{ background-size:30%;}
.twor1,.twor2,.twor3,.twor4{ margin-bottom:10px;}
}
@media(max-width:769px) {
 .two{ padding-bottom:70px;}
.twol{ float:none; margin:0 auto; width:93%;  margin-bottom:40px;}
.twolt{  background: url(../images/two_01.png) no-repeat center 70px; text-align:center; height:80px;} 
.twolc{ line-height:26px;} 
.tworm{ font-size:14px; height:45px; padding-top:90px; line-height:16px;}
.twolb { width:230px; margin:0 auto;}
.twolb a{ width:100px; height:30px;}
.twolba1{ float:left;}
.twolba2{ float:right; margin-left:0;}
.twor{ width:98%; float:none; margin:0 auto;}
.twor1,.twor2,.twor3,.twor4,.twor5,.twor6,.twor7,.twor8{ background-size:32%;}
}
@media(max-width:560px) {
.twor1,.twor2,.twor3,.twor4,.twor5,.twor6,.twor7,.twor8{ background-size:36%;}  
.tworm{ font-size:13px;}  
}
@media(max-width:450px) {
.tworm{ font-size:14px; height:37px; padding-top:86px; width:49%; line-height:16px;}
.twor1,.twor2,.twor3,.twor4,.twor5,.twor6{ margin-bottom:6px;}  
.twor1,.twor2,.twor3,.twor4,.twor5,.twor6,.twor7,.twor8{ background-size:30%;} 
.twor1,.twor3,.twor5,.twor7{ float:left; margin-left:0;}
.twor2,.twor4,.twor6,.twor9{ float:right; margin-left:0;}
.twor{ width:98%;}
.twolt{ font-size:18px; line-height:25px; height:70px;;background: url(../images/two_01.png) no-repeat center 64px;} 
.twolt span{ font-size:16px;}   
}
/********************************three 我们的优势**********************************************/
@media(max-width:1250px) {
.threem{ width:auto; padding-left:15px; padding-right:15px;}  
.threel{ width:20.83%; padding-left:2.75%;}  
.threel1{ width:23.75%; margin-left:1.666%;}
.threel2{ width:23.75%; margin-left:1.666%;}
.threel3{ width:23.75%; }
.threelt{ font-size:22px; line-height:26px;}
.threelc{ line-height:25px;}
}
@media(max-width:1050px) {
.three{ padding-top:80px; padding-bottom:80px;}
.threem{ width:590px;padding-left:0; padding-right:0;}
.threel{  width: 251px; padding-left: 34px; margin-bottom:20px;} 
.threel1{ width:285px; float:right; margin-left:0; margin-bottom:20px;}
.threel2{ width:285px; float:left; margin-left:0; clear: both;}
.threel3{ width:285px; float:right;}

}
@media(max-width:620px){
.three{ padding-top:70px; padding-bottom:70px;}
.threem{ padding-left:0; padding-right:0; width:285px;}
.threel{  width: 251px; float:none;} 
.threel1{ width:285px; float:none;}
.threel2{ width:285px; float:none;margin-bottom:20px;}
.threel3{ width:285px; float:none;}
}


/********************************jh 集货地址**********************************************/

@media(max-width:1250px) {
.jhm{ width: auto; padding-left:15px; padding-right:15px;}
.jhbot,.jhbot1,.jhbot2{padding-left:11px;} 
}
@media(max-width:1050px) {
.jh{ padding-top:90px; height:800px; background-size:auto 890px;}
.jhm{ width:590px;padding-left:0; padding-right:0;}
.jhbo{ width:285px;}
.jhbo1{ float:left; margin-bottom:20px;}
.jhbo2{ float:right;margin-left:0;margin-bottom:20px;}
.jhbo3{ float:left;margin-left:0; clear:both;}
.jhbo4{ float:right;}
.jhbot,.jhbot1,.jhbot2{padding-left:28px;}
}
@media(max-width:965px) {
.jht{ font-size:22px; margin-bottom:40px;}    
    }
@media(max-width:620px) {
.jh { padding-top:60px; height:1250px;background-size:auto 1290px;}
.jhm{ width:285px;} 
.jhbot{ padding-top:12px; height:52px;  line-height:22px;}
.jhbot1{ height:64px; line-height:64px;}
.jhbot2{height:43px; line-height:43px;} 
.jhbo1{ float:none; }
.jhbo2{ float:none;}
.jhbo3{ float:none;  margin-bottom:20px;}
.jhbo4{ float:none;}  
}




/********************************four 海淘流程**********************************************/
.four{ padding:80px 0 80px 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;}
@media(max-width:1250px) {
.fourm{width: auto; padding-right:15px; padding-left:15px;}    
}
@media(max-width:965px) {
.four{ padding:80px 0 80px 0;} 
.fourm{width: auto; padding-right:10px; padding-left:10px;}
.fourt{ font-size:22px; height:42px;}  
.fourtx{ font-size:16px; margin-bottom:40px;}
}
@media(max-width:769px) {
 .four{ padding:85px 0 85px 0;}
 .fourtbot{ font-size:14px;} 
 .fourtbot a{ font-size:13px; width:110px; height:32px; line-height:32px;}  
}
@media(max-width:450px) {
 .fourtbot{ font-size:12px; height:30px;} 
 .fourtbot a{ font-size:12px; width:80px; height:30px; line-height:30px;} 
 .fourtbo{ padding-top:23px; height:88px;}
 .fourt{ font-size:18px; height:38px;}  
.fourtx{ font-size:14px; line-height:22px; margin-bottom:30px;}
}
@media(max-width:390px) {
 .fourtbo{ width:280px; margin-left:auto; margin-right:auto;}
 .fourtbot{ font-size:14px; height:32px;} 
 .fourtbot a{ font-size:12px; width:120px; height:32px; line-height:32px;}     
 .fourtbo1{ float:none; margin-bottom:20px;}
.fourtbo2{ float:none; margin-left:auto;margin-bottom:20px;}
.fourtbo3{ float:none;}   
}

/********************************five 关注公众号**********************************************/
@media(max-width:1250px) {
.fivem{ width:auto; padding-left:15px; padding-right:15px;} 
}
@media(max-width:1050px) {
.five{ padding:80px 0 80px 0;}
.fivec{ margin-right:20px;} 
.fivel{ width:404px;}
.fivelt{ line-height:33px; height:66px; font-size:25px; color:333;}
.fivelc{ line-height:25px; height:105px; font-size:20px; color:#999;}
}
@media(max-width:965px) {
.fivem{ width:auto; padding-left:10px; padding-right:10px;} 
.fiver{ display:none;} 
.fivec{ margin-bottom:60px;}  
}
@media(max-width:769px) {
.five{ padding:60px 0 60px 0;}
.fivec{ margin-right:0;} 
.fivel{ width:307px;}   
.fivelt{ font-size:19px; line-height:25px; height:50px; }    
.fivelc{ font-size:15px; height:80px;}   
.fivelb a{ width:120px; height:40px; line-height:40px; font-size:14px;}
.fivec{ width:132px;}
.fivect{ height:126px;}
.fivect img{ width:120px; height:120px;}
}
@media(max-width:475px) {
.fivem{ width:auto; padding-left:0; padding-right:0;} 
.five{ background: url(../images/five_01.jpg) no-repeat center bottom; }
.fivel{ float:none; width:280px; padding-top:0; margin-left:auto; margin-right:auto;  text-align:center;}    
.fivelt{ font-size:17px; line-height:25px; height:30px; }     
.fivelc{ height:50px; font-size:14px;}   
a.fivelba1{ float:left;} 
a.fivelba2{ float:right;} 
.fivec{ float:none; margin-left: auto; margin-bottom:0; margin-right:auto;width:178px;margin-top:40px;}
.fivect img{ width:164px; height:164px;}
.fivect{ height:170px;}
}
/********************************six 商家链接**********************************************/
.six{ padding-top: 100px; padding-bottom:100px;background:#f6f6f6; }
.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;}
@media(max-width:1250px) {
 .sixm{width:739px; padding-left:0; padding-right:0;}  
 .sixli img{ width:122px; height:64px;}
 .sixli:nth-of-type(9n-8) img,.sixli:nth-of-type(9n) img{ width:122px;}   
}
@media(max-width:1050px) {
.six{ padding:80px 0 80px 0;}
}
@media(max-width:769px) {
.six{ padding:60px 0 60px 0;}
 .sixm{width:457px; padding-left:0; padding-right:0;}  
 .sixli img{ width:113px; height:59px;}
 .sixli:nth-of-type(9n-8) img,.sixli:nth-of-type(9n) img{ width:113px;} 
}
@media(max-width:480px) {
 .sixm{width:301px; padding-left:0; padding-right:0;}  
 .sixli img{ width:99px; height:52px;}
 .sixli:nth-of-type(9n-8) img,.sixli:nth-of-type(9n) img{ width:99px;}    
    
}
/********************************seven 新闻**********************************************/
@media(max-width:1250px) {
.sevenm{ width:auto; padding-left:15px; padding-right:15px;}    
.seveno{ width:31.666666%;}   
.sevenob ul li{position:relative; z-index:3; zoom:1;} 
.sevenobl{ width:auto; margin-right:84px; float:none;}    
.sevenobr{ position:absolute; z-index:4; right:0; top:0;}  
.seven2{ margin-left:2.8472%;}
}
@media(max-width:1050px) {
.seven{ padding:80px 0 80px 0;}
}
@media(max-width:965px) {

.sevenob{ padding:12px 16px 23px 16px;} 
}
@media(max-width:769px) {
.seven{ padding:60px 0 60px 0;}
.seveno{ width:380px; }    
.seven1{ float:none; margin:0 auto;margin-bottom:30px;}
.seven2{ float:none;  margin:0 auto;margin-bottom:30px;}
.seven3{ float:none; margin:0 auto;}  
}
@media(max-width:450px) {
.seveno{ width:92%; }     
.sevenm{ width:auto; padding-left:10px; padding-right:10px;} 
}
/********************************eight 合作伙伴**********************************************/
@media(max-width:1250px) {
.eighttm{ width:auto; padding-left:15px; padding-right:15px;}  
.eightbm{width:auto; padding-left:15px; padding-right:15px;} 
.eightb{ padding-bottom:20px;}
.eightb a{ margin-left:0; margin-right:20px; margin-bottom:20px;}
}
@media(max-width:769px) {
.eight{ padding-top:30px;}
.eightb{ padding-top:30px;}
.eightb a{ width:122px; height:48px; margin-right:10px; margin-bottom:10px;}  
}
@media(max-width:475px) {
.eighttm{ width:auto; padding-left:10px; padding-right:10px;} 
.eightbm{ width:auto; padding-left:10px; padding-right:10px;} 
.eight{ padding-top:30px;}
.eightb{ padding-top:30px;}
.eightb a{ width:90px; height:35px; margin-right:8px; margin-bottom:8px;}    
}


@media(max-width:769px) {
.topborder{ padding-top:10px;}
}
@media(max-width:475px) {
.topborder{ padding-top:10px;}

/********************************footer 底部**********************************************/

@media(max-width:1250px) {
.footm{ width: auto; padding-left:15px; padding-right:15px;}   
}

@media(max-width:965px) {
.footm{padding-left:10px; padding-right:10px;}    
.footl{ width:49%;}
.footl1{width:24.5%;}  
.footl2{width:24.5%; float:left;}
.footl3{width:24.5%; float:left; clear: both;}
.footl4{width:24.5%; float:left;}
.footl5{width:24.5%; float:left;}    
.footb ul li{ line-height:30px;}    
.footlt{ height:64px;}  
.footb{ margin-bottom:40px;}  
.footcp{padding-left:15px; padding-right:15px;}    
}
@media(max-width:640px) {

.footm{ position:relative; z-index:1; zoom:1; padding-bottom:204px;}
.footl{ width:93%; position:absolute; z-index:2; top:418px;}
.footl1{width:39%;}  
.footl2{width:36%; float:left;}
.footl3{width:25%; float:left; clear: none;}
.footl4{width:39%; float:left; clear:both;}
.footl5{width:36%; float:left;}    
.footlt{ font-size:14px;}    
.footb ul li{ font-size:12px; padding-left:9px;}    
}

@media(max-width:1250px) {
.searm{ width:auto; padding-left:15px; padding-right:15px;} 
.searr{ right:15px;}
}
@media(max-width:965px) {
.searm{ padding-left:10px; padding-right:10px;} 
.sear{ padding-top:90px; height:90px;}
.searl{height: 48px; margin-right:150px;}
.searlin{ line-height:48px; font-size:15px; height:48px;}
.searr{ height:50px; width:150px; font-size:16px; right:10px;}
.searrin{ line-height:50px; font-size:16px;}
}
@media(max-width:640px) {
.sear{ padding-top:80px; height:70px;}
.searl{height: 38px; margin-right:120px; padding-left:49px;background: #fff url(../images/sear_01.png) no-repeat 15px center; background-size:20px 20px;}
.searlin{ line-height:38px; font-size:14px; height:38px;}
.searr{ height:40px; width:120px; font-size:14px; }
.searrin{ line-height:40px;font-size:15px;}    
}
@media(max-width:450px) {
.sear{ padding-top:80px; height:66px;}
.searl{height: 34px; margin-right:86px; padding-left:36px;background: #fff url(../images/sear_01.png) no-repeat 10px center; background-size:20px 20px;}
.searlin{ line-height:34px; font-size:14px; height:34px;}
.searr{ height:36px; width:86px; font-size:12px; }
.searrin{ line-height:36px;font-size:14px;}    
}