@charset "utf-8";
/* base 公共部分 */
body {font: 12px/22px "微软雅黑";color: #555;margin: 0px;text-align: left; }
* {padding: 0;margin: 0;}
a {color: #555;text-decoration: none;}
a:hover {color: #0278b8;text-decoration: none;}
ul, li {list-style: none;}
img {border: none;}
.clearboth {clear: both;}
.page {text-align: center;margin: 20px 0 40px 0;width: 100%;float: left; font-size:1.2em;}
.page a {background: #b3b3b3;color: #fff;margin: 0 2px;padding: 2px 8px;}
.page a.dq, .page a:hover {background: #555;}

.wrapper{width:100%; margin:0; padding:0; overflow:hidden;}
.container{max-width:90%;}
#header{width:100%; position:relative;}
#header .top{position:absolute; left:0; top:0; width:100%; height:40px; line-height:40px;z-index:9999 !important;background:rgba(0,0,0,0.52);}
.top .container{padding:0;}
.top .logo{float:left;}
.top .logo img{width:170px;}
.top .top-nav{float:right;font-size:14px; }
.top .top-nav ul li{display:inline-block;margin-left:10px;}
.top .top-nav ul li a{color:#fff;}
.top .top-nav ul li a.active, .top .top-nav ul li a:hover{color:#3af5ee;}
.swiper-wrapper{width:100%;}
.swiper-wrapper .swiper-slide img{width:100%;}
.swiper-pagination-bullet{width:12px; height:12px;opacity:0.8;}
.swiper-pagination-bullet-active{}

/*banner二维码及视频*/
.swiper-position{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9998 !important;}
.swiper-position .container{height:100%;position:relative; top:0; left:0;}
.swiper-position .swiper-wx{ width:140px; height:50px; position:absolute; left:50%;margin-left:-70px; top:55px;}
.swiper-position .swiper-wx img{width:100%;}
.swiper-position .swiper-video{width:500px; height:820px;position:absolute; right:0; bottom:20px;display:none;}
.swiper-position .swiper-video img{width:100%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}

/*导航*/
#nav-menu{width:100%; height:60px; line-height:60px; background:url(../images/bg.jpg) center repeat-x; }
#nav-menu .container{display:flex; }
#nav-menu .container dl{width:100%;display:flex; flex-direction: row;justify-content:space-between;}
#nav-menu .container dt{font-size:15px;font-weight:normal;} 
#nav-menu .container dt a:hover::before{}
#nav-menu .container dt a:hover{color:#3af5ee;border-bottom:2px solid #3af5ee;}

.topbox{ height: 500px; background-color: #313131; }
.section-content{ }
.nav-height{ position:relative; height: 50px;}
.nav-wrap { width: 100%;height: 50px;}
.nav-wrap.navFix{ z-index: 99999;} 
.nav-wrap dl {padding: 0;margin: 0 auto; display: block; }
.nav-wrap.navFix dl{ border-bottom: 0;}
.nav-wrap dt a {display: inline-block; text-decoration: none;height:50px; line-height:40px;color:#fff;}
.nav-wrap dt a:hover{color: #3af5ee;}
.nav-wrap dt a.active {border-bottom:2px solid #3af5ee;color: #3af5ee;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}

/*公共属性*/
.public-bg{width:100%;font-size:30px; color:#3af5ee;position:absolute; top:20px;z-index:98;filter:alpha(opacity=7); opacity:0.07; text-transform:uppercase;}
.public-main{position:relative; z-index:99;}
.public-main .public-title{font-size:24px; color:#585858;}
.public-main .public-title2{font-size:18px; color:#8d8d8d;margin:15px 0;}
.public-main .public-line{width:150px; height:4px; background:#3877eb;margin:0 auto;}
.public-main .public-content{width:100%; margin:30px auto;color:#a0a0a0;line-height:32px;font-size:14px;display:none;}
.public-main .public-content2{display:block;}
.public-main .public-content p{margin:0;}
.public-main .public-tp{width:100%;margin:10px auto; text-align:center;}
.public-main .public-tp img{width:100%;}
.font-color-white{color:#fff !important;}
.hide-br{display:none;}
.top-mr{padding-top:190px !important;}
/*时间延迟*/
.delay100 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.delay200 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay300 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.delay400 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay600 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay700 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay800 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay900 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay1000 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay1400 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay1600 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay1800 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay2000 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.delay2400 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.delay3000 { -webkit-animation-delay: 3s; animation-delay: 3s;}

/*首页延迟*/
.delay1 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay2 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay3 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay4 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay5 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay6 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}

.delay7 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay8 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay9 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay10 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay11 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay12{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}


/*公司简介*/
#about{margin-top:40px;}
#about .container{position:relative;text-align:center;}
.about-bottom{width:100%;margin:0 auto;}
.about-bottom img{width:100%;}

/*批发市场*/
#market{margin-top:20px;background:url(../images/bg2.jpg) top center repeat-y;padding:30px 0;}
#market .container{position:relative;text-align:center;}
.mk-title{color:#dfe2e7 !important;}
.market-box{width:100%;height:auto;background:#fff;float:left;position:relative;overflow:hidden;box-sizing:border-box; margin-bottom:20px;}
.market-box .market-pic img{width:100%; transition:all 0.5s ease-in 0s}
.market-box:hover .market-pic img{transform:scale(1.05,1.05);}
.market-box .market-wz{width:100%;left:0; bottom:-100%;;z-index:998;color:#fff; text-align:left;padding:15px;box-sizing:border-box;font-size:14px;line-height:28px;background:rgba(0,0,0,0.5); transition:bottom 0.7s;-moz-transition:bottom 0.7s; /* Firefox 4 */-webkit-transition:bottom 0.7s; /* Safari and Chrome */-o-transition:bottom 0.7s; /* Opera */}
.market-box:hover .market-wz{bottom:0; }
.market-box .market-box-content{padding:15px 20px; box-sizing:border-box;text-align:center;}
.market-box .market-box-content h3{font-size:18px; color:#737373;margin:30px 0;}
.market-list{padding:10px 5px; box-sizing:border-box;box-shadow:0 0 6px #ccc;font-size:17px;}
.market-list .row{width:auto !important;}
.market-list span{display:block;}
.market-list img{width:80%;}
.mb{margin:10px 0;}
.pic-width{padding:0;padding-left:20px;}
.wz-width{padding:0;padding-right:20px;}
.color1{color:#aaa;}


/*天环商城*/
#service{margin-top:40px;}
#service .container{position:relative;text-align:center;}
.service-content{ text-align:center; overflow:hidden;}
.service-content .service-box{width:130px;position:relative;margin:0 auto;}
.service-content .service-box .service-top{border:1px solid #ddd;width:50px; height:50px;transform:rotate(45deg); text-align:center;position:relative; top:26px; left:40px;background:#fff;z-index:99;}
.service-content .service-box:hover .service-top{box-shadow:0 0 5px #ccc;}
.service-content .service-box .service-top .service-tp{transform:rotate(-45deg); text-align:center;position:absolute; top:-2px; left:-1px;}
.service-content .service-box .service-bottom{width:130px; height:200px;border:1px solid #ddd;position:relative;}
.service-content .service-box:hover .service-bottom{box-shadow:0 0 5px #ccc;}
.service-content .service-box .service-bottom .service-title{font-size:18px; margin-top:100px;transition:margin-top 0.7s;}
.service-content .service-box .service-bottom:hover .service-title{margin-top:50px;}
.service-content .service-box .service-bottom .service-wz{font-size:13px; color:#777; line-height:20px; width:90%; margin:10px auto;transform:scale(0,0);transition:transform 0.7s;}
.service-content .service-box .service-bottom:hover .service-wz{ transform:scale(1,1);}
.service-content .service-box .service-bottom .service-line{width:36px; height:4px;  background:#ff3c6e;border-radius:5px;bottom:20px;position:absolute; left:47px;}

/*天环冷链捷运*/
#logist{margin-top:20px;background:url(../images/bg3.jpg) top center no-repeat;padding:30px 0 50px 0;;margin-top:50px;}
#logist .container{position:relative;text-align:center;}
.logist-content{margin:40px auto;}


/*底部*/
#footer{padding:20px 0; background:url(../images/bg4.jpg) top center no-repeat;color:#fff; }
.ft-logo img{width:100%;}
.ft-kf{text-align:left;}
.ft-kf img{width:60%;}
.ft-line{width:100%; height:4px; background:#fff; filter:alpha(opacity=20);opacity:0.2;margin:10px 0 20px 0; }
.ft-line2{width:80%; height:4px; background:#fff; filter:alpha(opacity=20);opacity:0.2;margin: 10px 0 0 0;float:right;display:none;}
.ft-tel{color:#8e8f90;text-align:left;}
.ft-tel h3{font-size:18px; font-weight:bold; margin-bottom:15px;}
.ft-tel p{font-size:20px;color:#fff; font-style:italic;}
.ft-add{color:#8e8f90; text-align:left;}
.ft-add h3{font-size:18px; font-weight:bold; margin-bottom:15px;}
.ft-add p{font-size:16px;color:#fff; }
.ft-wx{position:relative; text-align:center;display:none;}
.ft-wx-left{font-size:13px;line-height:20px;text-align:left;margin-bottom:3px;}
.ft-wx-left span{display:block;}
.ft-wx-left em{font-weight:bold; font-style:normal;}
.ft-wx-right{width:100%; text-align:center;}
.ft-wx-right img{width:30%;}
.ft-web{font-size:14px; color:#777; line-height:24px; text-align:left;}
.ft-web p{margin:0;}
.mtop{margin-top:15px;}
.hide{display:none;}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 480px) { 
	#header .top{height:60px; line-height:60px;}
	.top .logo img{width:250px;}
	.top .top-nav{font-size:18px; }
	.swiper-position .swiper-wx{ width:190px; height:60px; position:absolute; left:50%;margin-left:-95px; top:100px;}

}
@media (min-width: 580px) { 
	.swiper-position .swiper-wx{ width:250px; height:170px; position:absolute; left:50%;margin-left:-125px; top:100px;}
	.ft-wx{display:block;}
	.ft-wx-left{text-align:right;}
	.ft-wx-right{text-align:right;}
	.ft-web{text-align:right;}
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 720px) { 
	#nav-menu{ height:80px; line-height:80px; }
	#nav-menu .container dt{font-size:18px;} 
	.market-box .market-box-content h3{font-size:22px; }
	#footer{padding:40px 0;}
	.container{max-width:90%;}
	#header .top{ height:80px; line-height:80px;}
	.top .logo img{width:360px;}
	.top .top-nav{font-size:20px; }
	.top .top-nav ul li{margin-left:30px;}
	.swiper-position .swiper-wx{top:150px;}
	.public-bg{width:100%;font-size:42px;}
	.public-main .public-content{font-size:16px;}
	.public-main .public-title{font-size:24px; }
	.public-main .public-title2{font-size:20px; }
	.ft-kf{text-align:left;}
	.ft-kf img{width:70%;}
	.ft-logo img{width:90%;}
	.ft-line{width:200px;background:#fff; filter:alpha(opacity=20);opacity:0.2;margin:10px 0 20px 0; }
	.ft-line2{width:290px;margin:20px 0 30px 0;float:right;display:block;}
	.ft-tel h3{font-size:22px; }
	.ft-add{text-align:left;}
	.ft-add h3{font-size:22px; }
	.ft-wx-left{text-align:right;font-size:17px;line-height:28px;}
	.ft-tel{text-align:left;}
	.ft-tel p{font-size:26px;}
	.ft-add p{font-size:18px; }
	.ft-wx-right{text-align:right;}
	.ft-wx-right img{width:50%;}
	.ft-web{line-height:28px;text-align:right;}


}
@media (min-width: 768px) {
	.swiper-position .swiper-wx{width:300px; height:100px;top:130px; left:50%; margin-left:-150px;}
	.ft-line2{width:320px; display:block;margin:20px 0 30px 0;}
	.ft-wx-left{text-align:right;font-size:17px;line-height:28px;}
	.ft-wx-right img{width:90%;}
	
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) { 
	.container{max-width:90%;}
	#header .top{ height:80px; line-height:80px;}
	.top .logo img{width:420px;}
	.top .top-nav{font-size:24px; }
	.swiper-position .swiper-wx{ width:235px; height:160px; position:absolute; left:0;margin-left:0; top:190px;}
	.swiper-position .swiper-wx img{width:100%;}
	.swiper-position .swiper-video{width:370px; height:770px;position:absolute; right:0; top:120px;display:block}
	.swiper-position .swiper-video img{width:75%;}
	.public-main .public-title{font-size:32px; }
	.public-main .public-title2{font-size:24px; }
	.public-main .public-content{font-size:18px;display:block;}
	.public-main .public-content2{display:none;}
	#nav-menu{ height:80px; line-height:80px; }
	#nav-menu .container dt{font-size:24px;}
	.market-box{width:50%; height:320px; overflow:hidden;margin-bottom:0;}
	.market-box .market-wz{position:absolute;font-size:16px;}
	.market-box .market-box-content h3{font-size:24px; margin:0 0 5px 0;}
	.market-box .market-pic img{width:100%; height:320px;}
	
	.service-content .service-box{width:200px;}
	.service-content .service-box .service-top{width:80px; height:80px; top:40px; left:60px;z-index:99;}
	.service-content .service-box .service-top .service-tp{ top:13px; left:12px;}
	.service-content .service-box .service-bottom{width:200px; height:230px;}
	.service-content .service-box .service-bottom .service-title{font-size:20px; margin-top:100px;}
	.service-content .service-box .service-bottom:hover .service-title{margin-top:70px;}
	.service-content .service-box .service-bottom .service-wz{font-size:14px; color:#777; line-height:24px; width:80%; margin:10px auto;}
	.service-content .service-box .service-bottom:hover .service-wz{ transform:scale(1,1);}
	.service-content .service-box .service-bottom .service-line{  bottom:40px;left:82px;}
	.hide-br{display:inline-block;}
	.ft-kf{text-align:left;}
	.ft-tel{text-align:left;}
	.ft-tel p{font-size:35px;}
	.ft-add{margin-top:30px; text-align:left;}
	.ft-add p{font-size:22px; }
	.ft-line2{width:320px;}

}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
	.container{max-width:1200px;width:1200px;}
	#header .top{ height:100px; line-height:100px;}
	.top .logo img{width:470px;}
	.top .top-nav{font-size:27px; }
	.swiper-position .swiper-wx{ width:470px; height:320px; }
	.swiper-position .swiper-video{top:110px; }
	.swiper-position .swiper-video img{width:75%;}
	.public-main .public-content{width:80%;}
	.public-main .public-tp img{width:100%;}
	.public-main .public-tp2 img{width:80%;}
	.about-bottom{width:80%;margin:0 auto;}
	.mb{margin:20px 0;}
	.market-box{width:50%; height:400px;}
	.market-box .market-box-content h3{font-size:28px;margin:30px 0; }
	.market-box .market-pic img{height:400px;}
	.mtop{margin-top:85px;}
	.hide{display:block;}
	
}
@media (min-width: 1300px) {
	.swiper-position .swiper-video{width:500px;top:140px; text-align:right;}
	.swiper-position .swiper-video img{width:75%;}
}

@media (min-width: 1400px) {
	.swiper-position .swiper-wx img{width:90%;}
	.swiper-position .swiper-video{width:500px;top:160px; text-align:right;}
	.swiper-position .swiper-video img{width:80%;}
	#nav-menu{ height:100px; line-height:100px; }
	#nav-menu .container dt{font-size:30px;}
	
}
@media (min-width: 1600px) {
	.swiper-position .swiper-wx{ top:420px;}
	.swiper-position .swiper-wx img{width:100%;}
	.swiper-position .swiper-video{width:500px;top:180px; text-align:right;}
	.swiper-position .swiper-video img{width:95%;}
	
}
@media (min-width: 1800px) {
	.swiper-position .swiper-wx img{width:100%;}
	.swiper-position .swiper-video{width:500px;top:220px; text-align:right;}
	.swiper-position .swiper-video img{width:100%;}
	
}