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

/* 全屏banner */
.banner_blk { position: relative; z-index: 1; width: 100%;/*banner宽度*/ height: 500px;/*图片高度*/ overflow: hidden; }
.banner { position: absolute; top: 0px; left: 50%; z-index: 1; margin-left: -960px;/*图片宽度/2*/ width: 1920px;/*图片宽度*/ height: 100%; overflow: hidden; }
.banner p { width: 1920px; height: 100%; text-align: center; font-size: 0px; }
.banner_button_blk { width: 100%; position: absolute; bottom: 0; height: 50px; z-index: 2; }
.banner_button { position: absolute; left: 50%; margin-left: -600px; bottom: 0px; z-index: 2; width: 1200px; height: 50px; line-height: 50px; text-align: center; }
.banner_button a { display: inline-block; margin: 20px 6px; margin-bottom: 0; width: 29px; height: 7px; font-size: 0px; text-align: center; color: #666; outline: none; background: #fff; -moz-outline: none; blr: expression(this.onFocus=this.blur()); }
.banner_button a.activeSlide { background: #0075d2; }
.banner_button a:hover { background: #0075d2; }
.banner_left, .banner_right { position: absolute; background: url(../images/prev.png) no-repeat center center; top: 190px; left: 30px; display: block; width: 50px; height: 100px; z-index: 13; cursor: pointer; }
.banner_right { background: url(../images/next.png) no-repeat center center; left: auto; right: 30px; }
.banner_left:hover, .banner_right:hover { background-color: rgba(255, 255, 255, 0.2); }


/* FBA serv */
.bigt{ border-bottom: 1px solid #e8e8e9; text-align: center; padding: 30px 0; margin: 30px auto; width: 1200px;}
.bigt b{font-size: 24px; color: #666; font-weight: normal;}
.servlist { width: 1122px; margin: 0 auto; height: 350px; position: relative; }
.serv_id { width: 100%; height: 100%; position: relative; }
.serv_id li { position: relative; width: 374px; height: 350px; padding: 0 20px; float: left; list-style-type: none; }
.serv_id li .txt { background: #0075d2; padding: 10px; height: 128px; border: 1px solid #505050; box-shadow: 5px 5px 18px rgba(0,0,0,0.2);}
.serv_id li .title { display: block; width: 100%; font-size: 20px; color: #fff; line-height: 30px; margin-bottom: 10px; font-weight: bold; }
.serv_id li .txt .info { color: #fff; font-size: 12px; line-height: 18px; height: 60px; overflow: hidden; }
.serv_id li a.img { position: relative; display: block; width: 334px; height: 222px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; border: 1px solid #100d4b; border-bottom: 0; }
.serv_id li a.img:hover { background-size: 106% 106%; }
.serv_left, .serv_right { position: absolute; top: 50%;	/*margin-top: -20px;*/ left: -40px; display: block; width: 40px; height: 40px; text-align: left; cursor: pointer; font-size: 48px; color: #f39801; line-height: 40px; }
.serv_right { left: auto; right: -40px; text-align: right; }
.serv_left:hover, .serv_right:hover { color: #100d4b; }
.serv_id li:after { content: ''; position: absolute; top: 0; left: 18px; width: 60px; height: 52px; background: url(../images/serv_span.png) no-repeat center center; }

/*why*/
.liy_bg{ width: 100%; height: 3111px; background: url(../images/world_logistics_02.jpg) no-repeat ; margin-top: 70px;}
.liy_bg .liy_tit{ background: url(../images/index_why/why_tit_bg.png) no-repeat center 40px;  height: 160px; position: relative; padding-top: 40px;}
.liy_bg .liy_tit b{ color: #fff; font-size: 40px; display: inline-block; margin-left: 220px;}
.liy_bg .liy_tit img{position: absolute; top: 0; right: 0;}
.liy_bg .liy_tit b i{ font-size: 64px;}
.liy_co_tit{ margin-top: 40px;}
.liy_co_tit .xuhao{ width: 111px; height: 111px; background: url(../images/index_why/liy_co.png) no-repeat; padding-left: 25px;
line-height: 111px; font-size: 74px; color: #fff; font-style: italic; position: relative;}
.liy_bg .liy_co_tit .xuhao:after{ content: ""; position: absolute; width: 1px; height: 800px; border-left: 1px dashed #0075d2; top: 111px; left: 54px;}
.liy_co_tit .liy_co_txt{ padding: 8px 50px; background-image: -moz-linear-gradient( 90deg, rgb(0,78,195) 0%, rgb(0,160,226) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(0,78,195) 0%, rgb(0,160,226) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,78,195) 0%, rgb(0,160,226) 100%);
  box-shadow: 3.346px 3.716px 18px 0px rgba(0, 0, 0, 0.22); text-align: center; border-radius: 6px; margin-top: 20px;margin-left: 20px; position: relative;}
.liy_co_tit .liy_co_txt:before{content: ""; position: absolute; width: 18px; height: 18px; left: -8px; top:26px;
  background-image: -moz-linear-gradient( 135deg, rgb(0,107,206) 0%, rgb(0,129,215) 100%);
  background-image: -webkit-linear-gradient( 135deg, rgb(0,107,206) 0%, rgb(0,129,215) 100%);
  background-image: -ms-linear-gradient( 135deg, rgb(0,107,206) 0%, rgb(0,129,215) 100%);
	transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */}
.liy_co_tit .liy_co_txt b{ display: block; font-size: 26px; color: #fff;}
.liy_co_tit .liy_co_txt span{ font-size: 16px; color: #fff;}

@keyframes zhuan{
	from{ transform:rotate(0deg);}
	to{  transform:rotate(-360deg);}
	}
.liy_co01{ width: 415px;}
.liy_co01 img{ width: 100%;box-shadow: 3.346px 3.716px 18px 0px rgba(0, 0, 0, 0.22);}
.liy_co01 .liy01_nei{ padding: 18px 0;}
.liy_co_tit .liy_co01{ margin-left: 50px;}
.liy_co_tit .liy_co01_box .liy_co01:nth-child(1){ margin-left: 190px;}
.liy_co01 p{ line-height: 25px; color: #333; font-size: 14px;}
.liy_fba .liy_yi{ width: 250px;}
.liy_fba .liy_yi:nth-child(1){margin-left: 190px;}
.liy_fba .liy_yi:nth-child(2){ width: 380px; background: url(../images/index_why/liy_co03.png) no-repeat 12px 18px;}
.liy_fba .liy_er:hover img{ transition:all 1s; animation:zhuan 1s;}
.liy_fba .liy_yi:nth-child(3){text-align: right; margin-left: 30px;}
.liy_fba .liy_yi:nth-child(3) img{ left: -10px;}
.liy_fba .liy_yi .liy_yi_co{ position: relative;}
.liy_fba .liy_yi .liy_yi_co img{ position: absolute; top: 34px;}
.liy_fba .liy_yi .liy_yi_co b{margin: 24px 0; display: block;}
.liy_fba .liy_yi .liy_yi_co p{font-size: 14px; line-height: 24px; text-align: left;}
.liy_fba .liy_yi .liy_yi_co:nth-child(2){margin-top: 150px; }

.liy_bg .liy_main .liy_co_tit:nth-child(2){ margin-top: 80px}
.liy_bg .liy_main .liy_co_tit:nth-child(3){ margin-top: 120px}
.liy_bg .liy_main .liy_co_tit:nth-child(4){ margin-top: 80px}
.liy_bg .liy_main .liy_co_tit:nth-child(4) .xuhao:after{ height: 0;}

.liy_solv{ position: relative;}
.liy_solv>img{ position: absolute; right: 0; top: -180px;}
.liy_solv .liy_solv_img{ margin-left: 42px;}
.liy_solv .liy_solv_txt{ margin-top: 80px;}
.liy_solv .liy_solv_txt i{ color: #0075d2; font-size: 34px; display: block; margin-top: 34px; margin-left: 20px; margin-right: 30px;}
.liy_solv .liy_solv_txt:nth-child(2) i{ margin-left: 60px;}
.liy_solv .liy_solv_txt b{ color: #0075d2; font-size: 24px; display: block; padding: 12px 0;}
.liy_solv .liy_solv_txt b:nth-child(1){ border-bottom: 1px solid #0075d2;}

.liy_safe_box .liy_safe{ border: 1px solid #0075d2; border-radius: 8px; background-color: #f6f6f6; width: 886px; position: relative; padding: 10px; margin-top: 50px;}
.liy_safe_box .liy_safe:nth-child(2){ float: right;}
.liy_safe_box .liy_safe .liy_ti{ position: absolute; right:-250px; top:-160px;}
.liy_safe_box .liy_safe .liy_left{width: 430px; padding:40px 20px;}
.liy_safe_box .liy_safe .liy_right{width: 430px;}
.liy_safe_box .liy_safe .liy_right img{width:100%;}
.liy_safe_box .liy_safe .liy_xiang{ position: absolute; left:-300px; top:150px;}
.liy_safe_box .liy_safe p{ line-height: 24px; font-size: 14px; color: #333;}

/*liuc*/
.liuc .liuc_co{ width: 16.66%;margin: 0 auto; float: left; text-align: center; position: relative;}
.liuc .liuc_co img{display: inline-block;}
.liuc .liuc_co span{display: block; margin: 10px 0;}
.liuc .liuc_co .liuc_jiant{ position: absolute; right: -20px; top:40px;}

/*mserv*/
.mserv_bg{ background-color: #f1f1f1; padding-bottom: 50px;}
.mserv_bg .mserv_left{ width: 864px;}
.mserv_bg .mserv_left .mserv_more{float: right;border-style: solid;border-width: 1px;border-color: rgb(184, 98, 1);border-radius: 2px;background-color: rgb(244, 131, 2);box-shadow: 0px 1px 0px 0px rgba(10, 2, 4, 0.71),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.42);color: #fff; font-size: 12px; margin-right: 12px; margin-top: 10px; padding: 2px 4px; }
.mserv_box .mserv_co{ width: 24%; float: left; background-color: #fff; border-radius: 4px; padding: 10px;box-shadow: 3.346px 3.716px 18px 0px rgba(0, 0, 0, 0.1); margin-right: 8px;}
.mserv_box .mserv_co:hover{ border:1px solid #0075d2;}
.mserv_box .mserv_co img{ width:100%;}
.mserv_box .mserv_co span{ color: #0075d2; font-size: 14px; margin-top: 12px; margin-bottom: 6px; display: inline-block;}
.mserv_box .mserv_co p{ color: #888; font-size: 12px; line-height: 24px; height: 50px; overflow: hidden;}
.mserv_bg .mserv_right{width: 336px;}
.mserv_bg .mserv_right .mserv_lian{ border-top: 1px solid #c9c9c9; }
.mserv_bg .mserv_right .mserv_lian span{ font-size: 12px; color: #333; display: block; margin-top: 25px; background: url(../images/lianx.png) no-repeat 0 4px; padding-left: 10px;}

/*yous*/
@keyframes yous_zhuan{
	from{ transform:rotatey(0deg);}
	to{  transform:rotatey(-360deg);}
	}
.yous_box{ margin-bottom: 40px;}
.yous_co{width: 20%; text-align: center; float: left; padding: 0 26px;}
.yous_co img{display: inline-block;}
.yous_co:hover img{ transition:all 1s; animation:yous_zhuan 1s;}
.yous_co span{display: block; font-size: 14px; color: #666; margin: 10px 0;}
.yous_co p{ font-size: 13px; color: #999; line-height: 24px;}

/* news */
.icon{ background: url(../images/icon.png) no-repeat;}
.news { width: 100%; }
.zxt { font-size: 14px; color: #fff; margin-bottom: 24px;
	background-image: -moz-linear-gradient( 90deg, rgb(0,78,195) 0%, rgb(0,160,226) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(0,78,195) 0%, rgb(0,160,226) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(0,78,195) 0%, rgb(0,160,226) 100%);
	padding: 10px 20px; position: relative;}
.zxt:after{content: ""; width: 27px; height: 27px; position: absolute;	transform:rotate(45deg); top: 6px; right: -14px;
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
background-image: -moz-linear-gradient( 135deg, rgb(0,78,195) 0%, rgb(0,160,226) 100%);
	background-image: -webkit-linear-gradient( 135deg, rgb(0,78,195) 0%, rgb(0,160,226) 100%);
	background-image: -ms-linear-gradient( 135deg, rgb(0,78,195) 0%, rgb(0,160,226) 100%);
}
.news .zx1 { width: 600px; }
.news .zx1 .newsul { width: 100%; background: #fff; padding: 23px 30px; }
.news .zx1 .newsul .list { position: relative; }
.news .zx1 .newsul .list:before { content: ''; display: block; position: absolute; top: 10%; left: 8px; width: 1px; height: 80%; background: #ddd; }
.news .zx1 .newsul .list li { position: relative; width: 100%; height: 60px; padding-left: 40px; }
.news .zx1 .newsul .list li:before, .news .zx1 .newsul .list li:after { content: ''; display: block; position: absolute; top: 50%; margin-top: -8px; left: 0; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 1px solid #ddd; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.news .zx1 .newsul .list li:after { width: 8px; height: 8px; background: #ddd; border: none; margin-top: -4px; left: 4px; }
.news .zx1 .newsul .list li:hover:after { background: #0075d2; }
.news .zx1 .newsul .list li a { position: relative; width: 100%; height: 100%; background-color: transparent; padding: 6px 14px; }
.news .zx1 .newsul .list li a .h1 { font-size: 14px; color: #333; line-height: 26px; height: 26px; width: 100%;	/*! margin-bottom: 6px; */ }
.news .zx1 .newsul .list li a .time { font-size: 12px; color: #888; line-height: 14px; }
.news .zx1 .newsul .list li a:hover { background-color: #0075d2;box-shadow: 3.346px 3.716px 18px 0px rgba(0, 0, 0, 0.22); border-radius: 4px;}
.news .zx1 .newsul .list li a:hover .time, .news .zx1 .newsul .list li a:hover .h1 { color: #fff; }
.news .zx1 .newsul .list li a:after { content: ''; display: block; position: absolute; top: 50%; margin-top: -8px; left: -8px; width: 0; height: 0; border-right: 8px solid #0075d2; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-radius: 2px; opacity: 0; filter: opacity(0); transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.news .zx1 .newsul .list li a:hover:after { opacity: 1; filter: opacity(100); }
.news .zx1 .newsul .more { font-size: 14px; color: #333; width: 180px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; }
.news .zx1 .newsul .more:hover{color: #0075d2;}
.icon.more-news { width: 17px; height: 17px; background-position: -80px 0; margin-left: 10px; vertical-align: -4px; }
.news .zx2 { width: 580px; overflow: hidden; }
.news .zx2 .zx2w { width: 598px; }
.news .zx2 .b { float: left; width: 280px; height: 208px; background: #fff; margin-right: 19px; cursor: pointer; margin-bottom: 19px; position: relative;}
.news .zx2 .b .img { width: 100%; height: 100%; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; }
.news .zx2 .b:hover .img { background-size: 110% 110%; }
.news .zx2 .b .h1 { width: 100%; height: 48px; line-height: 48px; color: #333; text-align: center; font-size: 14px; position: absolute; bottom: 0; background-color: rgba(255,255,255,0.8);}
.news .zx2 .b .h1:hover { text-decoration: underline; color: #0075d2;}

/*伙伴*/
.part{
	width: 1200px;
	margin: 20px auto;
	margin-top: 40px;
}
.part .part_t{
	width: 170px;
	float: left;
	margin:10px 0;

}
.part h1{
	color: #333;
	float: left;
	font-size: 18px; 
	margin-right: 10px;
}
.part span{
	display: block;
	color: #777;
	float: left;
	font-size: 12px; 
	margin-top: 5px;
	text-transform: uppercase;
}
.part_co{
	float: left;
	width: 80px;
	overflow: hidden;
	margin-left: 30px;
}
.part_co img{
	width: 100%;
}