@charset "utf-8";
/* CSS Document */

/*--- whole ---*/
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
html,
body{height:100%;}

.Header-wrapper, .Container-wrapper, .Footer-wrapper, .container, .banner-container, .index-container{position:relative;left:0px;width:100%;height:auto;}
.contain{width:1200px;margin:0 auto;position:relative;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

/*通用img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}

input.text{display:block;width:100%;height:100%;border:0px;background:none;}


/*--- Banner ---*/
.banner-container .bnr-img{display:block;width:100%;height:auto;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;}

#index-bnr,
#index-bnr .swiper-container,
#index-bnr .bnr-img{height:550px;}
#index-bnr .swiper-pagination{bottom:3.611111111111111% !important;font-size:0px;}
#index-bnr .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:.3;margin:0 8px;}
#index-bnr .swiper-pagination-bullet-active{background:#0094D8;opacity:1;}

.iBnr-box{display:table;width:100%;height:100%;text-align:center;position:absolute;top:0px;left:0px;}
.iBnr-box .iBnr-block{display:table-cell;vertical-align:middle;color:#fff;}
.iBnr-block .t1{line-height:74px;font-size: 44px;font-weight: 700;transition:all .6s linear;-webkit-transition:all .6s linear;-moz-transition:all .6s linear;transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;}
.iBnr-block .t2{font-weight: 400;font-size: 16px;line-height: 1.8;margin:7px 0 0;transition:all .6s linear .3s;-webkit-transition:all .6s linear .3s;-moz-transition:all .6s linear .3s;transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;}
.iBnr-block .t3{line-height:29px;font-size:18px;font-weight:lighter;margin:25px 0 0;transition:all .6s linea .6sr;-webkit-transition:all .6s linear .6s;-moz-transition:all .6s linear .6s;transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;}

#index-bnr .swiper-container .swiper-slide.swiper-slide-active .t1,
#index-bnr .swiper-container .swiper-slide.swiper-slide-active .t2,
#index-bnr .swiper-container .swiper-slide.swiper-slide-active .t3{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.wBanner{display:none;position:relative;}
.wBanner img{width:100%;}

.page-dd{width:52px;height:52px;background:url(../images/icon-dd1.png) no-repeat center center;position:absolute;bottom:1.851851851851852%;right:3.645833333333333%;z-index:80;-webkit-animation: arrowlx 1.5s infinite;-moz-animation: arrowlx 1.5s infinite;-o-animation: arrowlx 1.5s infinite;-ms-animation: arrowlx 1.5s infinite;animation: arrowlx 1.5s infinite;}
@-webkit-keyframes arrowlx
{
    0% {
        bottom:48px;
        opacity:1;
    }
    100% {
        bottom:28px;
        opacity:0;
    }
}
@-moz-keyframes arrowlx
{
    0% {
        bottom:48px;
        opacity:1;
    }
    100% {
        bottom:28px;
        opacity:0;
    }
}
@-ms-keyframes arrowlx
{
    0% {
        bottom:48px;
        opacity:1;
    }
    100% {
        bottom:28px;
        opacity:0;
    }
}
@-o-keyframes arrowlx
{
    0% {
        bottom:48px;
        opacity:1;
    }
    100% {
        bottom:28px;
        opacity:0;
    }
}
@keyframes arrowlx /* Safari 和 Chrome */
{
    0% {
        bottom:48px;
        opacity:1;
    }
    100% {
        bottom:28px;
        opacity:0;
    }
}

.bnr-img.page-bnr{height:650px;}

/*--- Container ---*/

/*-- 首页 --*/

/*--国际物流解决方案 --*/
.service{padding:0px 0 0px;}
.Isrv-swiper{text-align:center;position:relative;margin:0px 0 0;}
.Isrv-swiper .swiper-slide{background-color:#f8f8f8;width:285px; height:400px;padding-top:20px;border-right:20px solid #fff;}

.Isrv-swiper .name{line-height:28px;font-size: 18px;margin:27px 0 0;}
.Isrv-swiper .con{padding:0 10%;line-height: 1.7;font-size:14px;color:#848484;margin:10px 0 0;text-align:left;}

.Isrv-icon{width: 140px;height: 140px;padding-top:0px;border-radius:100%;background:#eaeaea;margin:0 auto;position:relative;display:table;border:8px solid #f3f3f3;box-shadow: 0 0 0 30px transparent;-webkit-transition: box-shadow .4s ease-in-out;-moz-transition: box-shadow .4s ease-in-out;-o-transition: box-shadow .4s ease-in-out;-ms-transition: box-shadow .4s ease-in-out;transition: box-shadow .4s ease-in-out;}
.Isrv-icon .red-bak{position: absolute;width: 100%;height: 100%;top:0px;left: 0px;border-radius: 100%;background:#0094D8;z-index:9;opacity:0;}
.Isrv-icon .icon{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:10;}
.Isrv-icon .icon img{width:100%;height:100%;object-fit:cover;}


.Isrv-swiper .swiper-slide:hover .name{color:#0057A7;}
.Isrv-swiper .swiper-slide:hover .Isrv-icon .red-bak{ -webkit-animation:flipInY2 1s .2s ease both; -moz-animation:flipInY2 1s .2s ease both;}
.Isrv-swiper .swiper-slide:hover .Isrv-icon .icon img{opacity:0;border:8px solid #0057A7; border-radius:50%;}
.Isrv-swiper .swiper-slide:hover .Isrv-icon .icon img.rollover{opacity:1;filter:Alpha(opacity=100);}



@-webkit-keyframes flipInY2{
0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-5deg)}
70%{-webkit-transform:perspective(400px) rotateY(5deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@-moz-keyframes flipInY2{
0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-5deg)}
70%{-moz-transform:perspective(400px) rotateY(5deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1}
}

.IsrvSwiper-prev,
.IsrvSwiper-next{display:block;width:39px;height:100%;position:absolute;top:0px;}
.IsrvSwiper-prev{left:-93px;background:url(../images/swiper1-l.png) no-repeat center center;}
.IsrvSwiper-next{right:-93px;background:url(../images/swiper1-r.png) no-repeat center center;}

@media all and (max-width:1420px){
    .IsrvSwiper-prev,
    .IsrvSwiper-next{display:none;}
}



/*-----浮动右侧客服-----*/
.float_qq{ position:fixed; top:200px; right:0; width:50px; height:203px; z-index:9999;}
.float_qq li{ width:auto; height:50px; z-index:20;}
.float_qq li.float_qq1,.float_qq li.float_qq4,.float_qq li.float_qq5{ position:absolute; left:0; width:62px;}
.float_qq li.float_qq1{ top:0;}
.float_qq li.float_qq2{ position:absolute; top:51px; left:0; width:126px;}
.float_qq li.float_qq3{ position:absolute; top:102px; left:0; width:172px;}
.float_qq li.float_qq4{ top:204px;}
.float_qq li.float_qq5{ top:153px;}
.float_qq5{ position:absolute; top:153px; left:0;}
.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#595656; opacity:0.8; border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_qq li a:hover{ background-color:#0094D8; opacity:1;}
.float_shwx{ position:absolute; top:-155px; left:-200px;width:216px; height:216px; padding-bottom:9px;display:none;}
.float_shwx img{ display:block; padding:14px; background-color:#FFF; width:188px; height:188px;}
.float_qq li:hover .float_shwx{display:block;}

/*-- animate --*/
/*公用动画*/
.pro1-fnC .list li:nth-child(1),
.pro1-fnC .list li:nth-child(4),
.p1fnM-list li img,
.p1fnM-box,
.pro1-top .I-title h1,
.pro2-list li img,
.p2list-box .title,
.case1-1 .I-title,
.case1-2 .I-title,
.case1-list .I-title,
.case2-1 .I-title,
.case2-tSys .I-title,
.c2tSys-list li:nth-child(1),
.c2pr-box,
.c2st-list li:nth-child(1),
.case2-st .I-title,
.c2show-list li img.fl, 
.c2show-list .c2show-box.fr,
.comPro-box,
.cCul-list li{transition:all .6s linear;-webkit-transition:all .6s linear;-moz-transition:all .6s linear;}

.pro1-fnC .list li:nth-child(2),
.pro1-fnC .list li:nth-child(5),
.pro1-top .I-title p,
.p2list-box .split,
.case1-1 .con,
.case1-2 .con,
.case1-list .box,
.case2-1 .con,
.c2tSys-list li:nth-child(2),
.c2st-list li:nth-child(2),
.c2show-list li img.fr, 
.c2show-list .c2show-box.fl,
.comPro-img{transition:all .6s linear .3s;-webkit-transition:all .6s linear .3s;-moz-transition:all .6s linear .3s;}

.pro1-fnC .list li:nth-child(3),
.p2list-box .con,
.case1-1 .con2,
.case1-2 .con2,
.case1-list li img,
.case2-1 .con2,
.c2tSys-list li:nth-child(3),
.c2st-list li:nth-child(3){transition:all .6s linear .6sr;-webkit-transition:all .6s linear .6s;-moz-transition:all .6s linear .6s;}


.p1fnM-list li.fl img,
.p1fnM-list li.fr .p1fnM-box,
.pro2-list li img.fl,
.c2show-list li img.fl, 
.c2show-list .c2show-box.fr,
.comPro-box{transform:translateX(-50px);-webkit-transform:translateX(-50px);opacity:0;}


.p1fnM-list li.fl .p1fnM-box,
.p1fnM-list li.fr img,
.pro2-list li img.fr,
.c2pr-box,
.c2show-list li img.fr, 
.c2show-list .c2show-box.fl,
.comPro-img{transform:translateX(50px);-webkit-transform:translateX(50px);opacity:0;}


.pro1-fnC .list li,
.pro1-top .I-title h1,
.pro1-top .I-title p,
.p2list-box .title,
.p2list-box .split,
.p2list-box .con,
.case1-1 .I-title,
.case1-1 .con,
.case1-1 .con2,
.case1-2 .I-title,
.case1-2 .con,
.case1-2 .con2,
.case1-list .I-title,
.case1-list .box,
.case2-1 .I-title,
.case2-1 .con,
.case2-1 .con2,
.case2-tSys .I-title,
.c2tSys-list li,
.c2st-list li,
.case2-st .I-title,
.cCul-list li:nth-child(1),
.cCul-list li:nth-child(3){transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;}

.case1-list li img,
.cCul-list li:nth-child(2),
.cCul-list li:nth-child(4){transform:translateY(-50px);-webkit-transform:translateY(-50px);opacity:0;}


.pro1-fnC.active .list li,
.p1fnM-list li.active img,
.p1fnM-list li.active .p1fnM-box,
.pro2-list li.active img,
.case2-pr.active .c2pr-box,
.case2-show.active .c2show-list li img,
.case2-show.active .c2show-list .c2show-box,
.com-pro.active .comPro-box,
.com-pro.active .comPro-img{transform:translateX(0px) !important;-webkit-transform:translateX(0px) !important;opacity:1 !important;}

.pro1-top.active .I-title h1,
.pro1-top.active .I-title p,
.pro2-list li.active .p2list-box .title,
.pro2-list li.active .p2list-box .split,
.pro2-list li.active .p2list-box .con,
.case1-1.active .I-title,
.case1-1.active .con,
.case1-1.active .con2,
.case1-2.active .I-title,
.case1-2.active .con,
.case1-2.active .con2,
.container.active .case1-list .I-title,
.container.active .case1-list .box,
.container.active .case1-list li img,
.case2-1.active .I-title,
.case2-1.active .con,
.case2-1.active .con2,
.case2-tSys.active .I-title,
.case2-tSys.active .c2tSys-list li,
.case2-st.active .c2st-list li,
.case2-st.active .I-title,
.com-cul.active .cCul-list li{transform:translateY(0px) !important;-webkit-transform:translateY(0px) !important;opacity:1 !important;}





.home-block h2 {
	font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: 400;
	letter-spacing: 0.5px;
	color: #333;
}

.a3 {
	color: #0094D8;

}
.a4 {

	font-size: 14px;
	color: #999;
	margin-top: 20px;
	margin-bottom: 0;
	line-height: 1.5;
	font-weight: 400;
}
.a5 {
	font-size: 18px;
	color: #333;
	margin-top: 15px;
	margin-bottom: 15px;
}

.home-block i{display:block;width: 60px;height: 1px;background-color: #0094D8;margin: 25px auto 0  auto;}

.text-center {
	text-align:center
}

.ppp1{margin-bottom: 10px;}

.subNewsTitle h1,.subNewsTitle h2,.subNewsTitle h3,.subNewsTitle h4,.subNewsTitle h5,.subNewsTitle h6{font-size: 18px;padding-top: 100px;margin-top: -65px;margin-bottom: 5px;color: #333;}
.subNewsTitle h3:first-child{font-size: 25px; font-weight: 400;color: #333; margin-top: 0px; padding: 10px 0px 20px;border-bottom: 2px solid #EEE; text-align: center;}
.article h3{font-size: 24px; color: #333; text-align: center; padding: 10px 0 30px;}


.article p{font-size: 14px;color: #666;margin-bottom: 15px;line-height: 2;}

.otherNews { position: relative; border-top: 1px solid #EEE; }
.links22 { padding: 28px 0 0 0px; }
.links22 a { display: block; line-height: 2; font-size: 14px; color: #666; }
.links22 a:hover {color: #0094D8;}