﻿@charset "utf-8";
@media(max-width:1200px) {
/*********************************头部***********************************************/
.headtopm{ width:98%; }
.headm{ width:98%;}
.logreg{  width:150px;}
.logregone{ width:64px; }
.nav ul li{margin-right:20px;}
/*********************************运单新闻 newsorder***********************************************/
.newsorderm{ width:98%;}
/*********************************线路line***********************************************/
.linemid{ width:98%; margin:0 auto;}
.lineconm{width:98%;}
/*********************************选择天豹choose***********************************************/
.chooseconm{ width:98%; }
/*********************************统计 num***********************************************/
.numm{  width:98%;}
/*********************************快递分类 class***********************************************/
.classconm{width:98%; }
/***************************************底部*******************************************/
.footer{ height:540px;}
.footerM{ width:98%; height:440px;}	
.footerc5{ width:15.658%;}
.footerc6{width:24.18%;}
.footer_ty a:nth-child(8){ float:left; clear:both;}
}
@media(max-width:1110px) {
.headtopr{ display:none;}
	}
@media(max-width:1038px) {
.footer_ty a:nth-child(7){ float:left; clear:both; margin-left:0;}
.footer_ty a:nth-child(8){ float:left; margin-left:22px; clear:none;}	
	}
@media(max-width:992px) {
/*********************************头部***********************************************/
	
.logreg{  width:122px;}
.logregone{ width:56px; }
.nav ul li{margin-right:2px;}	
.logo{  padding-top:32px; width:160px;}
/*********************************banner***********************************************/
.banner_txt{ margin-left:-360px;  top:295px; width:720px; font-size:50px;  }
/*********************************运单新闻 newsorder***********************************************/
.orderonetop{ padding-left:20px;  }
.orderonecon{ height:206px; padding-left:20px; padding-right:20px; padding-top:20px;}
.orderbtn{ height:36px;}
.orderbtn input{ width:100px; }
.orderbtn span{ padding-left: 44px; width: 155px; font-size:23px; background: #e4a308 url(../images/order_01.png) no-repeat 8px center; }
.newsonetop{padding-left:20px; padding-right:20px;}
.newsonecon{ padding-left:20px; padding-right:20px; padding-top:14px; height:212px;}
/*********************************选择choose***********************************************/
.choosebot{  padding-top:45px; height:205px; padding-left:7%; padding-right:7%; }
.choosebot h2{  height:60px; }
.newstitle{ width:100%; height:200px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; display:block; float:left; }
}	
@media(max-width:930px) {
.headtopl{display:none;}	
	}
@media(max-width:910px) {
/***************************************底部*******************************************/
.footerc1{ width:20%;}
.footerc2{ width:20%;}
.footerc3{ width:20%;}
.footerc4{ width:20%;}
.footerc5{ width:19.98%;}
.footerc6{width:220px; clear:both;}	
.footer{ height:750px;}	
.footerM{ width:98%; height:650px;}	
.footer_ty a:nth-child(6){ float:left; clear:both; margin-left:0;}
.footer_ty a:nth-child(7){ float:left; margin-left:22px; clear:none;}	
	}	
@media(max-width:767px) {
/*********************************头部***********************************************/
.headtop{ height:30px;}
.headtopm{height:30px; margin-right:15px; width:auto; margin-left:15px;}
.cechange{ height:30px; line-height:30px; font-size:12px;}
.cechange a:nth-child(1){ margin-right:4px;}
.cechange a:nth-child(2){ margin-left:4px;}
.header{ height:46px;}
.headm{ width:auto; padding-left:15px; padding-right:15px; height:46px;}
.nav{ display:none;}
.logo{ width:120px;padding-top:10px; }
.logreg{ padding-top:13px; height:20px; width:100px; margin-right:16px; }
.logregone{ line-height:18px; width:45px; height:18px; font-size:12px;  color:#27a6eb; border: solid 1px #27a6eb; border-radius:8px;}
.navbtn{ display: block; width: 20px; height: 18px; background: url(../images/p_header_01.jpg) no-repeat center center; background-size:20px 18px; margin-top:14px; float:right; }
.nav{ width:100%;  position:absolute; display:none; top:46px; z-index:999; left:0;}
.nav ul{width:100%;}
.nav ul li{ float:none; width:100%; height:32px; line-height:32px; font-size:14px; text-align:center;}
.nav ul li a{ color: #fff; display:block; background-color:#27a6eb; width:100%; height:100%; }
.nav ul li a:hover{ background-color:#fdd26b; color:#fff;}
/*********************************banner***********************************************/
.swiper-container {height: 300px;}
.p_banner img {height:300px; width:100%;}
.banner_txt{margin-left:-157px; top:130px;  width:314px; height:27px; line-height:27px; font-size:24px; }
.banner_btn{ width:180px; height:24px; margin-left:-90px; top:180px; }
.banner_btnone{ width:80px; height:24px; line-height:24px; font-size:12px;   border-radius:12px;}
.banner_btntwo{ width:80px; height:24px; line-height:24px; font-size:12px;  border-radius:12px; }
.banner_btn a:hover{background:#fdd26b;border: solid 1px #fdd26b;}

/*********************************运单新闻 newsorder***********************************************/
.newsorder{ height:410px;}
.newsorderm{ height:410px;width:auto;margin-left:15px; margin-right:15px;}
.orderone{  height:175px; width:100%;top:-30px; clear:both;}
.orderonetop{  height:30px; padding-left:18px; line-height:30px; font-size:14px; }
.orderonecon{ height:127px; padding-left:18px; padding-right:18px; padding-top:18px; }
.orderconinp{ padding-bottom:14px; padding-right:12px;}
.orderconinp textarea{ border:none;width:100%;padding-left:6px; padding-right:6px; padding-top:6px;  height:65px; font-size:12px;}
.orderbtn{ height:24px;}
.orderbtn input{  height:24px; line-height:22px; width:93px; font-size:12px;}
.orderbtn span{ padding-left: 34px; height: 24px; width: 110px; background: #e4a308 url(../images/order_01.png) no-repeat 10px center; background-size:18px 18px;  font: 14px Tahoma,Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Heiti SC','Microsoft YaHei',sans-self;,DroidSans,_H_Helvetica;line-height: 24px;}

.newsone{ height:175px; width:100%;top:165px; clear:both;}
.newsonetop{ height:30px; padding-left:18px; line-height:30px; padding-right:18px;}
.newsonetop h2{ font-size:14px; line-height:30px;}
.newsonetop a{font-size:12px; }
.newsonecon{ padding-left:18px; padding-right:18px; padding-top:7px;  height:180px;}
.newsonecon table{ width:100%; border:0; padding:0; margin:0;}
.newsonecon table tbody{ width:100%;}
.newsonecon table tr{ width:100%;}
.newsonecon table tr td{ line-height:29px; font-size:12px;}
.newstitle{ height:200px;  width:100%; white-space:nowrap; float:left; }

/*********************************线路line***********************************************/
.line{ padding-top:35px; padding-bottom:50px;}
.linetop{ height: 42px; line-height: 19px;  font-size: 18px; background: url(../images/line_01.png) no-repeat center 30px; background-size:38px; }
.linemid{ line-height:20px; padding-bottom:15px; font-size:12px; padding-left:14px; padding-right:14px; width:auto; }
.linebtn{ height:74px;}
.linebtnm{ width:180px; height:24px; font-size:12px;}
.linebtnone{ width:78px; height:22px; line-height:22px;  border-radius:11px;  }
.linebtntwo{ width:78px; height:22px; line-height:22px; border-radius:11px; }
.linecon{ height:225px;}
.lineconm{ height:225px; width:auto; padding-left:20px; padding-right:20px;}
.lineconm ul li{ width:47.7612%; height:105px;}
.linelione{  float:left;}
.linelitwo{ margin-left:0; float:right; }
.linelithree{ margin-left:0; float:left;margin-top:15px; }
.linelifour{ float:right;margin-top:15px;}
.lineconm ul li a{  font-size:14px; height:30px; line-height:16px; padding-top:75px; }
.lineaone{ background: #2da0f8 url(../images/line_02.png) no-repeat center 15px; background-size:50px 50px; }
.lineatwo{ background: #2da0f8 url(../images/line_03.png) no-repeat center 15px; background-size:50px 50px; }
.lineathree{ background: #2da0f8 url(../images/line_04.png) no-repeat center 15px; background-size:50px 50px; }
.lineafour{ background: #2da0f8 url(../images/line_05.png) no-repeat center 15px; background-size:50px 50px; }
/*********************************选择天豹choose***********************************************/
.choose{ padding-top: 45px; height: 745px; background: url(../images/choose_01.jpg) no-repeat center center; }
.choosetop{ height: 75px; line-height: 26px; font-size: 18px;background: url(../images/choose_02.png) no-repeat center 35px; background-size:38px; }
.choosecon{ height:650px;}
.chooseconm{ height:100%; width:auto; margin-left:15px; margin-right:15px;}
.chooseconm ul li{ width:100%; height:210px;}
.chooseone{ float:none;}
.choosetwo{ float:none; margin-left:0;}
.choosethree{ float:none;}
.choosetopone{ height: 60px; background: #2da0f8 url(../images/choose_03.png) no-repeat center center; background-size:40px 40px; }
.choosetoptwo{ height: 60px; background: #2da0f8 url(../images/choose_04.png) no-repeat center center; background-size:40px 40px;}
.choosetopthree{ height: 60px; background: #2da0f8 url(../images/choose_05.png) no-repeat center center; background-size:40px 40px;}
.choosebot{padding-top:20px; height:108px; padding-left:18px; padding-right:18px; }
.choosebot h2{ font-size:16px; line-height:19px; height:33px; }
.choosebot span{  line-height:20px; font-size:12px;}
/*********************************统计 num***********************************************/
.num{ height:184px; padding:15px;}
.numm{ height:auto; width:100%;}
.numone{ width:49.99%; padding-top:12px; height:70px; float:left;}
.numonetop{height: 40px; line-height: 28px; background: url(../images/num_02.png) no-repeat center 33px; background-size:20px; font-size:26px; }
.numonebot{ height:23px; line-height:23px; }
.numbg{ background: none; }
/*********************************快递分类 class***********************************************/
.class{ padding-top: 45px; height: 615px; background: url(../images/class_01.jpg) no-repeat center bottom; background-size:contain; }
.classtitle{ height:30px; line-height:27px;font-size:18px; font-weight:bold;}
.classtxt{ margin-left:15px; margin-right:15px; height:45px; line-height:18px; font-size:12px; font-weight:normal;}
.classbtn{ height:80px;}
.classbtnm{ width:178px; height:30px; line-height:30px; font-size:12px;  border-radius:15px;}
.classcon{ height:400px; padding-left:20px; padding-right:20px;}
.classconm{ height:100%; width:100%; margin:0 auto;}
.classconl{ width:100%; float:none; height:180px;}
.classconl ul li{ width:47.7612%; height:90px;}
.classconl ul li:nth-child(2n-1){ float:left;}
.classconl ul li:nth-child(2n){ float:right;}
.classconl ul li a{ padding-top:15px; height:60px;}
.classconl ul li a h2{ font-size:30px; line-height:25px; height:31px; font-weight:normal;}
.classconl ul li a span{  height:14px; line-height:14px; font-size:12px; }
.classconr{background: #e1b959 url(../images/class_02.png) no-repeat center 24px; background-size:41px 41px;width:100%; float:none; height:180px;}
.classconrtxt{ padding-top:77px; padding-left:10px; padding-right:10px; font-size:12px; line-height:18px;  padding-bottom:11px;}
.classconrbtn{ height:22px;}
.classconrbtn a{  height:19px; line-height:19px; font-size:10px;  border:solid 1px #fff; border-radius:1px;  width:70px;}
.classconrbtn a:hover{background:#42a9f9;border:solid 1px #42a9f9;}
.footerc6 h5 {height: 38px;color: #f6f6f6; font: 26px Tahoma,Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Heiti SC','Microsoft YaHei',sans-self;,DroidSans,_H_Helvetica; line-height:38px;}

.cp{ padding-left:15px; padding-right:15px;  height:50px; padding-top:24px;  width:auto;background:#0c1826; line-height:20px; text-align:center; font-size:14px; color:#43566c;}
	}	
	
@media(max-width:700px) {
/***************************************底部*******************************************/
.footer{ width:100%; height:750px;}
.footerM{ width: auto;height:680px; padding-left:15px; padding-right:15px; padding-top: 50px; background-size:40px;}
.footer_ty a:nth-child(5){ float:left; clear:both; margin-left:0;}
.footer_ty a:nth-child(6){ float:left; margin-left:22px; clear:none;}
.footer_ty a:nth-child(8){ float:left; clear:both; margin-left:0;}	
.footerC h4.f_lxfs {margin-bottom: 18px;}
/***************************************cp*******************************************/
.cp{height:50px; padding-top:24px; background:#0c1826; line-height:18px; text-align:center; font-size:12px; color:#43566c;}


	}	
@media(max-width:540px) {	
/***************************************底部*******************************************/
.footer{ width:100%; height:650px;}
.footerM{ width: auto;height:600px; padding-left:15px; padding-right:15px; padding-top: 50px; background-size:40px;}
.footerc1{ width:25%;}
.footerc2{ width:25%;}
.footerc3{ width:25%;}
.footerc4{ width:25%;}
.footerc5{ width:25%;}
.footerc6{width:210px; float:left; clear:none;}	
.footer_ty img{ width:100px; height:39px; }
.footer_ty a{ width:102px; height:41px; margin-top:8px;  }
.footer_ty a:nth-child(2){ float:left; }
.footer_ty a:nth-child(3){ float:left; margin-left:10px; clear:none;}
.footer_ty a:nth-child(4){ float:left; clear:none; margin-left:10px;}
.footer_ty a:nth-child(5){ float:left; clear:none; margin-left:10px;}	
.footer_ty a:nth-child(6){ float:left; clear:both; margin-left:0;}
.footer_ty a:nth-child(7){ float:left; margin-left:10px; clear:none;}
.footer_ty a:nth-child(8){ float:left; clear:none; margin-left:10px;}	
/***************************************cp*******************************************/
.cp{ height:60px; padding-top:15px; width:auto; padding-left:15px; padding-right:15px; line-height:18px;  font-size:12px; color:#43566c;}

	}		
@media(max-width:500px) {
.footer{ width:100%; height:680px;}
.footerM{ width: auto;height:630px; padding-left:15px; padding-right:15px; padding-top: 50px; background-size:40px;}
.footer_ty a:nth-child(5){ float:left; clear:both; margin-left:0;}	
.footer_ty a:nth-child(6){ float:left; clear:none; margin-left:10px;}	
.footer_ty a:nth-child(8){ float:left; clear:both; margin-left:0;}	
	
	}	
@media(max-width:390px) {
.footerC h4 { padding-top:6px; height:50px; line-height:50px; margin-bottom:10px;}
.footerC h4.f_lxfs{ margin-bottom:10px;}
.footerC span.f_main { height:26px; line-height:26px;}	
.footer{ width:100%; height:740px;}
.footerM{ width: auto;height:690px; padding-left:10px; padding-right:10px; padding-top: 50px; background-size:40px;}
.footerc1{ width:33.33%;}
.footerc2{width:33.33%;}
.footerc3{ width:33.33%;}
.footerc4{ width:33.33%;}
.footerc5{ width:33.33%;}	
.footerc6{width:210px; clear:both;}	
.footer_ty img{ width:86px; height:33px; }
.footer_ty a{ width:88px; height:35px; margin-top:7px;  }
.footer_ty a:nth-child(2){ float:left; }
.footer_ty a:nth-child(3){ float:left; margin-left:5px; clear:none;}
.footer_ty a:nth-child(4){ float:left; clear:none; margin-left:5px;}
.footer_ty a:nth-child(5){ float:left; clear:both; margin-left:0;}	
.footer_ty a:nth-child(6){ float:left; clear:none; margin-left:5px;}
.footer_ty a:nth-child(7){ float:left; margin-left:5px; clear:none;}
.footer_ty a:nth-child(8){ float:left; clear:both; margin-left:0px;}	
	}	
@media(max-width:346px) {
.newstitle{ width:70%; height:200px;  }
.newstime{ width:28%; height:200px;}	
.banner_txt{ font-size:22px;}	
.orderbtn span {padding-left: 28px; height: 24px; width: 110px; background: #e4a308 url(../images/order_01.png) no-repeat 6px center; background-size:18px 18px; line-height: 24px; font-size: 14px;}	
.orderbtn input{  height:24px; line-height:22px; width:84px; font-size:12px;}

	}	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	