﻿@import url(slide.css);
@import url(pscroll.css);
/*首页*/
.i_title{ margin-top:5%; overflow:hidden; text-align:center; margin-bottom:3%; }
.i_title h2{ overflow:hidden; font-weight:normal;color:#333333; padding-bottom:2%; position:relative;}
.i_title h2:before{ content:""; position:absolute; bottom:0; left:50%;transform: translate(-50%, 0); width:47px; height:3px; background:#c19149;}
.i_title .yellow{ color:#c19149;}

/*我们的服务*/
.i_service{ background:#f5f5f5; padding-bottom:4%; overflow:hidden;}

/*国际物流服务供应商展示*/
.wuliu_bg{ padding-bottom: 5%; padding-top:2%; overflow: hidden;  background: url(../images/i_bg1.jpg) no-repeat center fixed;  background-size: cover;color: #fff;}
.i_title_p{ color:#fff; position:relative; padding-top:1.5%; padding-left:58px; padding-right:58px; line-height:22px; padding-bottom:2px; width:80%; margin:0 auto; margin-top:12px; max-width:786px; position:relative; text-align:center; letter-spacing:2px;font-size:30px;}
.i_title_p:before{ content:""; width:100%; height:100%; top:0; left:0;position:absolute; background: url(../images/i_bg2.png) left center no-repeat;}
.i_title_p:after{ content:""; width:100%; height:100%; top:0; left:0;position:absolute; background: url(../images/i_bg3.png) right center no-repeat;}
.counter{ text-align:center; margin-top:4%; line-height:1.5;}
.counter .col-md-3{ float:left; width:25%;}
.counter span { font-size: 78px; font-weight: 500;font-family:Arial;}
.counter h6 {  font-weight: normal; margin-top: -10px;color: #fff;}

/*最新消息*/
.i_news{ padding-bottom:10px; overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:50px}
.i_news .i_news_l{ float:left; width:50%;}
.i_news .i_news_l ul li{ display:block; border-bottom:1px dashed #dedede; margin-bottom:10px; overflow:hidden; padding-bottom:0px;}
.i_news .i_news_l ul li:nth-child(2){border-bottom:0px;}
.i_news .i_news_l ul li:hover{border-bottom:0px dashed #c3954f;}
.i_news .i_news_l .dates{ font-style:normal;font-weight:normal; height:68px; overflow:hidden; line-height:68px; color:#999999; display:block; font-family:Arial;}
.i_news .i_news_l .h2{ font-weight:normal;height:54px; line-height:54px; overflow:hidden; color:#333333; margin-bottom:11px;}
.i_news .i_news_l .txts{ line-height:25px; height:75px; overflow:hidden; font-size:16px; color:#666666;}
.i_news .i_news_l ul li:hover .h2{ color:#c19149;}
.i_news .i_news_l .i_news_img{ float:right; overflow:hidden;width:93.42%; max-width:682px;padding-bottom:19px; margin-bottom:18px;border-bottom:0px dashed #dedede;}
.i_news .i_news_l .i_news_img:hover{border-bottom:0px dashed #c3954f;}
.i_news .i_news_l .i_news_img .hide{ overflow:hidden;margin-bottom:12px;}
.i_news .i_news_l .i_news_img .imgs{ overflow:hidden; max-height:423px; background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s;}
.i_news .i_news_l .i_news_img .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_news .i_news_l .i_news_img:hover .imgs{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_news .i_news_l .i_news_img:hover .h2{ color:#c19149;}





/*最新消息*/
.i_newsa{ padding-bottom:50px; overflow:hidden;}
.i_newsa .i_news_l{ float:left; width:48%;}
.i_newsa .i_news_l dt{font-size:24px;margin-bottom:20px;font-weight:bold;position:relative;padding-bottom:20px;}
.i_newsa .i_news_l dt:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    
    width: 47px;
    height: 3px;
    background: #c19149;
}
.i_newsa .i_news_l:nth-child(2){margin-left:4%;}
.i_newsa .i_news_l dd li{ display:block; border-bottom:1px dashed #dedede; margin-bottom:9px; overflow:hidden; padding-bottom:9px;line-height:50px;}
.i_newsa .i_news_l dd li:hover{border-bottom:1px dashed #c3954f;}

.i_newsa .i_news_l a{ font-weight:normal;font-size:16px;float:left;}
.i_newsa .i_news_l span{  overflow:hidden; font-size:16px; color:#666666;float:right;}
.i_newsa .i_news_l dd li:hover a{ color:#c19149;}



/*合作伙伴*/
.i_partner{ background:#f5f5f5; overflow:hidden;}


@media screen and (max-width:1760px) {

}
@media screen and (max-width:1440px) {

}
@media screen and (max-width:1200px) {
/*国际物流服务供应商展示*/
.counter span { font-size: 60px;}

}
@media screen and (max-width:1100px) {
/*最新消息*/
.i_news .i_news_l .txts{ font-size:14px;}
.i_news .i_news_l .h2{ height:44px; line-height:44px;}
.i_news .i_news_l .i_news_img .imgs{ height:225px;}
}
@media screen and (max-width:960px) {
/*国际物流服务供应商展示*/
.i_title_p{ padding-left:45px; padding-right:45px;}
.i_title_p:before{ background-size:40px auto;}
.i_title_p:after{ background-size:40px auto;}




}
@media screen and (max-width:830px) {
    
/*最新消息*/
.i_newsa{ padding-bottom:50px; overflow:hidden;}
.i_newsa .i_news_l{ float:left; width:100%;}
.i_newsa .i_news_l dt{font-size:24px;margin-bottom:20px;font-weight:bold;position:relative;padding-bottom:20px;}
.i_newsa .i_news_l dt:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    
    width: 47px;
    height: 3px;
    background: #c19149;
}
.i_newsa .i_news_l:nth-child(2){margin-left:0%;}
.i_newsa .i_news_l dd li{ display:block; border-bottom:1px dashed #dedede; margin-bottom:9px; overflow:hidden; padding-bottom:9px;line-height:40px;}
.i_newsa .i_news_l dd li:hover{border-bottom:1px dashed #c3954f;}

.i_newsa .i_news_l a{ font-weight:normal;font-size:16px;float:left;}
.i_newsa .i_news_l span{  overflow:hidden; font-size:16px; color:#666666;float:right;display:none;}
.i_newsa .i_news_l dd li:hover a{ color:#c19149;}    
    
    
/*轮显*/
.module-content{ display:none;}
.flash_div{ display:block;}
/*最新消息*/
.i_news{ padding-bottom:5%;}
.i_news .i_news_l{ float:none; width:100%;}
.i_news .i_news_l ul li{ margin-bottom:2%; padding-bottom:2%;}
.i_news .i_news_l .txts{ height:auto;}
.i_news .i_news_l .dates{ height:50px; line-height:50px;}
.i_news .i_news_l .h2{ height:30px; line-height:30px;}
.i_news .i_news_l .i_news_img{ width:100%; max-width:none; margin-bottom:2%; padding-bottom:2%;}
.i_news .i_news_l .i_news_img .hide{ margin-top:1%;}
.i_news .i_news_l .i_news_img .imgs{ height:auto;}
}


@media screen and (max-width: 780px) {
/*国际物流服务供应商展示*/
.counter span { font-size: 45px;}


}
@media screen and (max-width: 640px) {
.i_title h2{ padding-bottom:3%;}
/*国际物流服务供应商展示*/
.i_title_p{ line-height:20px; font-size:14px;padding-top:1%;}
.counter span { font-size: 30px;}
.counter h6{font-size:13px;}

/*合作伙伴*/
.i_partner{ overflow:visible;}
}

@media screen and (max-width: 480px) {
/*国际物流服务供应商展示*/
.i_title_p{ padding-left:35px; padding-right:35px;}
.i_title_p:before{    background-size: 30px auto;}
.i_title_p:after{    background-size: 30px auto;}
.counter span { font-size: 25px;}
/*最新消息*/
.i_news .i_news_l .dates{ height:40px; line-height:40px;}
.i_news .i_news_l .h2{ height:26px; line-height:26px; margin-bottom:5px;}
.i_news .i_news_l .txts{ font-size:13px; line-height:22px;}




}

@media screen and (max-width:420px) {
.i_title_p{ padding-left:25px; padding-right:25px;}
.i_title_p:before{    background-size: 20px auto;}
.i_title_p:after{    background-size: 20px auto;}
}

@media screen and (max-width:360px) {
/*国际物流服务供应商展示*/
.counter{ line-height:1.75;}
.counter span{ font-size:30px;}
/*最新消息*/
.i_news .i_news_l .txts{ font-size:12px; line-height:20px;}


}

@media screen and (max-width:320px) {

}
.toolbar {
	position: fixed;
	bottom:50px;
	right: 1%;
	margin-top: -163px;
	z-index: 100;
	width: 80px;
}
.toolbar dd {
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	background: rgba(0,0,0,.5);
	margin-top: 2px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	transition: all .5s;
}
.toolbar dd:first-child {
	margin-top: 0;
}
.toolbar dd i {
	width: 100%;
	height: 30px;
	display: block;
	margin-top: 13px;
	background: url(../images/toolbar.png) no-repeat center 0;
}
.toolbar dd.qq i {
	background-position-y: 0;
}
.toolbar dd.tel i {
	background-position-y: -30px;
}
.toolbar dd.code i {
	background-position-y: -60px;
}
.toolbar dd.top i {
	background-position-y: -90px;
}
.toolbar dd span {
	display: block;
	color: #fff;
}
.toolbar dd.tel .box {
	position: absolute;
	top: 0;
	width: 190px;
	right: -200px;
	height: 100%;
	margin-right: 10px;
	border-radius: 5px;
	background: #0cb46a;
	opacity: 0;
	transition: all .5s;
}
.toolbar dd.tel .box p {
	font-size: 14px;
	margin: 15px auto 7px;
}
.toolbar dd.tel .box h3 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.toolbar dd.tel .box:after {
	display: block;
	content: " ";
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent transparent #0cb46a;
	border-width: 9px;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: -18px;
	margin-left: -12px;
}
.toolbar dd.code .box {
	position: absolute;
	top: 0;
	width: 162px;
	right: -172px;
	height: 162px;
	margin-right: 10px;
	border-radius: 5px;
	background: #0cb46a;
	opacity: 0;
	transition: all .5s;
}
.toolbar dd.code .box img {
	width: 140px;
	height: 140px;
	padding: 11px;
}
.toolbar dd.code .box:after {
	display: block;
	content: " ";
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent transparent #0cb46a;
	border-width: 9px;
	width: 0;
	height: 0;
	position: absolute;
	top: 30px;
	right: -18px;
	margin-left: -12px;
}
.toolbar dd:hover {
	background: #0cb46a;
}
.toolbar dd.tel:hover .box {
	opacity: 1;
	right: 80px;
}
.toolbar dd.code:hover .box {
	opacity: 1;
	right: 80px;
}
@media screen and (max-width: 800px){ 
.toolbar{display:none;}

}